﻿/* CSS Document */
/* index */
body {
}

.op0 {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
}

.tab-cell {
    display: table-cell;
    vertical-align: middle;
}

.mob-nav {
    display: none;
    width: 50px;
    height: 50px;
    background-size: auto 40%;
    position: relative;
}

.mob-nav:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    width: 26px;
    margin-left: -13px;
    margin-top: -8px;
    background: #555;
    transition: all 0.5s ease;
}

.mob-nav:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    width: 26px;
    margin-left: -13px;
    margin-top: 6px;
    background: #555;
    transition: all 0.5s ease;
}

.mob-nav span {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    width: 26px;
    margin-left: -13px;
    margin-top: -1px;
    background: #555;
    transition: all 0.5s ease;
}

.mob-nav.on {
    transition: all 0.5s ease;
}

.mob-nav.on:before {
    margin-top: -1px;
    transform: rotate(45deg);
    transition: all 0.5s ease;
}

.mob-nav.on:after {
    margin-top: -1px;
    transform: rotate(-45deg);
    transition: all 0.5s ease;
}

.mob-nav.on span {
    width: 0;
    transition: all 0.5s ease;
}

.ny-banner {
    margin-top: 58px;
}

.top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    transition: all 0.5s ease;
}

.ny-top {
}

.t-logo a {
    display: block;
    width: 148px;
    height: 50px;
    background: url(../images/svg/logo2.svg) center center;
}

.ewlm {
    margin-top: 55px;
    position: relative;
}

.ewlm #success {
    position: absolute;
    left: 0;
    bottom: -25px;
}

.s-t-search {
}

.s-t-search a {
    display: block;
    width: 58px;
    height: 58px;
    background: url(../images/fd01.png) no-repeat center center;
    background-size: 18px auto;
}

.T-nav {
    margin-left: 50px;
}

.T-nav > li {
    float: left;
    position: relative;
}

.T-nav > li.rcl {
    position: static;
}

.T-nav > li > a {
    line-height: 58px;
    padding: 0 28px;
    font-size: 16px;
    color: #fff;
    display: block;
    position: relative;
    transition: all 0.5s ease;
}

.T-nav > li > a:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 4px;
    bottom: 0;
    background: #0068ff;
    transition: all 0.5s ease;
}

.T-nav > li > a.active:after {
    width: 100%;
}

.t-logo a {
    display: block;
}

.T-nav > li .sec {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    left: 0;
    top: 58px;
    padding-top: 4px;
    width: 100%;
    z-index: 5;
    display: none;
}

.T-nav > li .sec a {
    display: block;
    text-align: center;
    line-height: 40px;
}

.T-nav > li .thr {
    position: absolute;
    padding: 10px 0;
    text-align: center;
    left: 50%;
    margin-left: -90px;
    top: 58px;
    width: 180px;
    display: none
}

.T-nav > li .thr div {
    background: #fff;
    padding: 20px 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.T-nav > li .thr a {
    display: block;
    line-height: 45px;
    border: 1px solid #fff;
}

.T-nav > li .thr a span {
    display: inline-block;
    width: 20px;
    height: 25px;
    vertical-align: middle;
    margin-top: -2px;
    text-align: center;
    margin-right: 8px;
    background: no-repeat center center;
}

.T-nav > li .thr a span img {
    display: none;
}

.T-nav > li .thr a span.s1 {
    background-image: url(../images/j1.png);
    background-size: 18px auto;
}

.T-nav > li .thr a span.s2 {
    background-image: url(../images/zxzx.png);
    background-size: 18px auto;
}

.T-nav > li .thr a span.s3 {
    background-image: url(../images/jrwm.png);
    background-size: 18px auto;
}


.sec-nav {
    position: absolute;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    top: 58px;
    width: 100%;
    background: #fff;
    padding: 20px 0;
    left: 0;
    height: 640px;
    visibility: hidden;
    opacity: 0;
    transform: translateY(30px);
}

.vaola-01 {
    width: 210px;
    position: relative;
}

.vaola-01 > li > a {
    display: block;
    color: #000;
    line-height: 50px;
    padding: 0 30px 0 55px;
    font-size: 15px;
    background: no-repeat 22px bottom;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-size: 22px auto
}

.vaola-02 {
    position: absolute;
    left: 210px;
    width: 210px;
    top: 0;
    display: none;
}

.vaola-02 > li > a {
    display: block;
    color: #909090;
    line-height: 50px;
    height: 50px;
    padding: 0 10px 0 40px;
    font-size: 15px;
    background: no-repeat 15px bottom;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-size: 9px auto;
}

.vaola-02 > li > a.on, vaola-02 > li > a:hover {
    color: #000;
}

.vaola-03 {
    width: 460px;
    min-height: 600px;
    position: absolute;
    left: 210px;
    top: 0;
    display: none;
}

.vaola-03 dl:nth-child(2n) {
    background: #f7f8f9;
}

.vaola-03 dt {
    line-height: 50px;
    padding: 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
}

.vaola-03 dt a {
    color: #000;
}

.vaola-03 dd a {
    float: left;
    position: relative;
    z-index: 2;
    color: #000;
    width: 50%;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
}

.vaola-03 dd a img {
    width: 50px;
    height: 50px;
    object-fit: scale-down;
    margin-right: 8px;
}

.vaola-03 dd a i {
    display: inline-block;
    line-height: 18px;
    padding: 0 8px;
    color: #fff;
    border-radius: 9px;
    font-size: 12px;
    margin-left: 10px;
    vertical-align: middle;
}

.vaola-03 dd a i.red {
    background: #ff6161;
}

.vaola-03 dd a i.green {
    background: #b5e14c
}

.vaola-03 dd a.on {
    /**
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
        **/
}

.stalbc {
    min-height: 600px;
    overflow: hidden;
    padding-bottom: 50px;
}

.vaola-03 .ablcma {
    background: #fff;
    padding-top: 15px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    line-height: 25px;
}

.vaola-03 .ablcma a {
    display: inline-block;
    color: #000;
    font-size: 16px;
    padding-left: 20px;
    background: url(../images/rf01.png) no-repeat left center;
}

.stalbc::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5;
}

/*瀹氫箟婊氬姩鏉¤建閬?鍐呴槾褰?鍦嗚*/
.stalbc::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: #F5F5F5;
}

/*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/
.stalbc::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #d6d7d7;
}

.pic-expand {
    width: 320px;
    position: absolute;
    right: 0px;
    top: 620px;
}

.pic-expand img {
    width: 100%;
}

.piael {
    width: 320px;
    background: url(../images/bbg.jpg) repeat-x left bottom;
    height: 600px;
}

.piael .pic {
    width: 100%;
}

.piael .pic p {
}

.piael .pic p img {
    width: 320px;
    height: 320px;
}

.piael .tit {
    font-size: 28px;
    font-weight: bold;
    margin: 15px 0;
}

.piael .title {
    font-size: 16px;
    padding-bottom: 18px;
    border-bottom: 1px solid #ddd;
    width: 80%;
    margin: 0 auto;
}

.piael .onl {
    font-size: 16px;
    padding: 0 10%;
    margin: 15px 0 10px;
    line-height: 24px;
    height: 24px;
    color: #999;
}

.piael .onl2 {
    font-size: 16px;
    padding: 0 10%;
    margin-bottom: 8px;
    line-height: 24px;
    height: 24px;
    color: #999;
}

.piael .slm i {
    display: inline-block;
    line-height: 20px;
    padding: 0 8px;
    color: #fff;
    border-radius: 10px;
    font-size: 14px;
}

.piael .slm i.red {
    background: #ff6161;
}

.piael .slm i {
}

.piael .slm i.green {
    background: #b5e14c;
}

.solbo li .tit span i.green {
    background: #b5e14c;
}

.lbmta .tit span i.green {
    background: #b5e14c;
}


.alanvl {
    line-height: 58px;
}

.alanvl a {
    display: block;
    color: #fff;
    font-size: 16px;
    transition: all 0.5s ease;
}

.page-lb {
    display: inline-block;
    vertical-align: middle;
}

.search-bg {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 58px;
    width: 100%;
    height: calc(100% - 58px);
    display: none;
}

.lbotal {
    position: absolute;
    right: 0;
    top: 4px;
    height: 50px;
    width: 1200px;
    border: 1px solid #ddd;
    border-radius: 25px;
    background: #fff;
    display: none;
}

.lbotal:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    bottom: -10px;
    left: 0;
}

.lbotal .c2 {
    float: left;
    width: 60px;
    height: 48px;
    border: none;
    cursor: pointer;
    background: url(../images/svg/fd01.svg) no-repeat center center;
    background-size: auto 22px;
    opacity: 0;
    transform: translateX(50px);
    transition: all 0.5s ease;
}

.lbotal .c1 {
    float: left;
    width: 780px;
    border: none;
    height: 48px;
    padding: 0 10px;
    font-size: 16px;
    opacity: 0;
    transform: translateX(80%);
    transition: all 0.5s ease;
}

.lbotal.on .c2 {
    opacity: 1;
    transform: translateX(0px);
    transition: all 0.5s ease;
}

.lbotal.on .c1 {
    opacity: 1;
    transform: translateX(0px);
    transition: all 0.8s ease;
}

.lbotal > .bgcl {
    float: left;
    height: 48px;
    width: 58px;
    position: relative;
    z-index: 2;
    background: url(../images/svg/x.svg) no-repeat center center;
    background-size: 18px auto;
}

.aeoml {
    position: absolute;
    left: 0;
    width: 100%;
    top: 53px;
    background: #fff;
    padding: 20px 0;
    opacity: 0;
    transform: translateY(50px);
}

.lbotal.on .aeoml {
    opacity: 1;
    transform: translateY(0px);
    transition: all 1s ease 1s;
}

.aeoml .title {
    color: #999;
    padding: 0 5%;
    margin-bottom: 12px;
}

.aeoml a {
    display: block;
    padding: 0 5%;
    line-height: 38px;
    color: #333;
    transition: all 0.5s ease;
}

.ind-main {
    padding: 1% 1%;
}

.fsloc .list {
    float: left;
    width: 49.5%;
}

.fsloc .list:nth-child(2n) {
    float: right;
}

.fsloc .list a {
    display: block;
    position: relative;
    color: #333;
}

.fsloc .list a .pic {
    overflow: hidden;
}

.fsloc .list a .pic img {
    transition: all 0.5s ease;
}

.fsloc .list a .con {
    position: absolute;
    left: 0;
    top: 15%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 5%;
    text-align: center;
}

.fsloc .list a .con .d1 {
    font-size: 32px;
    font-weight: bold;
}

.fsloc .list a .con .d2 {
    margin-top: 5px;
    font-size: 16px;
}

.lbteol {
    margin-top: 0%;
}

.ecbla {
    width: 30.8%;
    padding-top: 2.8%;
}

.ecbla .list {
    margin-bottom: 4.2%;
}

.ecbla a {
    display: block;
    position: relative;
    overflow: hidden;
}

.ecbla a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0);
    transition: all 0.5s ease;
}

.ecbla a .pic {
    overflow: hidden;
}

.ecbla a .tit {
    color: #fff;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    padding-bottom: 10px;
    line-height: 45px;
    height: 55px;
    font-size: 20px;
    font-weight: bold;
    padding: 0 8%;
    width: 100%;
    transition: all 0.5s ease 0.3s;
}

.ecbla a .tit img {
    margin-left: 5px;
    display: none;
}

.lbote {
    width: 68%;
}

.ecbla a .con {
    font-size: 16px;
    line-height: 25px;
    height: 50px;
    z-index: 2;
    overflow: hidden;
    position: absolute;
    width: 100%;
    color: #fff;
    transform: translateX(-100%);
    left: 0;
    bottom: 10px;
    padding: 0 8%;
    transition: all 0.5s ease;
}

/*.ecbla .list img{height: 365px;}*/

