@font-face {font-family: "iconfont";
    src:
            url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
            url('iconfont.woff?t=1574913510415') format('woff'),
            url('iconfont.ttf?t=1574913510415') format('truetype'),
            url('iconfont.svg?t=1574913510415#iconfont') format('svg');}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-tuijian:before {
    content: "\e6be";
}

.icon-qqkongjian:before {
    content: "\e674";
}

.icon-icon:before {
    content: "\e601";
}

.icon-z044:before {
    content: "\e631";
}

.icon-jiaoyu:before {
    content: "\e643";
}

.icon-chakanyanjingshishifenxi2:before {
    content: "\e7d2";
}

.icon-liebiao:before {
    content: "\e64a";
}

.icon-weibo:before {
    content: "\e63d";
}

.icon-xinxiaoxi2:before {
    content: "\e666";
}

.icon-dangwugongkai:before {
    content: "\e6c7";
}

.icon-biaoqian:before {
    content: "\e63e";
}

.icon-weixin:before {
    content: "\e659";
}

.icon-youqinglianjie:before {
    content: "\e636";
}

.icon-home:before {
    content: "\e670";
}

.icon-xihuan:before {
    content: "\e630";
}

.icon-gengduo:before {
    content: "\e600";
}

.icon-wordwenjian:before {
    content: "\e657";
}

.icon-remenx:before {
    content: "\e606";
}

.icon-sousuo:before {
    content: "\e608";
}

.icon-renxiang:before {
    content: "\e622";
}

.icon-guanbi:before {
    content: "\e609";
}

.icon-youjiantou:before {
    content: "\e602";
}

.icon-jingxuan:before {
    content: "\e60b";
}

.icon-pengyouquan:before {
    content: "\e69a";
}

.icon-shijian:before {
    content: "\e621";
}

.icon-qita:before {
    content: "\e7eb";
}

.icon-huabanfuben:before {
    content: "\e63f";
}

.icon-icon_function_shouqi:before {
    content: "\e891";
}

.icon-shehuishijian:before {
    content: "\e603";
}

.icon-caidan:before {
    content: "\e625";
}

.icon-biaoqian1:before {
    content: "\e61b";
}




html {
    font-size: 16px;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: "微软雅黑", "宋体", Arial;
    font-size: 14px;
    color: #000;
    background: #eaeff4;
}

img {
    border: 0;
}

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

a:hover {
    color: #F00;
}

div, ul, li, form, h1, h2, h3, h4, p, dl, dt, dd, ul, ol, li, th, td, aside, article {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.clear {
    clear: both;
}

.clear:after {
    content: "";
    display: block;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.main {
    width: 1100px;
    margin: 0 auto;
}

.bg {
    background: #fff;
}

.bian {
    border: solid 1px #eee;
}

.bian2 {
    border: solid 1px #ddd;
}

.bianju {
    margin-top: 0.3125rem;
}

.bianju, .bj_mt10 {
    margin-top: 0.3125rem;
}

.y_ju2, .bj_mt30 {
    margin-top: 0.9375rem;
}

.bj_pt10 {
    padding-top: 0.3125rem;
}

.bj_pt30 {
    padding-top: 0.9375rem;
}

.relative {
    position: relative;
}

.red, #red, .more {
    color: #f00;
}

.ca {
    color: #077ff9;
}

.red, #red, .more {
    color: #f00;
}

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

.gray, .c3 {
    color: #333;
}

.gray2, .c6 {
    color: #666;
}

.gray3, .c9 {
    color: #999;
}

.gray4, .cc {
    color: #ccc;
}

.f12 {
    font-size: 0.75rem;
}

.f14 {
    font-size: 0.875rem;
}

.f16 {
    font-size: 1rem;
}

.f20 {
    font-size: 1.25rem;
}

.noshow {
    display: none;
    font-size: 0;
}

em, i {
    font-style: normal;
}

.hidden {
    overflow: hidden;
}

.loading {
    background: url(../images/loading.gif) no-repeat 20% center #f0f0f0 !important;
    background-size: 20px!important;
}

