img { width: auto\9; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; object-fit: cover; }

input[type='button'], input[type='submit'], input[type='reset'], textarea { resize: none; -webkit-appearance: none; }


html, body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, hr, input, textarea, select, p, dl, dt, dd, a, span, strong, font, i, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family:"思源黑体", "微软雅黑", Arial; margin: 0; padding: 0; border: none; box-sizing: border-box; text-size-adjust: none; }
html, body { min-width: 320px; max-width: 1920px; margin: 0 auto; width: 100%; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { position: relative; -overflow-x: hidden; background-color: #fff; overflow-x: hidden; }
input, button, select, textarea { outline: none; }
em, i { font-style: normal; }
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ''; }
.clearfix { zoom: 1; }
a { text-decoration: none; }
a:hover { text-decoration: none; color: #2075d4 !important; }
ul, li, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
img { border: none; max-width: 100%; max-height: 100%; vertical-align: middle; }
.fl { float: left; }
.fr { float: right; }
.over { overflow: hidden; }

html, body { overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #1347a7 #f4f4f4; }
html::-webkit-scrollbar, body::-webkit-scrollbar { width: 5px; }
html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb { border-radius: 5px; background: #1347a7; }
a {
    text-decoration: none;

}
a, a:active {
    color: #333333;
    text-decoration: none;
    outline: none;
}
.banner {
    height: 100px;
}
.bg {
    padding-bottom: 24px;
    background: url("../images/jcjtglc/sy_bg.jpg") center top no-repeat rgb(226, 241, 255);
}
.container {
    width: 1354px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(188, 221, 250) 0px 0px 20px;
    padding-bottom: 70px;
    margin: 0px auto;
    border-radius: 10px;
}
.flow {
    width: 1236px;
    height: 315px;
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0px auto;
    background: url("../images/jcjtglc/dz.png") center bottom no-repeat;
}
.flow img.xjj {
    position: absolute;
    top: -68px;
    left: 190px;
}
.flow .jj, .flow .cj {
    margin-top: 58px;
}
a:hover {
    color: rgb(32, 117, 212) !important;
    text-decoration: none;
}
.flwd {
    width: 1200px;
    margin: 0px auto;
}
.article {
    width: 572px;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.article-tit {
    height: 34px;
    line-height: 34px;
}
.article-tit span {
    float: left;
    font-size: 22px;
    font-weight: bold;
}
.article-tit-bg {
    float: left;
    margin-left: 14px;
    width: 375px;
    height: 34px;
    background: url("../images/jcjtglc/tit.png") left center no-repeat;
}
.article-tit-more {
    float: right;
    width: 60px;
    height: 24px;
    background-color: rgb(239, 239, 239);
    text-align: center;
    line-height: 24px;
    position: relative;
    top: 7px;
}
.article-list {
    margin-top: 16px;
}
ul, li, ol {
    list-style: none;
}
.article-list a {
    display: block;
    line-height: 36px;
    font-size: 16px;
    color: rgb(51, 51, 51);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ywzx {
    margin-top: 10px;
}
.ywzx .one {
    margin-top: 25px;
}
.app {
    width: 1200px;
    margin: 20px auto 0px;
}
.app-list {
    display: flex;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(233, 236, 242);
    border-image: initial;
}
.clearfix::after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0px;
    content: "";
}
.app-list li:first-child {
    border-left: 0px;
}
.app-list li {
    box-sizing: border-box;
    width: 200px;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid rgb(233, 236, 242);
}
.app-list li a {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.app-list li img {
    transform: rotateY(0deg);
    transition: 300ms linear;
}
.app-list li span {
    display: block;
    font-size: 18px;
    color: rgb(51, 51, 51);
    margin-top: 34px;
}

.flow-item-tit {
    margin-bottom: 20px;
    height: 72px;
    background: url("../images/jcjtglc/tit_bg.png") no-repeat center center;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    line-height: 72px;
}
.flow-item-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 356px;
    background-color: #f8f8f8;
    border-radius: 15px;
}
.fic-pic {
    width: 550px;
    height: 356px;
    padding: 28px;
    background-color: #d1e4ff;
    border-radius: 15px;
}
.fic-pic-wrap {
    width: 492px;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 0 10px #5298f9;
}
.fic-pic img {  transition: all .3s linear; }
.fic-pic img:hover { transform: scale(1.1); }
.flow-item {
    position: relative;
    margin-bottom: 44px;
}
.flow-item.one .fic-tips {
    padding: 36px 0 0 30px;
}
.fic-tips {
    width: 650px;
}
.fic-tips p.big {
    color: #545454;
    font-size: 24px;
    font-weight: bold;
}
.fic-tips p.big span { color: #1a5cb7;font-size: 24px; }
.flow-item.one p.small {
    margin-top: 62px;
    width: 415px;
}
.fic-tips p.small {
    font-size: 18px;
    color: #545454;
}
.fic-tips p.small span {
    color: #e1bc6f;
    font-weight: bold;
    font-size: 18px;
}
.fic-tips p.link {
    margin-top: 60px;
}
.fic-tips p.link a { color: #1a5cb7; font-size: 18px; display: block; line-height: 30px; }
.flow-item .xjj { position: absolute; }

.flow-item.one .xjj { bottom: 0; right: 0; }

.flow-item.one .xjj {
    bottom: -15px;
    right: -57px;
}
.flow-item .arrow {
    position: absolute;
    bottom: -28px;
    left: 50%;
    margin-left: -20px;
    animation: arrowDown .5s ease-in-out infinite;
}
.flow-item.two .flow-item-content {
    height: 240px;

}
.flow-item.one .fic-tips {padding: 36px 0 0 30px;}
.flow-item.one p.small {margin-top: 62px;width: 415px;}
.flow-item.one .xjj { bottom: -15px;right: -57px; }

.flow-item .xjj {
    position: absolute;
}

.flow-item.two .flow-item-content { height: 240px; }
.flow-item.two .xjj { top: -23px; left: -30px; }
.flow-item.two .fic-tips {width: 100%;display: flex;justify-content: center;align-items: center;}
.flow-item.two .fic-tips {
    padding: 70px 0 0 150px;
}
.flow-item.two p.small {
    margin-top: 25px;
}

.flow-item.three .fic-tips { padding: 160px 0 0 50px; }
.flow-item.three .xjj { top: -23px; right: -35px; }

.flow-item.four .fic-tips { padding: 64px 0 0 50px; }
.flow-item.four .xjj {bottom: -23px;right: -40px;}
.flow-item.four .fic-tips p.small {padding: 40px 165px 0 0px;}

.flow-item.five .fic-tips {padding: 60px 0 0 150px;}
.flow-item.five .fic-tips p.big { width: 410px; }
.flow-item.five .xjj {top: -40px;left: -30px;}

.flow-item.six .flow-item-tit { background: url(../images/jcjtglc/tit_bg_long.png) no-repeat center center; }
.flow-item.six .flow-item-content { background: none; flex-direction: column; align-items: center; justify-content: center; height: auto; padding-bottom: 310px; }
.flow-item.six .fic-tips { width: auto; margin-top: 34px; }
.flow-item.six .fic-tips p.big { font-size: 22px; }
.flow-item.six .xjj { bottom: 0; left: 50%; transform: translateX(-50%); }
.flow-item.six .arrow {
    position: absolute;
    bottom: 247px;
    left: 50%;
    margin-left: -20px;
    animation: 0.5s ease-in-out 0s infinite normal none running newArrowDown;
}
.fic-tips p.big {
    color: #545454;
    font-size: 24px;
    font-weight: bold;
}
.fic-tips p.link {
    margin-top: 60px;
}
.fic-tips p.link a {
    color: #1a5cb7;
    font-size: 18px;
    display: block;
    line-height: 30px;
}
.big-tit {
    height: 72px;
    width: 1248px;
    border-radius: 20px;
    background: #1a5cb7;
    margin: 0 auto;
    position: relative;
    top: -15px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    line-height: 72px;
}
.main {
    width: 1200px;
    margin: 36px auto 0;
    padding: 0 35px;
    position: relative;
}
.main p {
    font-size: 16px;
    line-height: 34px;
    color: #333;
}
.bz {
    background-color: #fff6ed;
    border: 6px solid #ebd8c4;
    padding: 15px;
    line-height: 34px;
    color: #666;
    margin-top: 20px;
}
.main .gs {
    margin: 96px 0;
    width: 906px;
}
.main .gs span {
    font-size: 22px;
    font-weight: bold;
}
.main .gs a {
    margin-left: 60px;
    display: inline-block;
    width: 225px;
    height: 40px;
    line-height: 40px;
    background-color: #e2f1ff;
    text-align: center;
    font-size: 18px;
    color: #1a5cb7;
}
.red {
    color: #df5151 !important;
}
.orange {
    color: #ee8e27;
}
.bold {
    font-weight: bold;
}
.xjj {
    position: absolute;
    right: 0;
    bottom: 0;
}

.td { margin: 30px auto 0; padding-bottom: 30px; width: 1160px; border-bottom: 2px dashed #dfdfdf; }
.td-item { height: 164px;margin: 20px auto 0;background: #fafafa;display: flex;border-radius: 20px;flex-direction: row;justify-content: flex: 1;}
.td-item:first-child { margin-top: 0; }
.tdL {display: flex;width: 184px;flex-shrink: 0;}
.tdL p {width: 43px;background: #298f5b;border-radius: 20px 0 0 10px;color: #fff;display: none;flex-wrap: wrap;justify-content: space-evenly;flex-direction: column;align-items: center;}
.tdL p span { display: block; width: 100%; text-align: center; color: #fff; font-size: 16px;  font-weight: bold; line-height: 26px; }
.tdR { display: flex; padding: 0 15px 0 30px; align-items: center; font-size: 16px; color: #545454; line-height: 28px;}
.td-sb .tdL p { background: #d02e2f; }

.sbwp { margin: 28px auto 0; width: 1200px; background: url(../images/jcjtglc/jj_tag.png) no-repeat right top #f8f8f8; border-radius: 15px; padding: 20px;  }
.sbwp p.intro { height: 112px; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #333; font-weight: bold; }
.sbwp-list {/* height: 298px; */padding: 0 20px;display: flex;justify-content: space-between;}
.sbwp-list li {background-color: #fff;width: 154px;}
.sbwp-list li p {padding: 0 10px 10px;font-size: 14px;color: #545454;line-height: 24px;text-align: center;}
.sbwp-list li img { transform-style: preserve-3d; transition: .3s;  }
.sbwp-list li img:hover { transform: translateZ(30px)scale(1.1); }
.sbwp.cjsbwp { background: url(../images/jcjtglc/cj_tag.png) no-repeat right top #f8f8f8; }
.sbwp.cjsbwp .sbwp-list li {width: 218px;}



.tips { width: 1200px; margin: 0 auto; font-size: 14px; color: #545454;  }
.tips span { color: #e8aa4a; }
.sbwp-container { margin: 28px auto 0; width: 1200px; }
.sbwp-container.jj { background: url(../images/jcjtglc/jj_tag.png) no-repeat right top #f8f8f8; }
.sbwp-container.cj { background: url(../images/jcjtglc/cj_tag.png) no-repeat right top #f8f8f8; }
.sbwp { border-radius: 15px; padding-bottom: 34px;  }
.sbwp-tit { color: #333; font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 18px; padding-top: 18px; }
.sbwp-tit span { font-size: 24px; }

.sbwp.jjxz { padding-top: 20px; }
.sbwp.jjxz .sbwp-list li { width: 228px; }
.sbwp.jjxz .sbwp-list li p, .sbwp.cjxz .sbwp-list li p { height: 72px; }
.sbwp.cjjj .sbwp-list li { width: 286px; }

.dzw { width: 1160px; margin: 70px auto; padding-top: 70px; border-top: 2px dashed #dfdfdf; }
.dzw-tit { font-size: 24px; color: #333333; font-weight: bold; margin-bottom: 40px; text-align: center; }
.dzw-content { display: flex; }
.dc-tab-hd { width: 120px; flex-shrink: 0;  }
.dc-tab-hd p { height: 120px; padding: 0 14px; background-color: #e4e4e4; display: flex; justify-content: center; align-items: center; color: #333; font-size: 18px; font-weight: bold; line-height: 30px; text-align: center; cursor: pointer; }
.dc-tab-hd p.on { background-color: #1a5cb7; color: #fff; }
.dc-tab-bd { padding: 0 20px; }
.dc-tab-bd .item { display: none; }
.dc-tab-bd .item:first-child { display: block; }
.dc-tab-bd .item p { line-height: 40px; font-size: 16px; color: #333; border-bottom: 1px solid #eef1f4; }


.main-top {
    display: flex;
    /* justify-content: space-between; */
    position: relative;
}
.phone {
    flex-shrink: 0;
    display: flex
;
    justify-content: space-between;
    width: 428px;
    align-items: flex-start;
    /* height: 500px; */
    /* flex-shrink: 0; */
}

.ewm {
    width: 576px;
    margin-left: 45px;
}
.ewm-intro {
    margin-top: 38px;
}
.main-bottom {
    margin-top: 100px;
}
.main-bottom p {
    line-height: 30px;
}