.agelp {
    padding: 1% 0 0;
}

.agelp li {
    float: left;
    width: 32%;
    margin-right: 2%;
}

.agelp li:nth-child(3n) {
    margin-right: 0;
}

.agelp li a {
    display: block;
    padding: 45px;
    background: #f7f8f9;
    color: #000;
    transition: all 0.5s ease;
}

.agelp li a .pic {
    transition: all 0.5s ease;
}

.agelp li a .con {
    margin-left: 20px;
    transition: all 0.5s ease;
}

.agelp li a .con .d1 {
    font-size: 24px;
    line-height: 1;
}

.agelp li a .con .d2 {
    font-size: 16px;
    margin-top: 10px;
}

.agelp li.op a .pic, .agelp li.op a .con {
    opacity: 0.6;
    transition: all 0.5s ease;
}

.foot {
}

.b-logo img {
    width: 145px;
}

.wkyon {
    background: #f7f8f9;
    border-top: 1px solid #c2c3c4;
    padding: 35px 0;
}

.wkyon dl {
    float: left;
    margin-right: 6%;
}

.wkyon dl dt {
    line-height: 35px;
    font-size: 16px;
}

.wkyon dl dd {
    margin-top: 18px;
    line-height: 25px;
}

.wkyon dl dd a:hover {
    text-decoration: underline;
}

.bomtl .goalc a {
    color: #333;
    display: inline-block;
    background: url(../images/xs.png) no-repeat left center;
    padding-left: 20px;
    background-size: 16px auto;
}

.bomtl .goalc a img {
    display: none;
}

.bomtl .goalc a:hover {
}


.bomtl .ewlm .d4 {
    background: #dbdcdc;
    transition: all 0.5s ease;
}

.bomtl .ewlm .d4.on {
    background: #c2c2c2;
    transition: all 0.5s ease;
}

.bomtl .ewlm .d4 .c1 {
    font-size: 14px;
    width: 185px;
    height: 40px;
    padding: 0 10px;
    border: none;
    background: none;
    float: left;
}

.bomtl .ewlm .d4 .c2 {
    float: left;
    width: 40px;
    height: 40px;
    border: none;
    cursor: pointer;
    background: url(../images/rg.png) no-repeat center center;
    background-size: 10px auto;
}

/*.vlmoa{ background:#393b3d; padding-bottom:50px; color:#616466;}*/
.vlmoa {
    background: #f7f8f9;
    padding-bottom: 50px;
    color: #616466;
}

.tebol {
    padding-top: 10px;
    border-top: 2px solid #606365;
}

.ny-top {
    background: #fff;
    transition: all 0.5s ease;
}

.ny-top .t-logo a {
    background: url(../images/svg/logo.svg) center center;
}

.ny-top .T-nav > li > a {
    color: #272E3B;
    transition: all 0.5s ease;
}

.ny-top .s-t-search a {
    background: url(../images/fd02.png) no-repeat center center;
    background-size: auto 18px;
}

.ny-top .s-t-search a:hover {
    background-image: url(../images/fd02_blue.png);
}

.ny-top .alanvl a {
    color: #333;
    transition: all 0.5s ease;
}

.ny-banner .tit {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px;
    padding: 0 4%;
    font-family: Microsoft YaHei UI Light;
}

.lbiao {
    background: #393b3d;
    line-height: 55px;
    font-size: 16px;
    color: #979798;
}

.dreslm {
    padding-left: 25px;
    background: url(../images/ds.png) no-repeat left center;
    background-size: 14px auto;
}

.dreslm a {
    margin: 0 5px;
    color: #979798;
}

.dreslm span {
    margin-left: 5px;
    color: #fff;
}

.ny-main {
    padding: 3% 0;
}

.ny-nav {
    width: 260px;
    background: #fafafa;
}

.lbsc-01 {
    line-height: 50px;
}

.lbsc-01 > li {
    background: url(../images/d1.jpg) no-repeat 20px 18px;
    background-size: 14px auto;
}

.lbsc-01 > li.on {
    background: url(../images/d4.jpg) no-repeat 20px 18px;
    background-size: 14px auto
}

.lbsc-01 > li > a {
    display: block;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
    background: no-repeat 50px bottom;
    padding-left: 80px;
    color: #000;
    background-size: 22px auto;
}

.lbsc-02 {
    background: #f1f1f1;
    display: none;
}

.lbsc-02-1 {
    background: #f1f1f1;
    display: none;
}

.lbsc-02 > li > a {
    display: block;
    padding-left: 80px;
    background: url(../images/d3.jpg) no-repeat 50px center;
    color: #777;
    background-size: 14px auto
}

.lbsc-02-1 > li > a {
    display: block;
    padding-left: 100px;
    background: url(../images/d3.jpg) no-repeat 80px center;
    color: #777;
    background-size: 14px auto
}

.lbsc-03 {
    background: #d5d6d6;
    display: none;
}

.lbsc-03 > li > a {
    display: block;
    padding-left: 110px;
    background: no-repeat 80px;
    color: #333;
    background-size: 22px auto;
}

.sboml {
    width: 100%;
    padding-left: 300px;
    margin-bottom: 4%;
}

.alolc {
    border-bottom: 2px solid #000;
}

.alolc .c1 {
    height: 50px;
    float: left;
    border: none;
    width: 840px;
    font-size: 20px;
    padding-left: 30px;
    border: 2px solid #fff;
    border-bottom: none;
}

.alolc .c1.on {
    border-color: #bfd7ff;
}


.bd_weixin_popup {
    box-sizing: content-box;
}

.alolc .c2 {
    float: left;
    height: 50px;
    width: 60px;
    border: none;
    cursor: pointer;
    background: url(../images/svg/fd01.svg) no-repeat center center;
    background-size: auto 22px;
}

.lbotlm {
    width: 900px;
}

.solbo li {
    width: 46%;
    float: left;
    text-align: center;
    padding: 0 0 30px;
    background: #fff url(../images/bbg.jpg) repeat-x left bottom;
    margin-bottom: 5%;
    transition: all 0.5s ease;
}

/**.solbo li:nth-child(2n){ float:right;}*/
.solbo li .pic {
    width: 100%;
    overflow: hidden;
}

.solbo li .pic a {
    display: block;
}

.solbo li .pic a img {
    width: 100%;
    transition: all 0.5s ease;
}

.solbo li .tit {
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    margin-top: 15px;
}

.solbo li .tit span {
    display: inline-block;
    position: relative;
    font-size: 28px;
}

.solbo li .tit span i {
    display: block;
    line-height: 18px;
    margin-left: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 0 8px;
    border-radius: 10px;
    background: #ff6161;
    position: absolute;
    right: -55px;
    top: 10px;
}