.more,.more2 {
    font-size: 0.9rem;
    width: 80%;
    height: 2.5rem;
    line-height: 2.5rem;
    background: #f0f0f0;
    text-align: center;
    margin: 25px auto;
    border-radius: 30px;
    display: block;
    padding: 0 3%;
}

.more span {
    width: 0.68rem;
    height: 0.62rem;
    background: url(../images/more_array.png) no-repeat;
    display: inline-block;
    background-size: 100%;
    margin-left: 0.31rem;
}

.chao {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chao2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.chao3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.chao4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.chao5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.bold {
    font-weight: bold;
}

.nobold {
    font-weight: normal;
}

.photo {
    display: block;
    overflow: hidden;
    border-radius: 3px;
}

.photo:hover {
    box-shadow: 0 0 1px 1px rgba(255,102,0,0.5);
}

.photo img {
    transition: all 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

.photo:hover img {
    width: 100%;
    height: 100%;
    transition: transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.gray_bg {
    background: #000;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
/-khtml-opacity: 0.3;
    opacity: 0.3;
}

.gray_bg2 {
    background-color: rgba(0,0,0,0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
    behavior: url(../images/pie.htc);
}

.showmore {
    border: solid 1px #eee;
    height: 36px;
    text-align: center;
    line-height: 36px;
    display: block;
    width: 100%;
    background: url(../images/down.png) no-repeat 64% 12px #f6f6f6;
    background-size: 6px;
    margin: 6px 0;
    font-size: 14px;
    color: #e84430;
}

.loading {
    height: 36px;
    text-align: center;
    line-height: 36px;
    width: 100%;
    background-size: 12px;
    margin: 6px 0;
    font-size: 16px;
    color: #003956;
    background: url(../images/loading.gif) 28% 12px no-repeat #f6f6f6;
    display: none;
}

input::-webkit-input-placeholder {
    color: #ccc;
}

input::-moz-input-placeholder {
    color: #ccc;
}

input::-ms-input-placeholder {
    color: #ccc;
}

input:focus {
    outline: 0;
}

.yy {
    box-shadow: 0 0 6px #999;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=6);
}

.yj {
    border-radius: 4px;
}
.tt:before {
    float: left;
    content: "";
    background: #f00;
    width: 4px;
    height: 14px;
    overflow: hidden;
    display: inline-block;
    margin: 12px 7px 0 0;
    border-radius: 2px;
}

.btn {
    margin: 15px 0;
    border: 0;
    text-align: center;
    line-height: 100%;
}

.quchu {
    border: 0;
    background: none;
}

.box {
    box-sizing: border-box;
}

#menu_nav {
    transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    overflow: hidden;
    z-index: 99;
    top: 0;
    background: #08c;
    position: fixed;
    width: 100%;
    max-width: 750px;
    box-shadow: 0 10px 60px rgba(0,0,0,0.5);
}

#menu_nav .title {
    width: 100%;
    height: 3.75rem;
    background: #08c;
    position: relative;
}

#menu_nav .title h3 {
    text-align: center;
    line-height: 3.75rem;
    color: #fff;
    font-size: 1.3rem;
}

#menu_nav .title .sub {
    position: absolute;
    right: 3%;
    top: 50% ;
    margin-top: -0.625rem;
    width: 1.25rem;
    height: 1.25rem;
    display: block;
    border: none;
    background: none;
}

.menu_nav {
    display: none;
}

.menu_nav_on {
    display: block;
    top: 0px;
    opacity: 1;
    right: 0;
}

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 1.2rem 1rem 1.2rem 3rem;
    color: #4D4D4D;
    font-size: 1rem;
    font-weight: 700;
    border-bottom: 1px solid #f3f3f3;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li:last-child .link {
    border-bottom: 0;
}

.accordion li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 16px;
}

.accordion li.open {
    background: #f3f3f3;
}

.accordion li.open .link {
    border-bottom: 1px solid #fff;
}

