html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
body { padding-top: constant(safe-area-inset-top); padding-left: constant(safe-area-inset-left); padding-right: constant(safe-area-inset-right); padding-bottom: constant(safe-area-inset-bottom); }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template {
 display: none;
}
a { background-color: transparent; }
ul { margin: 0; padding: 0; }
a:active, a:hover { outline: 0; opacity: .8 }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0; }
h2, h3, h4, h5 { font-weight: normal }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { display: block; max-width: 100%; border: 0 }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
* { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; }
body { font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 0.7rem; line-height: 1.5; color: #3d4145; background: #fff }
a, input, textarea, select, button { outline: 0; -webkit-appearance: none; }
p, h2 { margin: 0; }
.text-center { text-align: center }
em { font-style: normal }
a { color: #333; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:active { opacity: .8 }
.colordefault { color: #99835e }
/******************Common CSS***************************/
.page { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; z-index: 2000 }
.content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch }
.page, .page-group { box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; display: none; overflow: hidden; }
.page.page-current, .page-group.page-current, .page.page-visible, .page-group.page-visible, .page.page-from-center-to-left, .page-group.page-from-center-to-left, .page.page-from-center-to-right, .page-group.page-from-center-to-right, .page.page-from-right-to-center, .page-group.page-from-right-to-center, .page.page-from-left-to-center, .page-group.page-from-left-to-center { display: block; }
.page.page-current, .page-group.page-current { overflow: hidden; }
.page-group { display: block }
li { list-style: none }
i { font-style: normal }
.content .top_title {padding-top: 1.2rem;width: 90%;margin: 0 auto;left: 5%;background-color: #fff;}
.content .top {position: fixed;z-index: 99;background-color: #fff;}
.content .forecast {margin-top: 18.3rem;}
.top_bg{color: #fff;height: 4.2rem;}
.defaultcolor { color: #888 }
.color-yellow { color: #f29600 }
.color-blue { color: #039be5 }
.color-purple { color: #661984 }
.color-red { color: #b70000 }
.colorwhite { color: #fff }
.colorblack { color: #333 }
.block { display: block }
.nowrap { white-space: nowrap }
.spacebetween {box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.spacearound { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.flex-center { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center }
.flex-start { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: flex-start; align-items: center }
.flex-top { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: space-between; -webkit-align-items: flex-start; align-items: flex-start }
.flex-end { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: flex-end; align-items: flex-end }
.flex-direction { flex-direction: column; }
.display__flex {display: -webkit-box;display: -ms-flexbox;display: flex;}
.flex_wrap__wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flex_shrink__0 {-ms-flex-negative: 0;flex-shrink: 0;}
.align_items__center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.udline, .riline, .lfline, tline, .aline { position: relative }
.udline:after, .setlist li a:after, .tabs ul:after, .news .cell-list:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #e7e7e7; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.tdline:after { content: ''; position: absolute; left: 0; bottom: auto; right: auto; top: 0; height: 1px; width: 100%; background-color: #e7e7e7; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
/*style*/
    .banner img{ width: 100%; height:7rem }
    .banner .pcbanner{ display:none }
.nav ~.content{top:10rem}
.nav{ position:absolute; width:100%; height: 2rem; background-color: #3ab6ee; display:flex; align-items:center; justify-content:space-around; }
.nav_list{ height:2rem; position: relative; flex: 1; padding: 0 .5rem; display:flex; align-items:center; justify-content: center; color:#fff; border-left:solid 1px #fff; cursor:pointer; }
.nav_list a{ display: flex; align-items: center; justify-content: center; width: 100%; height: 2rem; color:#fff }
.content{scroll-behavior: smooth;}
.nav_list:first-child{ border:none }
.active {background: #0096da;}
.nav_list.active:after{content: ''; width: 0;
    height: 0;
    border-top: 6px solid #0096da;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;}

h2.title {
    width: 90%;
    position: relative;
    margin: 1rem auto 0;
    border-bottom: solid 1px #0096da;
    font-size: .75rem;
    font-weight: bold;
    color: #0096da;
}
h2.title span {
    position: relative;
    display: inline-block;
    padding: 0.25rem 1rem 0.25rem 0;
}
h2.title span:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 4rem;
    border-bottom: 4px solid #0096da;
}
.listfirst h2.title{ margin:0 auto; }
.artcon{ width:90%; margin:1rem auto }
.cells {
    display: flex;
    margin: 0.5rem 0;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -0.5rem;
}
.flexaround .cell {
    width: calc(50% - 0.5rem);
    padding: 0;
    margin: 0.5rem 0 0 0.5rem;
}
.flexaround {
    width: 90%;
    margin: 0 auto;
}
.flexaround .cell .cellitem {
    height: 7.5rem;
    background-color: #fff;
}
.jyhead .layui-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.jyhead .layui-icon:before {
    position: absolute;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    text-shadow: 0px 0px 3px rgba(0,0,0,.7);
}
.flexaround .jyhead img {
    width: 100%;
    height: 5rem;
}
.flexaround .jyinfo h2 {
    margin-bottom: 0.25rem;
    font-size: .7rem;
    color: #333;
}
.flexaround .jyinfo {
    padding: 0.25rem 0.25rem 0.5rem 0;
}
.flexaround .jyinfo p {
    margin-top: 0.15rem;
    font-size: .6rem;
    color: #666;
}
.ell2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.itemlist{ margin:.5rem auto; display:flex; cursor:pointer; }
.itemlist .itemimg img{ width:4rem; height:4rem; }
.iteminfo{ position:relative; padding: .5rem 0; flex: 1; margin:0 0 0 .5rem }
.iteminfo h2{ font-size:.75rem }
.iteminfo .summ{ position: absolute; width: 100%; bottom:.5rem; font-size:.6rem; color:#999 }
.imgbox{ padding: .5rem; border:solid 1px #0096da; }
.videobox {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}
.videobox video {
    width: 100%;
    height: 100%;
    position: absolute;
}
.personinfo {
    width: 90%;
    margin: 1rem auto;
    display: flex;
    align-items: center;
}
.personinfo .head {
    position: relative;
    padding: 0.5rem;
    background: url(../images/personbg.png);
    background-size: 100% 100%;
    z-index: 9;
}
.personinfo .head img {
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
}
.personinfo .info h2 {
    position: relative;
    padding-left: 1rem;
}
.personinfo .info h2 span {
    position: relative;
    z-index: 9;
    color: #fff;
    font-size: .8rem;
}
.personinfo .info h2:after {
    content: '';
    width: 8rem;
    height: 0px;
    position: absolute;
    top: -1.5rem;
    left: -3rem;
    border: 1.5rem solid transparent;
    border-bottom-color: #808dcb;
}
.bg {
    background-color: #f4f6ff;
}
@media screen and ( min-width:750px){
    .banner img{ display:none }
    .banner .pcbanner{ display:block; height:340px }
    .contair{ width:800px; margin:auto; }
    .flexaround .jyhead img{ height:9rem }
    .flexaround .cell .cellitem{ height:auto }
    .itemlist{ margin:1rem auto }
    .imgbox{ width:100%;}
    .imgbox img{ margin:1rem auto }
    .nav_list{background-color: #3ab6ee;width: 33.333%;text-align: center;justify-content: center;}
    .nav{ background:none; position:relative; margin:auto; width:740px; }
    .active{background: #0096da;}
    .nav ~.content{ position:relative; top:30px }
    .page.page-current, .page-group.page-current{ overflow-y:auto; }
}