.solbo li .voc {
    font-size: 16px;
    line-height: 25px;
    height: 25px;
    margin-top: 10px;
}

.solbo li .ola {
    font-size: 16px;
    color: #999;
    position: relative;
    padding: 12px 10% 0;
    line-height: 25px;
    height: 37px;
    overflow: hidden;
    margin: 15px auto 0;
}

.solbo li .ola:before {
    content: '';
    position: absolute;
    width: 200px;
    top: 0;
    left: 50%;
    margin-left: -100px;
    height: 1px;
    background: #ddd;
}

.solbo li .ola2 {
    font-size: 16px;
    color: #999;
    line-height: 25px;
    height: 25px;
    margin-top: 5px;
}

.solbo li .amp {
    margin-top: 35px;
}

.solbo li .amp a {
    line-height: 40px;
    font-size: 16px;
    display: inline-block;
    border: 2px solid #333;
    width: 180px;
    color: #333;
    transition: all 0.5s ease;
}

.oblmec li {
    background: #fff url(../images/bbg.jpg) repeat-x left bottom;
    padding: 45px 40px 45px 90px;
}

.oblmec li .pic {
    width: 50%;
    height: 310px;
    display: table;
}

.oblmec li .pic a {
    display: table-cell;
    vertical-align: middle;
}

.oblmec li .pic a img {
    max-height: 280px;
    transition: all 0.5s ease;
}

.oblmec li .con {
    width: 40%;
}

.oblmec li .con .tit {
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    margin-top: 30px;
}

.oblmec li .con .tit span {
    display: inline-block;
    position: relative;
    font-size: 30px;
}

.oblmec li .con .tit span i {
    display: block;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 0 12px;
    border-radius: 10px;
    background: #ff6161;
    position: absolute;
    right: -55px;
    top: 10px;
}

.oblmec li .con .voc {
    line-height: 25px;
    height: 25px;
    margin-top: 10px;
}

.oblmec li .con .ola {
    padding-top: 12px;
    color: #999;
    border-top: 1px solid #ddd;
    max-width: 180px;
    margin: 15px 0 0;
}

.oblmec li .con .imd {
    margin-top: 25px;
}

.oblmec li .con .imd img {
    margin-right: 10px;
}

.oblmec li .con .amp {
    margin-top: 35px;
}

.oblmec li .con .amp a {
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border: 2px solid #000;
    width: 150px;
    color: #333;
    transition: all 0.5s ease;
}

.omlca {
    background-size: auto 100%;
    padding: 100px 0 3%;
}

.volbt {
    background: #fff;
    padding: 4%;
    overflow: hidden;
}

.enblm {
    overflow: hidden;
    width: 650px;
}

.svlpa {
    display: inline-block;
    vertical-align: middle;
}

.svlpa .fl {
    width: 45px;
    height: 45px;
    border: 1px solid #999;
    cursor: pointer;
    text-align: center;
    margin-left: 10px;
    display: table;
    border-radius: 50%;
    background: #fff;
}

.svlpa .fl p {
    display: table-cell;
    vertical-align: middle;
}

.svlpa .fl p img {
    max-width: 80%;
    max-height: 40px;
}

.svlpa .fl.on {
    border: 1px solid #0068ff;
}

.lbteao {
    margin-top: 8%;
    text-align: center;
}

/*.lbteao a{ display:inline-block; font-weight:bold; padding:0 40px 0 60px; border:2px solid #f1f1f1; line-height:41px; border-radius:23px; background:#f1f1f1 url(../images/xz2.png) no-repeat 32px center;background-size:auto 18px; text-align:center; font-size:18px;}*/
.lbteao a {
    display: inline-block;
    font-weight: bold;
    padding: 0 40px 0 60px;
    border: 2px solid #0068ff;
    line-height: 41px;
    border-radius: 23px;
    background: #fff url(../images/xz2.png) no-repeat 32px center;
    background-size: auto 18px;
    text-align: center;
    font-size: 18px;
    color: #0068ff;
}

.lbteao a img {
    display: none;
}

.lbteao > img {
    margin-left: 15px;
}

.lbmta {
    width: 36%;
}

.lbmta .tit {
    font-size: 30px;
    font-weight: bold;
    line-height: 45px;
    height: 45px;
    overflow: hidden;
}

.lbmta .tit span i {
    float: right;
    color: #fff;
    font-size: 16px;
    padding: 0 22px;
    background: #ff4844;
    line-height: 30px;
    border-radius: 15px;
    font-weight: normal;
    margin-top: 7px;
}

.lbmta .lon {
    font-size: 16px;
    margin-top: 15px;
}

.lbmta .dlm {
    font-size: 16px;
    margin-top: 15px;
    color: #787878;
}

.dowlmt {
    margin-top: 40px;
    font-size: 16px;
}

.dowlmt .blt a {
    color: #0068ff;
}

.dowlmt .blt a:hover {
    text-decoration: underline;
}

.dowlmt .blt {
    line-height: 35px;
    border-bottom: 1px solid #ddd;
    color: #999;
    background: url(../images/dow.png) no-repeat left center;
    padding-left: 25px;
    background-size: 14px auto;
}

.dowlmt .blt2 {
    background: url(../images/dow2.png) no-repeat left center;
    background-size: 15px auto;
}

.lvlvc {
    font-size: 16px;
    margin-top: 15px;
}

.lvlvc li {
    line-height: 35px;
    padding-left: 25px;
    background: url(../images/wb.png) no-repeat left center;
    background-size: 14px auto;
}

.lvlvc li a {
    color: #000;
}

.teolc {
    margin-top: 15px;
    font-size: 16px;
}

.teolc li {
    float: left;
    width: 33.33%;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    padding-left: 12px;
    background: url(../images/hd.png) no-repeat left center;
    background-size: 8px;
}

.mblab {
    padding: 10px 4% 20px;
    background: #fff;
    margin-top: 3%;
}

.mblab h5 {
    color: #999;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
    padding-left: 20px;
    background: url(../images/dg.png) no-repeat left center;
    font-weight: normal;
}

.volcp {
    margin-top: 15px;
}

.volcp li {
    float: left;
    width: 25%;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
}

.volcp li img {
    margin-right: 10px;
}

.sbolc {
    width: 100%;
    overflow: auto;
}

.cp-dh {
    background: #393b3d;
    padding: 10px 0;
    line-height: 36px;
    color: #fff;
    font-size: 16px;
}

.lapic span {
    display: inline-block;
    margin-right: 50px;
    cursor: pointer;
}

.lapic span.cur {
    color: #888;
}

.lapic a {
    display: inline-block;
    transition: all 0.5s ease;
    width: 100px;
    color: #fff;
    border: 2px solid #1566f3;
    line-height: 32px;
    background: #1566f3;
    text-align: center;
}

.cpbut {
    background: #f7f8f9;
}

.mteao, .sbolc {
    padding: 4%;
    background: #fff;
}

.opbol {
    width: 100%;
    min-width: 680px;
}

.opbol td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 30px;
    line-height: 30px;
}

.opbol tr td:last-child {
    border-right: none;
}

.opbol td.t1 {
    font-size: 20px;
}

.opbol td.t2 {
    font-size: 16px;
}

.opbol td .yel {
    display: inline-block;
    color: #fff;
    line-height: 25px;
    padding: 0 15px;
    border-radius: 3px;
    background: #f7b52c;
    margin-left: 10px;
}

.sbuca {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 20;
}

.sbuca .cont {
    width: 900px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -450px;
    transform: translateY(-50%);
    background: #efefef;
}

.sbuca .cont .padbol {
    padding: 28px;
}

.lobpa {
    margin-top: 30px;
}

.lobpa li {
    width: 50%;
    float: left;
    margin-top: 10px;
    line-height: 28px;
    font-size: 16px;
    background: no-repeat left 6px;
    background-size: 18px auto;
    padding-left: 25px;
}

.vecom {
    background: #fff;
    padding: 20px 28px;
    font-size: 16px;
    line-height: 40px;
}

.vecom a {
    color: #fff;
    background: #fff;
    width: 175px;
    color: #393b3d;
    border: 2px solid #393b3d;
    text-align: center;
    transition: all 0.5s ease;
}

.gbcoa {
    width: 30px;
    height: 30px;
    background: url(../images/svg/x.svg) no-repeat center center;
    background-size: 24px auto;
    position: absolute;
    right: 24px;
    top: 20px;
    cursor: pointer;
    opacity: 0.6;
    transition: all 0.5s ease;
}

.sc-logo img {
    width: 150px;
}

.ny-banner-nec {
    background: no-repeat center center;
    background-size: cover;
    height: 320px;
}

.xs-bt {
    line-height: 45px;
    font-size: 24px;
}

.xs-bt:before {
    content: '';
    width: 4px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    background: #0068ff;
}

.ecnbo {
    margin-top: 4%;
}

.ecnbo li {
    background: #f1f1f1;
}

.ecnbo li .tit {
    line-height: 45px;
    height: 45px;
    padding: 0 35px 0 20px;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    color: #787878;
}

.ecnbo li .tit.on {
    color: #333;
}

.ecnbo li .tit:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 14px;
    width: 16px;
    height: 16px;
    background: url(../images/ad.png) no-repeat;
    background-size: 15px auto;
}