.accordion li .link .fa-paint-brush {
    width: 1.56rem;
    height: 1.56rem;
    display: block;
    background: url(../images/m/icon_link.png) no-repeat center center;
    background-size: 100%;
    top: 50%;
    left: .72rem;
    margin-top: -.78rem;
}

.accordion li i.fa_zk {
    width: 1rem;
    height: 1.8rem;
    display: block;
    background: url(../images/m/icon_button_zk.png) no-repeat center center;
    background-size: 100%;
    opacity: .3;
}

.accordion li.open i.fa-chevron-down {
    width: 1rem;
    height: 1.8rem;
    display: block;
    background: url(../images/m/icon_button_zk.png) no-repeat center center;
    opacity: .3;
    background-size: 100%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 50%;
    margin-top: -.9rem;
}

.submenu {
    display: none;
    background: #f3f3f3;
}

.submenu li {
    border-bottom: 1px solid #fff;
    margin-left: 3rem;
}

.submenu a {
    display: block;
    text-decoration: none;
    color: #666;
    padding: 1rem;
    font-size: .875rem;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.header_top {
    width: 100%;
    background: linear-gradient(#21a2ff,#0880f9);
    box-sizing: border-box;
    padding: 1.125rem 3%;
}

.header_top .logo {
    width: 9.375rem;
    height: 1.875rem;
    margin: 0 auto;
    margin-bottom: 1.125rem;
}

.header_top .logo img {
    width: 9.375rem;
    height: 1.875rem;
}

.search_menu {
    position: relative;
}

.search {
    width: 90%;
    height: 2.5rem;
    border-radius: 1.25rem;
    padding-left: 0.625rem;
    position: relative;
}

.search_te {
    width: 80%;
    margin: 0 auto;
}

.search .text {
    border: none;
    line-height: 1.875rem;
    padding: 0.3125rem 0;
    width: 79%;
}

.search .sub {
    position: absolute;
    right: 0rem;
    top: 0rem;
    width: 4rem;
    height: 2.5rem;
    text-align: center;
    line-height: 2.5rem;
    background: #ffae3b;
    color: #fff;
    font-size: 1rem;
}

.header_top .menu {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1rem;
}

.header_top .menu em {
    font-size: 30px;
}

.fanhui {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.9rem;
}

.fanhui em {
    font-size: 24px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    display: block;
}

.nav {
    padding: 1.25rem 3%;
    background: #fff;
    margin-top: 0.3125rem;
}

.nav_ti {
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #eaeff4;
    line-height: 1.5rem;
}

.nav_ti h3 {
    color: #333;
    font-size: 1.125rem;
}

.nav_ti p {
    text-transform : uppercase;
    font-size: 0.75rem;
    color: #ccc;
}

.nav_ti .position em {
}

.nav_ti .position a {
    margin: 0 0.15625rem;
}

.type_list {
    background: #fff;
    margin-top: 0.3125rem;
    padding-bottom: 1rem;
}

.type_list .tabClick {
    overflow: hidden
}

.type_list .tabClick li {
    height: 3.75rem;
    line-height: 3.75rem;
    width: 33.33%;
    float: left;
    text-align: center;
    font-size: 1rem;
    border-bottom: 2px solid #f3f3f3;
}

.type_list .tabClick li.on {
    color: #077ff9;
    transition: 0.1s;
    font-weight: bold;
    position: relative;
}

.type_list .tabClick li.on:before {
    width: 100%;
    height: 2px;
    border-radius: 10px;
    content: "";
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    background: #077ff9 ;
}

.type_list .tabList {
    word-break: break-all;
    width: 100%;
    float: left;
    display: none;
}

.tabLis {
    display: none;
}

.type_list .wrap_te .tabList {
    display: block;
}

.type_list ul.prolist {
    padding: 0 3% 3% 3%;
}

.type_list .list_li {
    padding: 0.9375rem 0;
    line-height: 1.5rem;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    height: 5.25rem ;
}

.type_list .li_l {
    width: 7rem;
    height: 5.25rem;
    border: 1px solid #e1e1e1;
    position: absolute;
    left: 0;
    top: 0.9375rem;
}

.list_li .li_l {
    background-size: 100% 100% !important;
}

.type_list .li_r {
    padding-left: 8rem;
}

.type_list li a {
    font-size: 1rem;
}

.type_list li p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.type_list li .div_b {
    font-size: 0.75rem;
    color: #999;
    padding-top: 2%;
}

.type_list li .div_b span {
    margin-right: 1rem;
}

.type_list li .div_b time {
}

.two_banner {
    position: relative;
}

.two_banner img {
    width: 100%;
    display: block;
}

.two_banner h2 {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    line-height: 1.5625rem;
    margin-top: -0.78125rem;
    color: #fff;
    padding: 0 3%;
    box-sizing: border-box;
    font-size: 1.5rem;
}

.position {
    padding: 0.8125rem 3% .5rem 3%;
}

.position a {
    margin: 0 0.3125rem;
}

footer {
    padding: 1rem 0;
    margin-top: 0.4rem;
}

footer .footer_con {
    padding: 0 2%;
    margin-top: 0.3125rem;
}

footer .footer_con p {
    text-align: center;
    font-size: 0.75rem;
    color: #999;
    line-height: 1.5rem;
}

.footer_nav {
    text-align: center;
    line-height: 1.5rem;
    margin: 0.5rem 0;
}

.footer_nav a {
    margin: 0 0.5rem;
    font-size: 0.75rem;
    color: #666;
}

footer a {
    margin: 0 0.5rem;
}

footer p span {
    margin-right: 0.5rem;
}

.caidan .link {
    cursor: pointer;
    display: block;
    padding: 1.2rem 1rem 1.2rem 3rem;
    color: #4D4D4D;
    font-size: 1rem;
    font-weight: 700;
    border-bottom: 1px solid #f9f9f9;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.caidan li:last-child .link {
    border-bottom: 0;
}

.caidan li em {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.caidan li em.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 16px;
}

.caidan li.open {
    background: #fff;
}

.caidan li.open .link {
    border-bottom: 1px solid #fff;
}

.caidan li .link .fa-paint-brush {
    width: 1.56rem;
    height: 1.56rem;
    display: block;
    background: url(../images/m/icon_link.png) no-repeat center center;
    background-size: 90%;
    top: 50%;
    left: .72rem;
    margin-top: -.78rem;
}

.caidan li em.fa_zk {
    width: 1rem;
    height: 1.8rem;
    display: block;
    background: url(../images/m/icon_button_zk.png) no-repeat center center;
    background-size: 100%;
    opacity: .3;
}

.caidan li.open em.fa-chevron-down {
    width: 1rem;
    height: 1.8rem;
    display: block;
    background: url(../images/m/icon_button_zk.png) no-repeat center center;
    opacity: .3;
    background-size: 100%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 50%;
    margin-top: -.9rem;
}

.submenu {
    display: none;
    background: #f9f9f9;
}

.submenu li {
    border-bottom: 1px solid #fff;
    margin-left: 3rem;
}

.submenu a {
    display: block;
    text-decoration: none;
    color: #666;
    padding: 1rem;
    font-size: .875rem;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.caidan .link {
    height: 3.8rem;
    padding: 0;
}

.link_zhan {
    width: 20%;
    height: 3.8rem;
    position: absolute;
    right: 0;
    top: 0;
}

.link_a {
    width: 80%;
    box-sizing: border-box;
    height: 3.8rem;
    padding: 1.2rem 1rem 1.2rem 3rem;
}

.caidan li {
    position: relative;
}

.caidan li p {
    text-align: center;
    line-height: 3.8;
    padding-right: 3rem;
}

body {
    max-width: 750px;
    margin: 0 auto;
}

.menu_nav {
    position: fixed;
    overflow-y: scroll!important;
}

.menu_nav_on {
    position: fixed!important;
    overflow-y: scroll!important;
    height: 100%;
    box-sizing: border-box;
    padding: 3.8rem 0 1rem 0;
}

.menu_nav_on .title {
    position: fixed!important;
    top: 0;
    z-index: 1;
}

.footer_menu {
    width: 100%;
    height: 3rem;
    padding: 0.1rem 0;
    z-index: 999;
    background: #fff;
    border-top: 1px solid #e9e9e9;
    position: fixed;
    bottom: 0;
    left: 0;
}

.footer_menu .menu_li {
    display: block;
    width: 25%;
    color: #666;
    text-align: center;
    float: left;
    font-size: 0.75rem;
}

.footer_menu .menu_li em {
    width: 1.6rem;
    height: 1.6rem;
    display: block;
    margin: 0 auto 0.2rem auto;
}

.footer_menu .menu_li .menu_icon1 {
    background: url(../images/menu_icon1.svg) no-repeat;
}

.footer_menu .menu_li .menu_icon2 {
    background: url(../images/menu_icon2.svg) no-repeat;
}

.footer_menu .menu_li .menu_icon3 {
    background: url(../images/menu_icon3.svg) no-repeat;
}

.footer_menu .menu_li .menu_icon4 {
    background: url(../images/menu_icon4.svg) no-repeat;
}

.kefu_sub {
    width: 100%;
    height: 100%;
    background: #f9f9f9;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 990;
    display: none;
}

.kefu_rwap {
    margin: 0.5rem;
    background: #fff;
    border-radius: 1rem;
    padding: 1rem;
}

.kefu_title {
    height: 3rem;
    background: #fff;
    text-align: center;
    line-height: 3rem;
    position: relative;
}

.kefu_close {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    position: absolute;
    right: 0.2rem;
    top: 0.9rem;
}

.kefu_close::before, .kefu_close::after {
    content: '';
    width: 2px;
    height: 20px;
    background: #000;
    position: absolute;
    top: 0px;
    left: 0px;
}

.kefu_close::before {
    transform: rotate(45deg);
}

.kefu_close::after {
    transform: rotate(-45deg);
}

.kefu_wechat {
    width: 12rem;
    margin: 0 auto;
}

.kefu_wechat img {
    width: 100%;
}

.copy_hide {
    opacity: 0;
    position: absolute;
}

.kefu_hint {
    width: 90%;
    margin: 2rem auto 0.5rem auto;
    padding: 1rem 1rem 0 1rem;
    border-radius: 0.5rem;
    border: 1px dashed #2ba245;
    background: #f6fbf7;
}

.kefu_hint p {
    line-height: 2rem;
    font-size: 0.85rem;
    margin-bottom: 1rem;
}

.kefu_hint span {
    font-size: 0.85rem;
    font-weight: bold;
}

.wechat_hao {
    text-align: center;
    font-size: 1rem;
}

.wechat_hao span {
    font-weight: bold;
}

.copy_wechat {
    background: #2ba245;
    display: block;
    width: 14rem;
    font-size: 1rem;
    border-radius: 0.5rem;
    text-align: center;
    color: #fff;
    margin: 1rem auto;
    line-height: 2.6rem;
    height: 2.6rem;
    overflow: hidden;
}



.menus{display:block;width:25px;height:25px;top:12px;right:12.5px;background:url(../images/menu.png) no-repeat;background-size:25px 25px;margin:  0 6px 0 0}
.menuwrap{width:100%;background:#fff;top:50px;z-index:99999;padding-bottom:10px;max-width: 750px}
.menuwrapmain{overflow:auto;height:92vh;}

.menuwrapmain .as {
    background: rgba(26,148,209,1);
    float: left;
    width: 22%;
    margin: 3px 1%;
    font-size: 14px;
    text-align: center;
    line-height: 26px;
    height: 26px;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,.03);
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}
.menuwrapmain a{
    color: #fff;
}
.menuwrapmain a.cul{width:48%;margin:3px 1%;font-size:16px;text-align:center;line-height:32px;height:32px;border-radius:2px;}
.menuwrapmain h3{font-size:18px;line-height:30px;height:30px;padding-left:10px;margin:15px 0 5px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.pos-a{position:absolute;}


.search_f{
    display: flex;
    align-items: center;
    justify-content: center;
}
.search_f .search_sub{
    height: 36px;
    padding: 5px 10px;
    border: 1px solid #fff;
    background: #fff;
    color: #333 !important;
    border-radius: unset;
    border-left: 1px solid #999;
    font-size: 1.1rem;
}

.menusearch{
    background: #fff;
    border: 1px solid #fff;
    color: #333 !important;
    height: 36px;
    line-height: 20px;
    margin: 0;
    padding: 5px 10px;
    width: 80%;
}

.topnavs{
    display: flex;
    align-items: center;
    overflow-x: auto;
    border-bottom:  1px solid #eee;

}
.topnavs a{
    display: block;
    padding: 10px 10px;
    font-size: 1rem;
    flex-shrink: 0;
}

::-webkit-scrollbar {
    display: none;
}

.chengyudiv{
    margin-top: 1px;background: #fff;padding: 20px 20px;
    display: grid;
}
.chengy{
    padding: 12px;box-shadow: 0 0 0 1px #f5f5f5;font-size: 12px;color: #777777;;white-space: nowrap;text-overflow: ellipsis;overflow: hidden
}
.chengycont {
    font-size: 16px;
    line-height: 30px;
}

.chengycont .tips {
    color: #993300;
    margin-right: 10px;
}

.list-navs-cols-5 {
    grid-template-columns: repeat(5,1fr)
}

@media (max-width: 991px) {
    .list-navs-cols-5 {
        grid-template-columns:repeat(2,1fr)
    }
}

.footer{
    background: #077ff9;
    padding: 20px 0;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.footer>.main{
    width: auto!important;
}
.footer a{
    color: #fff;
}





.row1{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 1!important;-webkit-box-orient: vertical;
}
.row2{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.row3{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
}
.row4{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 4;-webkit-box-orient: vertical;
}
.row5{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 5;-webkit-box-orient: vertical;
}



.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 0.3rem;
}
.pagination li{
    list-style: none;
    background: none;
}
.pagination li a{
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    background: #e3e3e3;
    color: #333;
    font-size: 14px;
    position: relative;
    padding: 5px 10px;
    border: none;
    height: auto;
}
.pagination span{
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    padding: 5px 10px;
    border-radius: 4px;
    height: auto;
}

.pagination li:last-child a{
    background: #e3e3e3;
    color: #333;
}
.pagination li:first-child a{
    background: #e3e3e3;
    color: #333;
}
.disabled span{
    background: #e3e3e3;
    color: #333;
}
.pagination .active span{
    background:#077ff9;
    color: #fff;
}

.selhover{
    color: #fff!important;
    background-color: #077ff9;
}
.listnav{
    display: flex ;
    align-items: center;
    flex-wrap: wrap;
    height: auto;

}
.listnav a{
    display: block;
    padding: 5px 10px;
    color: #222;
    margin: 5px 0;
    border-radius: 4px;
    font-size: 20px;
}




.header-banner { width: 100%; height: 13rem; overflow: hidden; position: relative; background: #f3f3f3; }
.header-banner img { width: 100%; display: block; max-height:220px;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {  left: 100%; margin-left: -2.5rem; bottom: 0.5rem;}
.header-banner .ti { width: 100%; position: absolute; z-index: 9; bottom: 0; height: 1.875rem; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)); line-height: 1.875rem; }
.header-banner .ti p { padding-left: 1.5625rem; position: relative;}
.header-banner .ti p:after { width: 0.25rem; height:1rem;  content: ""; display: block; position: absolute; left: 0.5rem; top:50%; margin-top: -0.5rem;  border-radius: 1px; background-color: #fff; display: block; border-radius: 0.3125rem;}

.nav ul { width: 100%; }
.nav ul li { width: 25%; float: left; margin: 2% 0; }
.nav ul li a { display: block; }
.nav ul li em { width: 3rem; height: 3rem; display: block; ; margin: 0 auto; background-size: 100%;  }
.nav ul li p { text-align: center; font-size: .7rem; padding-top: 1rem;   }




.type_list .head { padding:0 3%; line-height: 3.75rem; border-bottom: 1px solid #f1f1f1; }
.type_list .head h3 { font-size: 1.125rem ; position: relative; padding-left: 0.9375rem; font-weight: normal;}
.type_list .head h3::before {  content: ""; display: block; float: left; position: absolute; top: 50%; margin-top: -.625rem; width: .3125rem; border-radius: 1rem; height: 1.25rem; background:#077ff9; left: 0;  }









.border-color {border:1px #dedede solid;}
.block-title {color:#333;background-color:#f5f5f5;border-color:#ddd;padding:10px;font-size:14px;}
.f16 {font-size:16px;}

.left-border-color {border-left:5px #077ff9 solid;}

.content-w {margin:0 auto;width:100%;margin:0 auto;clear:both;}

.row-tools ul li a {position:relative;width:288px;height:70px;float:left;margin:8px 5px;display:inline;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

span.app-icon {width:60px;height:60px;top:9px;left:9px;position:absolute;cursor:pointer;display:block;}
span.app-title {position:absolute;left:78px;top:12px;font-size:18px;cursor:pointer;}
span.app-summary {position:absolute;left:78px;top:40px;font-size:14px;color:#a5a5a5;cursor:pointer;}




.article_con .container {width: 100%; padding-top: 1.25rem;}
.article_con .container .head h1 { font-size: 1.25rem; text-align: center; line-height: 1.8em; }
.article_con .container .head_b { padding:0.625rem 0; text-align: center; color: #999; font-size: 0.75rem; }
.article_con .container .head_b time { margin: 0 2%; }
.article_con .container .head_b span { margin: 0 2%;}
.article_con .article_con {margin-top:5%; color: #666; line-height:1.8em; padding: 0 3%; font-size: 1rem; margin-bottom: 3%;}
.article_con{ padding: 0 0.7rem; font-size: 1rem; line-height: 1.8rem; background: #fff; margin-top: 0.3125rem ;}
.article_con .readall_box {position: relative;z-index: 9999;padding: 0 0 0.625rem; margin-top: -200px;text-align: center;}
.article_con .readall_box .read_more_mask { height: 200px;background: -moz-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0));background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));background: -o-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0))}
.article_con .read_more_btn{cursor:pointer; font-size: 1rem; color: #077ff9;background: #fff; line-height: 30px; padding:5px 10px; border: 1px solid #077ff9; border-radius: 10px;}
#contentText { margin-top: 1rem; }
#contentText img{ max-width: 100%!important; height: auto!important; border-radius: 6px; margin:0 auto; display: block;}
#contentText{ color:#000; font-size:1.0625rem; line-height:2em;  padding-bottom: 0.8rem; word-break: break-all;}


#contentText pre{
    background: #2b303b;
    border: 0;
    border-radius: 3px;
    color: #eee;
    font-size: 14px;
    line-height: 1.45;
    overflow-x: scroll;
    padding: 20px;
}




.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    -o-transition-property: transform,height;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 30px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top,.2s -webkit-transform;
    transition: .2s top,.2s -webkit-transform;
    -o-transition: .2s transform,.2s top;
    transition: .2s transform,.2s top;
    transition: .2s transform,.2s top,.2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left,.2s -webkit-transform;
    transition: .2s left,.2s -webkit-transform;
    -o-transition: .2s transform,.2s left;
    transition: .2s transform,.2s left;
    transition: .2s transform,.2s left,.2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right,.2s -webkit-transform;
    transition: .2s right,.2s -webkit-transform;
    -o-transition: .2s transform,.2s right;
    transition: .2s transform,.2s right;
    transition: .2s transform,.2s right,.2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255,255,255,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

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

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

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

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

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}


.face{ width: 100%; height: 100%}
.face .swiper-container ,.swiper-wrapper ,.swiper-slide{ width: 100%; height: 100%;}
.face .swiper-container ,.swiper-wrapper ,.swiper-slide a img{ width: 100%; height: 100%;}
.face-span{
    width: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 0px;
    left: 0;
    padding: 0 0 0 10px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}