.ecnbo li .tit.on:after {
    background: url(../images/ap.png) no-repeat;
    background-size: 15px auto;
}

.ecnbo li .con {
    background: #fff;
    padding: 4%;
    display: none;
}

.ecbol {
    margin-top: 4%;
    padding-top: 4%;
    border-top: 1px solid #ddd;
}

.vbnlm {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 3%;
    background: #f7f8f9;
    border-radius: 20px;
}

.vbnlm .d1 {
    font-size: 18px;
    font-weight: bold;
}

.vbnlm .d2 {
    margin-top: 3%;
    line-height: 2;
    font-size: 15px;
}

.vbnlm .d3 {
    margin-top: 3%;
    color: #0068ff;
    font-size: 15px;
    text-align: center;
}

.vbnlm .d3 a {
    margin: 0 40px;
    color: #0068ff;
}

.vbnlm .d3 a:hover {
    text-decoration: underline;
}

.vbnlm .d3 a img {
    margin-right: 10px;
    width: 18px;
}

.vytev .pic {
    border: 1px solid #ddd;
    width: 500px;
    text-align: center;
}

.vytev .pic p {
}

.vytev .pic p img {
    width: 100%;
}

.vytev .con {
    width: 640px;
}

.vytev .con .d1 {
    font-size: 28px;
    padding: 20px 0;
}

.vytev .con .d2 {
    font-size: 16px;
}

.vytev .con .d2 span {
    display: inline-block;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.vytev .con .d3 {
    font-size: 16px;
    color: #787878;
    line-height: 25px;
    height: 100px;
    overflow: hidden;
    margin-top: 20px;
}

.vytev .con .d4 {
    padding-left: 25px;
    background: url(../images/jt.png) no-repeat left center;
    line-height: 30px;
    font-size: 16px;
    background-size: 18px auto
}

.vytev .con .d4 a {
    color: #0068ff;
}

.vcalo {
    padding-top: 3%;
}

.vcalo .list .tit {
    line-height: 50px;
    background: #f1f1f1;
    padding: 0 20px;
    font-size: 18px;
}

.vcalo .list .con {
    line-height: 2;
    padding: 3%;
    font-size: 16px;
}

.vcalo .list .con .video-li-a {
    color: #0068ff;
}

.vcalo .list .con .video-li-a img {
    margin-right: 10px;
}

.vcalo .list .con .qq {
    display: inline-block;
    line-height: 60px;
    background: url(../images/q1.png) no-repeat left center;
    padding-left: 45px;
    background-size: 30px auto;
}

.lbola {
    font-size: 20px;
    margin-bottom: 10px;
}

.volat li {
    float: left;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 5%;
}

.volat li:nth-child(3n) {
    margin-right: 0;
}

.volat li a {
    display: block;
}

.volat li a .pic {
    border: 1px solid #ddd;
    width: 100%;
    overflow: hidden;
}

.volat li a .pic p {
}

.volat li a .pic p img {
    width: 100%;
    transition: all 0.5s ease;
}

.volat li a .tit {
    line-height: 30px;
    height: 30px;
    text-align: center;
    overflow: hidden;
    font-size: 20px;
    margin-top: 10px;
}

.bopae {
    border-top: 1px solid #ddd;
    padding-top: 4%;
    margin-top: 30px;
}

.bopae .d1 {
    text-align: center;
    font-size: 16px;
}

.bopae .d1 a {
    color: #0068ff;
}

.bopae .d2 {
    margin-top: 4%;
}

.bopae .d2 a {
    display: inline-block;
    width: 140px;
    text-align: center;
}

.bopae .d2 a span {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: #f1f1f1 url(../images/q1.png) no-repeat center center;
    border-radius: 50%;
    background-size: 30px auto
}

.bopae .d2 a .tit {
    margin-top: 5px;
}

.dlboa {
    font-size: 16px;
    margin-top: 15px;
    padding-left: 20px;
}

.vlbol {
    margin-top: 5%;
}

.vlbol li {
    width: 47%;
    padding: 12px 12px 25px;
    border: 1px solid #ddd;
    text-align: center;
    float: left;
}

.vlbol li:nth-child(2n) {
    float: right;
}

.vlbol li .pic {
    overflow: hidden;
}

.vlbol li .pic img {
    transition: all 0.5s ease;
}

.vlbol li .tit {
    font-size: 20px;
    line-height: 35px;
    height: 35px;
    overflow: hidden;
    margin-top: 5px;
}

.vlbol li .con {
    font-size: 16px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    margin-top: 15px;
}

.vlbol li .acl {
    margin-top: 5px;
}

.vlbol li .acl a {
    display: inline-block;
    line-height: 45px;
    width: 175px;
    border: 2px solid #ddd;
    font-size: 16px;
    transition: all 0.5s ease;
}

.ab-01 {
    background: #fff;
    padding: 50px 0;
}

.ab-01:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 360px;
    width: 100%;
    /*background: #f7f8f9;*/
}

.ab-01 .wrap {
    position: relative;
    z-index: 2;
    background: #fff;
}

.asc-tit {
    font-size: 28px;
}

.eavbl {
    margin-top: 3%;
    line-height: 2;
}

.vbola {
    padding-top: 150px;
    padding-left: 25%;
}

.vbola .pospic {
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
}

.cmola {
    background: #f6f7f8;
    padding: 30px;
}

.eavbl {
    font-size: 16px;
}

.zclml {
    width: 46%;
    line-height: 2;
    font-size: 15px;
}

.zclml .d3 {
    color: #666;
}

.zclml.fr {
    padding-top: 90px;
}

.tbueo {
    padding: 4% 2%;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    margin-top: 5%;
}

.tbueo li {
    width: 25%;
    float: left;
}

.tbueo li .tit {
    font-size: 24px;
    margin: 20px 0;
}

.tbueo li .con {
    color: #666;
    line-height: 25px;
    height: 300px;
    padding: 0 10%;
    border-right: 1px solid #ddd;
}

.tbueo li:nth-child(4n) .con {
    border: none;
}


.ab-02 {
    background: #f7f8f9;
    padding: 50px 0;
}

.ab-02:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 180px;
    width: 100%;
    background: #fff;
}

.ab-02 .wrap {
    position: relative;
    z-index: 2;
    background: #f7f8f9;
}

.aebol {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 25px 0;
    margin-top: 4%;
}

.aebol .list {
    width: 50%;
    padding: 0 65px;
    line-height: 30px;
    border-right: 1px solid #ddd;
    font-size: 20px;
}

.aebol .list:nth-child(2n) {
    border: none;
}

.aebol .list a {
    display: inline-block;
    padding-left: 35px;
    background: no-repeat left center;
}

.aebol .list a.a1 {
    background-image: url(../images/wb.png);
    background-size: 20px auto;
}

.aebol .list a.a2 {
    background-image: url(../images/f2-1.png);
    background-size: 20px auto;
}

.volpa {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 4%;
    margin-top: 4%;
}

.volpa li {
    float: left;
    width: 16.6%;
    text-align: center;
}

.volpa li .tit {
    margin-top: 12px;
    font-size: 18px;
}

.ab-03 {
    background: #fff;
    padding: 50px 0;
}

.lotbl .con {
    line-height: 55px;
    font-size: 18px;
    background: #fff;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.lotbl .con strong {
    font-weight: normal;
    float: left;
    width: 33.33%;
    text-align: center;
}

.folcp a {
    color: #fff;
    margin: 0 32px;
    display: inline-block;
}

.folcp a.cur {
    color: #999;
}

.apebl {
    background: #fff;
    padding: 4% 6%;
}

.tb-blt {
    padding-bottom: 3%;
    border-bottom: 1px solid #ddd;
}

.tb-blt > a {
    display: inline-block;
    border: 2px solid #0068ff;
    color: #0068ff;
    font-size: 18px;
    line-height: 42px;
    border-radius: 25px;
    width: 140px;
    transition: all 0.5s ease;
}

.tb-blt .tlbao {
    float: none;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    padding: 0 40px;
    line-height: 48px;
    position: relative;
}

.tb-blt .tlbao:nth-child(2):after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    height: 20px;
    width: 1px;
    background: #ddd;
    margin-top: -10px;
}

.lvblm {
    color: #666;
    margin-top: 12px;
}

.lvblm a {
    color: #0068ff;
}

.oboat {
    margin-top: 5%;
}

.oboat li {
}

.tb-coal {
    position: relative;
    background: url(../images/sc01.png) no-repeat right center;
    padding: 30px 40px 30px 20px;
    position: relative;
    cursor: pointer;
    background-size: 38px;
}

.tb-coal.on {
    background: url(../images/sc02.png) no-repeat right center;
    background-size: 38px;
}

.tb-coal:after {
    content: '';
    background: #ddd;
    transition: all 0.5s ease;
    position: absolute;
    height: 1px;
    bottom: 0;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.tb-coal.on:after {
    width: 0px;
    transition: all 0.5s ease;
}

.tb-coal:before {
    content: '';
    position: absolute;
    left: 0;
    top: 32px;
    width: 3px;
    height: 24px;
    background: #0068ff;
}

.tb-coal .d1 {
    font-size: 18px;
}

.tb-coal .d2 {
    margin-top: 12px;
}

.mcebl {
    border: 1px solid #ddd;
    padding: 3%;
    border-radius: 20px;
    line-height: 2;
    color: #464646;
    display: none;
}

.mcebl .loca {
    margin-top: 10px;
}

.mcebl .loca a {
    line-height: 54px;
    font-size: 18px;
    border: 2px solid #3478e4;
    transition: all 0.5s ease;
    width: 60px;
    color: #fff;
    text-align: center;
    background: #3478e4;
    border-radius: 50%;
    display: inline-block;
}

.colbt {
    background: #fff;
    padding: 3% 4%;
}

.slt-tit {
    line-height: 2;
    font-size: 24px;
    position: relative;
    padding-left: 30px;
}

.slt-tit:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 5px;
    background: #0068ff;
}

.bltae {
    padding-left: 30px;
    padding-top: 2%;
}

.bltae li {
    font-size: 18px;
    line-height: 30px;
    background: no-repeat left 15px;
    padding: 10px 0 10px 35px;
}

.edlao {
    padding: 2% 30px;
    font-size: 18px;
}

.tbola {
    margin-top: 5%;
    font-size: 22px;
}

.lotpv li {
    float: left;
    width: 46%;
    margin-top: 20px;
    border-bottom: 2px solid #464646;
}

.lotpv li:nth-child(2n) {
    float: right;
}

.lotpv li .tit {
    font-size: 18px;
    line-height: 40px;
}

.lotpv li .tit span {
    display: block;
    padding-left: 65px;
    background: no-repeat 28px center;
    background-size: 25px auto;
    border: 2px solid #fff;
    border-bottom: none;
}

.lotpv li .tit span.sec {
    cursor: pointer;
    position: relative;
}

.lotpv li .tit span.sec:after {
    content: '';
    width: 23px;
    height: 18px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -6px;
    background: url(../images/svg/y1.svg);
    background-size: 100%;
}

.lotpv li .tit span.on:after {
    transform: rotate(180deg);
}

.lotpv li .tit span.on {
    border-color: #bfd7ff;
}


.lotpv li .tit i {
    color: #f00;
}

.lotpv li .tit .avolc {
    position: absolute;
    display: none;
    left: 0;
    top: 42px;
    width: 100%;
    z-index: 3;
    background: #fff;
    border: 2px solid #bfd7ff;
    border-top: none;
    padding: 10px 50px;
}

.lotpv li .tit .avolc a {
    display: block;
    line-height: 38px;
    font-size: 16px;
    padding: 0 15px;
    color: #585757;
}

.lotpv li .inp .c1 {
    width: 100%;
    border: 2px solid #fff;
    border-bottom: none;
    height: 45px;
    font-size: 18px;
    padding: 0 25px;
}

.lotpv li .inp .c1.on {
    border-color: #bfd7ff;
}

.gltbo {
    margin-top: 3%;
}

.gltbo textarea {
    background: #f7f8f9;
    padding: 20px;
    font-size: 16px;
    border: none;
    height: 120px;
    width: 100%;
}

.odltc {
    display: inline-block;
    margin-top: 10px;
    font-size: 18px;
    color: #464646;
    position: relative;
}

.odltc label {
    display: block;
    position: relative;
}

.odltc label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    width: 21px;
    height: 21px;
    background: url(../images/svg/xzc01.svg);
    background-size: 100% 100%;
}

.odltc label.on:before {
    background: url(../images/svg/xzc02.svg);
    background-size: 100% 100%;
}

.odltc label input {
    margin-right: 22px;
    opacity: 0;
}

.aolca, .albre {
    line-height: 55px;
    color: #fff;
}

.albre a {
    color: #fff;
    margin-left: 50px;
}

.olvmb {
    margin-top: 40px;
}

.olvmb dt {
    font-size: 18px;
}

.olvmb dd {
    margin-top: 25px;
    font-size: 18px;
}

.olvmb dd .volc {
    float: left;
    margin-right: 30px;
}

.olvmb dd .volc label {
    position: relative;
}

.olvmb dd .volc label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    width: 21px;
    height: 21px;
    background: url(../images/svg/xzc01.svg);
    background-size: 100% 100%;
}

.olvmb dd .volc label.on:before {
    background: url(../images/svg/xzc02.svg);
    background-size: 100% 100%;
}

.olvmb dd .volc label input {
    margin-right: 22px;
    opacity: 0;
}

.olvmb dd .volc .c1 {
    border: none;
    border-bottom: 1px solid #333;
    height: 35px;
    width: 180px;
}

.lopaec {
    margin-top: 4%;
}

.lopaec input {
    width: 200px;
    height: 50px;
    background: #fff;
    border: none;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    color: #393b3d;
    border: 2px solid #393b3d;
    transition: all 0.5s ease;
}

.vlmta {
    padding: 10% 0;
    text-align: center;
}

.vlmta .d1 {
    font-size: 28px;
}

.vlmta .d2 {
    margin-top: 25px;
    color: #9e9e9f;
    font-size: 18px;
}

.vlmta .d3 {
    margin-top: 200px;
}

.vlmta .d3 a {
    width: 200px;
    display: inline-block;
    line-height: 50px;
    border: 2px solid #393b3d;
    font-size: 18px;
    transition: all 0.5s ease;
    margin: 0 50px;
}

.zb-nav {
    width: 260px;
    padding: 0 50px 0px 20px;
    background: #fafafa;
}

.zb-nav a {
    display: block;
    padding-left: 32px;
    background: url(../images/m1.jpg) no-repeat left center;
    line-height: 50px;
    color: #333;
    background-size: auto 16px;
}

.zb-nav a span {
    font-size: 15px;
    display: block;
    border-bottom: 1px solid #ddd;
    padding-left: 25px;
    background: no-repeat left center;
    background-size: auto 16px;
}

.zb-nav a span.s1 {
    background-image: url(../images/n1-1.png);
}

.zb-nav a span.s2 {
    background-image: url(../images/n2-1.png);
}

.zb-nav a span.s3 {
    background-image: url(../images/zxzx.png);
}

.zb-nav a.cur {
    background: url(../images/m2.jpg) no-repeat left center;
    color: #0068ff;
    background-size: auto 16px;
}

.zb-nav a.cur span.s1, .zb-nav a:hover span.s1 {
    background-image: url(../images/n1-2.png);
}

.zb-nav a.cur span.s2, .zb-nav a:hover span.s2 {
    background-image: url(../images/n2-2.png);
}

.zb-nav a.cur span.s3, .zb-nav a:hover span.s3 {
    background-image: url(../images/n3-2.png);
}

.lbbola {
    width: 905px;
}

.lbanma li {
    margin-bottom: 4%;
}

.lbanma li a {
    display: block;
    border: 1px solid #ddd;
    padding: 3% 3% 0;
    background: #f7f8f9;
}

.lbanma li a .con {
    padding: 0 15px;
}

.lbanma li a .con .d1 {
    font-size: 24px;
    border-bottom: 1px solid #ddd;
    padding: 12px 0;
    line-height: 35px;
    color: #666;
}

.lbanma li a .con .d2 {
    background: url(../images/svg/time.svg) no-repeat left center;
    background-size: auto 18px;
    padding-left: 22px;
    line-height: 45px;
    font-size: 14px;
    color: #999;
}

.lbanma li a .con .d2 span {
    padding-left: 20px;
    background: url(../images/rt.png) no-repeat right center;
    color: #333;
    padding-right: 20px;
    opacity: 0.5;
    background-size: 10px auto
}

.lvlml a {
    width: 35px;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    font-size: 18px;
    margin: 0 5px;
    color: #333;
    vertical-align: middle;
}

.lvlml a.cur {
    color: #fff;
    background: #3478e4;
}

.lvlml .c1 {
    border-radius: 0;
    border: 1px solid #ddd;
    height: 35px;
    background: #f7f8f9;
    width: 80px;
    vertical-align: middle;
    margin: 0 10px;
    text-align: center;
}

.lvlml .c2 {
    border-radius: 0;
    width: 80px;
    height: 35px;
    border: none;
    cursor: pointer;
    color: #fff;
    background: #3478e4;
    font-size: 18px;
}

.vlcm {
    display: inline-block;
    vertical-align: middle;
}

.vceol {
    background: #fff;
    padding: 5%;
}

.tv-tca {
    font-size: 24px;
}

.tomvl {
    margin-top: 4%;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    color: #666;
}

.tomvl img {
    width: 18px;
}

.edit-con {
    padding: 4% 0;
    font-size: 16px;
    color: #333;
    line-height: 2;
}

.pagblc {
    margin-top: 3%;
    border: 2px solid #ddd;
    line-height: 50px;
    border-radius: 25px;
    padding: 0 20px;
    font-size: 16px;
}

.pagblc .fl {
    padding-left: 35px;
    background: url(../images/l1-1.png) no-repeat left center;
    background-size: 24px auto
}

.pagblc .fr {
    padding-right: 35px;
    background: url(../images/r1-1.png) no-repeat right center;
    background-size: 24px auto
}

.lmabc {
    margin-top: 3%;
}

.lmabc a {
    margin: 0 30px !important;
}

.oatlb {
    padding: 3% 0;
}

.bg-nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 21;
    display: none;
}

.sclor-3d {
    width: 1200px;
    height: 90%;
    left: 50%;
    margin-left: -600px;
    position: fixed;
    top: -105%;
    z-index: 100;
    display: block
}

.sclor-3d.on {
    top: 5%;
}

.gb-olc {
    width: 30px;
    height: 30px;
    background: url(../images/svg/x.svg) no-repeat center center;
    background-size: auto 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    opacity: 0.6;
    transition: all 0.5s ease;
}

.agelp li a .pic img.mob-img {
    display: none;
}

.lbsc-02 > li > a.on {
    background: url(../images/d4.jpg) no-repeat 50px center;
    color: #000;
    background-size: 14px auto
}

.lbsc-02-1 > li > a.on {
    background: url(../images/d4.jpg) no-repeat 80px center;
    color: #000;
    background-size: 14px auto
}


.gb-olc img {
    display: none;
}

.vltoe {
    background: #393b3d;
}

.vltoe.on {
    position: fixed;
    left: 0;
    z-index: 10;
    top: 0;
    width: 100%;
    min-height: 59px;
}

.tebol i {
    display: inline-block;
    margin-left: 12px;
}

.abkla.on {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    min-height: 59px;
}

.ablol, .abkla {
    background: #393b3d;
}

.ablol.on {
    padding: 10px 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    min-height: 59px;
}

.agelp li a .pic img.pc-img {
    width: 58px;
}

@media (min-width: 1201px) {
    /*.lbteao a:hover{ background-color:#fff; border-color:#0068ff;}
.lbteao a:hover{color: #0068ff; background-image:url(../images/xz.png);}*/
    .lbteao a:hover {
        background-color: #f1f1f1;
        border-color: #f1f1f1;
    }

    .lbteao a:hover {
        color: #666;
        background-image: url(../images/xz.png);
    }

    .mcebl .loca a:hover {
        transition: all 0.5s ease;
        color: #3478e4;
        background: #fff;
    }

    .lvlvc li a:hover {
        color: #0068ff;
    }

    .vlbol li:hover .pic img {
        transform: scale(1.05);
        transition: all 0.5s ease;
    }

    .T-nav > li .thr a:hover span.s1 {
        background-image: url(../images/j12.png);
    }

    .T-nav > li .thr a:hover span.s2 {
        background-image: url(../images/n3-2.png);
    }

    .T-nav > li .thr a:hover span.s3 {
        background-image: url(../images/jrwm2.png);
    }

    .lvlvc li:hover {
        background: url(../images/wb2.png) no-repeat left center;
        background-size: 14px auto;
    }

    .bomtl .goalc a:hover {
        color: #0068ff;
        background: url(../images/xs2.png) no-repeat left center;
        background-size: 16px auto;
    }

    .bomtl .ewlm .d4 .c2:hover {
        background: url(../images/rg2.png) no-repeat center center;
        background-size: 10px auto;
    }

    .folcp a:hover {
        color: #999;
    }

    .dowlmt .blt a:hover, .vaola-03 dd a:hover, .vaola-03 dt a:hover {
        color: #0068ff;
    }

    .lapic span:hover {
        color: #888;
    }

    .dreslm a:hover {
        color: #fff;
    }

    .ny-top.on .T-nav > li:hover > a {
        color: #999;
    }

    .vaola-03 .ablcma a:hover {
        background: url(../images/rf02.png) no-repeat left center;
        color: #0068ff;
    }

    .T-nav > li .thr {
        padding-top: 12px;
    }

    .T-nav > li:hover > a:after {
        width: 100%;
        transition: all 0.5s ease;
    }

    .top.on .T-nav > li:hover > a {
        color: #909090;
    }

    .T-nav li .sec, .T-nav > li .thr {
        display: block;
        opacity: 0;
        visibility: hidden;
        transform: translateY(30px);
        transition: all 0.5s ease;
    }

    .T-nav li:hover .sec, .T-nav > li:hover .thr {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        transition: all 0.5s ease;
    }

    .aeoml a:hover {
        background: #e0e0e0;
        transition: all 0.5s ease;
    }

    .vaola-01 > li > a.on {
        color: #fff;
        background-color: #393b3d;
        background-position: 22px top;
    }

    .vaola-01 > li > a.on:after {
        content: '';
        width: 8px;
        height: 13px;
        display: block;
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -6px;
        background: url(../images/re.png);
    }

    .vaola-02 > li > a.on { /**box-shadow:0 0 10px rgba(0,0,0,0.2); **/
        background: no-repeat 15px top;
        background-size: 9px auto;
    }

    .sec-nav {
        transition: all 0.5s ease;
    }

    /*.T-nav > li:hover .sec-nav{ visibility:visible; opacity:1; transform:translateY(0px); transition: all 0.5s ease;}*/
    .T-nav > li:hover .sec-nav {
        visibility: visible;
        opacity: 1;
        transform: translateY(0px);
        transition: all 0.5s ease;
    }

    .fsloc .list a:hover .pic img, .volat li a:hover .pic p img {
        transform: scale(1.05);
        transition: all 0.5s ease;
    }

    .agelp li a:hover .pic, .agelp li a:hover .con {
        opacity: 1;
        transition: all 0.5s ease;
    }

    .agelp li a:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        transition: all 0.5s ease;
    }

    .top.on, .top.on2 {
        background: #fff;
        transition: all 0.5s ease;
    }

    .top.on .t-logo a, .top.on2 .t-logo a {
        background: url(../images/svg/logo.svg) center center;
    }

    .top.on .T-nav > li > a {
        color: #000;
        transition: all 0.5s ease;
    }

    .search-hover {
        background: url(../images/fd02_blue.png) no-repeat center center;
        background-size: 18px auto;
    }

    .top.on .alanvl a {
        color: #333;
        transition: all 0.5s ease;
    }

    .top.on .alanvl a:hover {
        color: #0068ff;
        transition: all 0.5s ease;
    }

    .lbsc-01 > li:hover {
        background: url(../images/d2.jpg) no-repeat 20px 18px;
    }

    .lbsc-01 > li.on {
        background: url(../images/d5.jpg) no-repeat 20px 18px !important;
    }

    .lbsc-01 > li:hover > a {
        background-position: 50px top;
        color: #0068ff;
    }

    .lbsc-02 > li > a:hover {
        background: url(../images/d1.jpg) no-repeat 50px center;
    }

    .lbsc-02-1 > li > a:hover {
        background: url(../images/d1.jpg) no-repeat 80px center;
    }

    .lbsc-02 > li:hover > a {
        color: #000;
        background-size: 14px auto;
    }

    .lbsc-02-1 > li:hover > a {
        color: #000;
        background-size: 14px auto;
    }

    .lbsc-03 > li > a.cur, .lbsc-03 > li > a:hover {
        background: #393b3d no-repeat 80px;
        color: #fff;
        background-size: 22px auto;
    }

    .solbo li .amp a:hover {
        background: #333;
        color: #fff;
        transition: all 0.5s ease;
    }

    .solbo li .pic a:hover img {
        transition: all 0.5s ease;
        transform: scale(1.05);
    }

    .oblmec li .pic a:hover img {
        transition: all 0.5s ease;
        transform: scale(1.05);
    }

    .lbsc-01 > li.on > a {
        border-bottom-color: #fafafa;
        color: #0068ff;
        background-position: 50px top;
    }

    .ecnbo li .tit:after {
        display: none;
    }

    .ecnbo li .tit.on:after, .ecnbo li .tit:hover:after {
        display: block;
    }

    .ecnbo li:hover .tit {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .vcalo .list .con .qq:hover {
        color: #0068ff;
        background: url(../images/q2.png) no-repeat left center;
        background-size: 30px auto;
    }

    .volat li a:hover .pic {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .vlbol li:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .vlbol li .acl a:hover {
        background: #393b3d;
        border-color: #393b3d;
        color: #fff;
        transition: all 0.5s ease;
    }

    .aebol .list a.a1:hover {
        background-image: url(../images/wb2.png);
        background-size: 20px auto;
    }

    .aebol .list a.a2:hover {
        background-image: url(../images/f2-2.png);
        background-size: 20px auto;
    }

    .lotpv li .tit .avolc a:hover {
        background: #e0e0e0;
    }

    .vlmta .d3 a:hover {
        color: #fff;
        background: #393b3d;
        transition: all 0.5s ease;
    }

    .lbanma li a:hover {
        background: #fff;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    }

    .lbanma li a:hover .con .d1 {
        color: #333;
    }

    .lbanma li a:hover .con .d2 span {
        opacity: 1;
    }

    .pagblc .fl:hover {
        background: url(../images/l1-2.png) no-repeat left center;
        background-size: 24px auto;
    }

    .pagblc .fr:hover {
        background: url(../images/r1-2.png) no-repeat right center;
        background-size: 24px auto;
    }

    .T-nav > li .thr a:hover {
        background: #ededed;
        border: 1px solid #ddd;
    }

    .ecbla a:hover .tit {
        bottom: 70px;
        transition: all 0.5s ease;
    }

    .ecbla a:hover .con {
        transition: all 0.5s ease 0.3s;
        transform: translateX(0);
    }

    .ecbla a:hover:before {
        background: rgba(0, 0, 0, 0.7);
        transition: all 0.5s ease;
    }

    .wkyon dl dd a:hover {
        color: #000;
        transition: all 0.5s ease;
    }

    .cp-dh, .lbiao {
        height: 56px;
    }


    .vecom a:hover {
        color: #fff;
        background: #393b3d;
        transition: all 0.5s ease;
    }

    .gbcoa:hover, .gb-olc:hover {
        opacity: 1;
        transition: all 0.5s ease;
    }

    .tb-blt > a:hover {
        background: #0068ff;
        color: #fff;
        transition: all 0.5s ease;
    }

    .ecnbo li .tit:hover {
        color: #333;
    }

    .bopae .d2 a:hover span {
        background: url(../images/q2.png) no-repeat center center;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        background-size: 30px auto
    }

    .solbo li:hover {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    }

    .ablmc a:hover {
        color: #0068ff;
    }

    .bds_weixin:hover {
        background: url(../images/u1-2.png) !important;
    }

    .bds_tsina:hover {
        background: url(../images/u2-2.png) !important;
    }

    .popup_twi:hover {
        background: url(../images/u3-2.png) !important;
    }

    .lopaec input:hover {
        color: #fff;
        background: #393b3d;
        transition: all 0.5s ease;
    }

    .zb-nav a:hover {
        background: url(../images/m2.jpg) no-repeat left center;
        color: #0068ff;
        background-size: 16px auto;
    }

    .lapic a:hover {
        color: #fff;
        background: #393b3d;
        transition: all 0.5s ease;
        border: 2px solid #1566f3;
    }

    .albre a:hover {
        color: #888;
    }
}

@media (max-width: 1600px) {

}

.bomtl {
    padding-top: 8px;
}

@media (max-width: 1200px) {
    .sclor-3d {
        left: 5%;
        width: 90%;
        margin-left: 0;
        height: 90%;
    }

    .ceaot {
        display: block;
    }

    .ceaot a {
        display: inline-block;
        width: 50px;
        height: 50px;
        position: relative;
    }

    .ceaot a:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        height: 2px;
        width: 26px;
        margin-left: -13px;
        margin-top: -1px;
        transform: rotate(45deg);
        background: #555;
    }

    .ceaot a:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        height: 2px;
        width: 26px;
        margin-left: -13px;
        margin-top: -1px;
        background: #555;
        transform: rotate(-45deg);
    }


    .abkla.on, .ablol.on {
        z-index: 13;
    }


    .ecnbo li .tit:after {
        display: block;
    }

    .wrap {
        width: 100%;
        max-width: 768px;
        margin: 0 auto;
    }

    .top {
        padding: 0;
        background: rgba(255, 255, 255, 1);
        position: fixed;
        z-index: 10;
        box-shadow: 0px 1px 0 #ddd;
    }

    .top .t-logo a {
        background: url(../images/svg/logo.svg) no-repeat center center;
        background-size: auto 70%;
    }

    .top .T-nav > li > a {
        color: #333;
        position: relative;
        line-height: 65px;
        font-weight: bold;
        transition: all 0.5s ease;
    }

    .top .T-nav > li > a:before {
        content: '';
        width: 55px;
        height: 55px;
        top: 5px;
        right: 0px;
        display: block;
        position: absolute;
        background: url(../images/svg/xs.svg) no-repeat center center / auto 35%;
        opacity: 0.5;
        transition: all 0.5s ease;
    }

    .top .T-nav > li > a.currt:before {
        transform: rotate(90deg);
        transition: all 0.5s ease;
    }

    .top .s-t-search a {
        background: url(../images/svg/fd01.svg) no-repeat center center;
        background-size: auto 20px;
    }

    .top .alanvl a {
        color: #666;
        transition: all 0.5s ease;
    }

    .t-logo a {
        background-size: auto 100%;
        background-repeat: no-repeat;
    }

    .T-nav {
        position: fixed;
        left: 0;
        top: 0px;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 22;
        overflow: auto;
        visibility: hidden;
        transform: translateX(-100%);
        transition: all 0.5s ease;
    }

    .T-nav.on {
        visibility: visible;
        transform: translateX(0%);
        transition: all 0.5s ease;
    }

    .T-nav > li {
        width: 100%;
        border-bottom: 1px solid #eee;
    }

    .sovcl {
        height: 50px;
        padding: 5px 0;
    }

    .T-nav li > a {
        padding: 0 2em;
        font-size: 16px;
    }

    .T-nav li .sec {
        position: relative;
        box-shadow: 0 0 0;
        top: 0;
    }

    .T-nav li .sec a {
        text-align: left;
        padding: 0 4em;
        font-size: 16px;
    }

    .sec-nav {
        box-shadow: 0 0 0;
    }

    .T-nav > li .thr {
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        padding: 0;
    }

    .T-nav > li .thr div {
        box-shadow: 0 0 0;
        padding: 0;
    }

    .T-nav > li .thr a span {
    }

    .T-nav > li .thr a {
        line-height: 45px;
        font-size: 15px;
        padding: 0 4em;
        text-align: left;
        color: #000;
    }

    .mob-nav {
        display: block;
        margin: 4px 0;
    }

    .s-t-search {
        margin: 4px 0;
    }

    .s-t-search a {
        width: 50px;
        height: 50px;
    }

    .alanvl {
        line-height: 50px;
        margin: 4px 0;
    }

    .sec-nav {
        display: none;
        position: relative;
        transform: translateY(0);
        height: auto;
        top: 0;
        visibility: visible;
        opacity: 1;
        padding: 0;
    }

    .piael {
        display: none;
    }

    .vaola-03 {
        display: none;
    }

    .vaola-01 {
        width: 100%;
    }

    .T-nav li .vaola-01 a {
        padding: 0 6em;
        background-position: 66px bottom;
    }

    .T-nav li .vaola-01 > li > a:before {
        content: '';
        width: 55px;
        height: 55px;
        top: -2px;
        right: 0px;
        display: block;
        position: absolute;
        background: url(../images/svg/xs.svg) no-repeat center center / auto 35%;
        opacity: 0.5;
        transition: all 0.5s ease;
    }

    .T-nav li .vaola-01 > li > a.currt:before {
        transform: rotate(90deg);
        transition: all 0.5s ease;
    }

    .vaola-02 {
        position: relative;
        width: 100%;
        left: 0;
        display: none;
    }

    .T-nav li .vaola-02 a {
        padding: 0 0 0 7em;
        background-position: 95px bottom;
    }

    .fsloc .list a .con .d1 {
        font-size: 20px;
    }

    .ecbla {
        width: 100%;
        margin-top: 1%;
        padding: 0;
    }

    .ecbla .list {
        float: left;
        width: 49.5%;
        margin: 0;
    }

    .ecbla .list:nth-child(2n) {
        float: right;
    }

    .ecbla a .tit {
        font-size: 18px;
    }

    .lbote {
        width: 100%;
        margin-top: 1%;
    }

    .agelp li a {
        padding: 20px;
    }

    .agelp li a .pic img {
        height: 40px;
    }

    .agelp li a .con {
        margin-left: 10px;
    }

    .agelp li a .con .d1 {
        font-size: 16px;
    }

    .agelp li a .con .d2 {
        font-size: 12px;
    }

    .wkyon {
        padding: 3% 0 45px;
    }

    .wkyon dl {
        width: 100%;
        border-bottom: 1px solid #ddd;
    }

    .wkyon dl dt {
        background: url(../images/ad.png) no-repeat right center;
        background-size: 12px 12px;
        line-height: 54px;
    }

    .wkyon dl dt.on {
        background: url(../images/ap.png) no-repeat 95% center;
        background-size: 12px 12px;
    }

    .wkyon dl dd {
        margin: 0;
        display: none;
    }

    .wkyon dl dd a {
        display: block;
        line-height: 35px;
        padding: 0 20px;
    }

    .bomtl {
        width: 100%;
        margin-top: 15px;
    }

    .goalc, .ewlm {
        text-align: left;
    }

    .bomtl .ewlm .d4 .c1 {
        width: calc(100% - 40px);
        height: 55px;
        font-size: 16px;
    }

    .bomtl .ewlm .d4 .c2 {
        height: 55px;
        background: url(../images/svg/xs.svg) no-repeat center center;
        background-size: auto 20px;
    }

    .tebol {
        text-align: center;
    }

    .tebol div {
        width: 100%;
    }

    .vlmoa {
        padding-bottom: 15px;
    }

    .lbotal {
        width: 94%;
        right: 3%;
    }

    .lbotal .c1 {
        width: calc(100% - 118px);
    }

    .sboml {
        padding: 0;
    }

    .alolc .c1 {
        width: calc(100% - 60px);
    }

    .ny-nav {
        width: 100%;
    }

    .lbotlm {
        width: 100%;
    }

    .omlca {
        padding: 65px 0 3%;
    }

    .enblm {
        width: 100%;
    }

    .lbmta {
        width: 100%;
        margin-top: 3%;
    }

    .volcp li {
        width: 50%;
    }

    .lbteao a {
        width: 110px;
        font-size: 15px;
    }

    .cp-dh .title {
        width: 100%;
    }

    .ny-banner-nec {
        margin-top: 50px;
    }

    .vytev .pic {
        width: 100%;
    }

    .vytev .con {
        width: 100%;
    }

    .volat {
        margin-top: 3%;
    }

    .vlbol li .tit {
        font-size: 18px;
    }

    .vlbol li .con {
        font-size: 14px;
    }

    .tbueo li {
        width: 50%;
    }

    .tbueo li .con {
        border: none;
    }

    .tb-blt > a {
        margin-bottom: 12px;
    }

    .tb-blt .tlbao {
        width: 100%;
        font-size: 16px;
        line-height: 35px;
        padding: 0;
    }

    .tb-coal .d1 {
        font-size: 16px;
    }

    .tb-coal {
        padding: 20px 40px 20px 20px;
    }

    .tb-coal:before {
        top: 20px;
    }

    .slt-tit {
        font-size: 20px;
    }

    .bltae li, .edlao {
        font-size: 15px;
    }

    .zb-nav {
        width: 100%;
        padding: 0 3%;
    }

    .lbbola {
        width: 100%;
        margin-top: 3%;
    }

    .lbanma li a .con .d1 {
        font-size: 16px;
        line-height: 25px;
    }

    .lbanma li a .con .d2 {
        line-height: 35px;
        font-size: 15px;
    }

    .tv-tca {
        font-size: 18px;
    }

    .tomvl {
        font-size: 14px;
    }

    .edit-con {
        font-size: 15px;
    }

    .lmabc a {
        margin: 0 3% !important;
    }

    .folcp {
        height: 55px;
        overflow: hidden;
    }

    .folcp .abuecn {
        white-space: nowrap;
        height: 88px;
        overflow: auto;
    }

    .lbsc-03 > li > a.cur {
        background: #393b3d no-repeat 80px top;
        color: #fff;
        background-size: 22px auto;
    }


}

@media (max-width: 900px) {
    .sbuca .cont {
        width: 100%;
        left: 0;
        margin-left: 0;
    }

}

@media (max-width: 768px) {
    .wrap {
        padding: 0 3%;
    }

    .agelp li a .pic img.pc-img {
        display: none;
    }

    .agelp li a .pic img.mob-img {
        display: block;
    }

    .foot .wrap {
        padding: 0 5%;
    }

    .s-t-search {
        float: left;
    }

    .bomtl .goalc a {
        background: url(../images/svg/xscc.svg) no-repeat left center;
        background-size: auto 15px;
    }

    .b-logo img {
        width: 95px;
    }

    .agelp li {
        width: 100%;
        margin-bottom: 1%;
    }

    .lbteao > img {
        margin-left: 5px;
    }

    .lbmta .tit {
        font-size: 20px;
    }

    .lbmta .lon, .lbmta .dlm {
        font-size: 15px;
        margin-top: 6px;
    }

    .dowlmt {
        margin-top: 3%;
    }

    .teolc li {
        width: 50%;
    }

    .cp-dh .lapic {
        width: 100%;
        font-size: 15px;
    }

    .cp-dh .lapic span {
        margin-right: 20px;
    }

    .cp-dh .lapic a {
        width: 60px;
    }

    .opbol td {
        padding: 12px;
    }

    .opbol td.t1 {
        font-size: 16px;
    }

    .lobpa li {
        width: 100%;
    }

    .vecom {
        font-size: 14px;
    }

    .vecom a {
        float: none;
        display: block;
    }

    .ny-banner-nec {
        height: 200px;
    }

    .xs-bt {
        font-size: 18px;
    }

    .ecnbo li .tit {
        font-size: 14px;
    }

    .vbnlm {
        padding: 8% 3%;
        border-radius: 10px;
    }

    .vbnlm .d1 {
        font-size: 16px;
    }

    .vbnlm .d3 a {
        margin: 0 5px;
        font-size: 14px;
    }

    .vytev .con .d1 {
        font-size: 24px;
    }

    .vcalo .list .tit {
        font-size: 16px;
    }

    .vcalo .list .con {
        font-size: 14px;
    }

    .volat li {
        width: 49%;
        margin-right: 2%;
    }

    .volat li:nth-child(3n) {
        margin-right: 2%;
    }

    .volat li:nth-child(2n) {
        margin-right: 0;
    }

    .volat li a .pic {
    }

    .volat li a .pic p img {
    }

    .volat li a .tit {
        font-size: 16px;
    }

    .bopae .d1 {
        font-size: 14px;
    }

    .bopae .d2 a {
        float: left;
        width: 33.3%;
        margin-bottom: 20px;
        display: block;
    }

    .bopae .d2 a .tit {
        font-size: 14px;
    }

    .vlbol li {
        width: 100%;
    }

    .lbola {
        font-size: 18px;
    }

    .asc-tit {
        font-size: 20px;
    }

    .eavbl {
        font-size: 15px;
    }

    .vbola .pospic {
        position: relative;
        width: 40%;
        max-width: 300px;
    }

    .vbola {
        padding: 20px 0;
    }

    .zclml {
        width: 100%;
    }

    .zclml.fr {
        padding-top: 30px;
    }

    .tbueo li {
        width: 100%;
        margin-bottom: 4%;
    }

    .tbueo li .con {
        height: auto;
        padding: 0 4%;
    }

    .tbueo li .tit {
        font-size: 20px;
        margin: 10px 0;
    }

    .volpa li .tit {
        font-size: 18px;
    }

    .aebol .list {
        padding: 0;
        text-align: center;
        font-size: 15px;
    }

    .ab-01 {
        padding-bottom: 0;
    }

    .ab-02 {
        padding-bottom: 0;
    }

    .lotpv li {
        width: 100%;
    }

    .lotpv li .tit span {
        font-size: 16px;
    }

    .lotpv li .inp .c1 {
        font-size: 15px;
    }

    .odltc {
        font-size: 15px;
    }

    .tbola {
        font-size: 18px;
    }

    .olvmb dt {
        font-size: 16px;
    }

    .olvmb dd {
        font-size: 16px;
    }

    .vlcm {
        display: block;
        margin-bottom: 12px;
    }

    .page-lb {
        display: block;
        margin-bottom: 12px;
    }

    .lvlml a {
        font-size: 16px;
        margin: 0 2px;
    }

    .lvlml a.c2 {
        display: inline-block;
    }

    .mob-nav {
    }

    .t-logo {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .folcp a {
        margin: 0 15px;
        font-size: 16px;
    }

    .alanvl {
        display: none;
    }

    .tebol i {
        display: block;
        margin: 0;
    }

    .lboar {
        display: block;
        margin-top: 20px;
        width: 100%;
        float: left;
    }

    .lboar a {
        color: #333;
        font-weight: bold;
    }

    .lbotal {
        border-radius: 0px;
    }

    .lvlvc {
        font-size: 15px;
    }

    .teolc {
        font-size: 15px;
    }

    .dowlmt {
        font-size: 15px;
    }

    .lbteao a {
        margin-bottom: 20px;
        background-image: url(../images/xz.png) no-repeat 32px center;
        background-size: 20px auto;
    }

    .bds_weixin {
        width: 40px !important;
        height: 40px !important;
        background-size: 40px auto !important
    }

    .bds_tsina {
        width: 40px !important;
        height: 40px !important;
        background-size: 40px auto !important
    }

    .popup_twi {
        width: 40px !important;
        height: 40px !important;
        background-size: 40px auto !important
    }
}


@media (max-width: 640px) {

    .fsloc .list {
        width: 100%;
        margin-bottom: 1%;
    }

    .ecbla {
        margin: 0;
    }

    .solbo li {
        width: 100%;
        padding: 4%;
    }

    .solbo li .pic {
    }

    .solbo li .pic a img {
    }

    .oblmec li {
        padding: 4%;
    }

    .oblmec li .pic {
        width: 100%;
        height: 180px;
    }

    .oblmec li .pic a img {
        max-height: 160px;
    }

    .oblmec li .con {
        width: 100%;
    }

    .solbo li .amp {
        margin-top: 15px;
    }

    .oblmec li .con .amp {
        margin-top: 15px;
    }

    .ny-banner {
        margin-top: 58px;
    }

    .ny-banner .tit {
        font-size: 18px;
    }

    .ny-banner .pic img {
        height: 370px;
        object-fit: cover;
        width: 100%;
    }

    .solbo li .tit span, .oblmec li .con .tit span {
        font-size: 24px;
    }

    .volcp li {
        width: 100%;
    }

    .olvmb dd .volc {
        width: 100%;
        margin: 0;
        line-height: 40px;
    }

    .lbanma li a .pic img {
        width: 100%;
        height: 165px;
        object-fit: cover;
    }

    .cp-dh .title {
        display: none;
    }

    .cp-dh .lapic {
        float: none;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between
    }

    .cp-dh .lapic span, .cp-dh .lapic a {
        margin: 0;
        display: block;
    }

    .cp-dh .lapic:after {
        display: none;
    }

    .lotbl .pic img {
        width: 100%;
        height: 178px;
        object: cover;
    }
}


.shade {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 21;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.big-video {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -240px;
    z-index: 22;
    display: none;
    margin-left: -450px;
    background-color: #fff;
    width: 900px;
    box-sizing: border-box;
}

.big-video-main {
    height: 480px;
}

.big-video-clo {
    position: absolute;
    right: -35px;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../images/icon30.png) no-repeat center center;
    cursor: pointer;
}

@media screen and (max-width: 750px) {
    .big-video {
        width: 100%;
        left: 0;
        margin-left: 0;
    }

    .big-video-main {
        height: 185px;
    }

    .big-video-clo {
        right: 0;
        z-index: 21;
    }
}

.active {
    height: 4px;
    background: #0068ff;
}