.contxt {
    width: 1360px;
    margin: 0 auto;
}
.index-pro {
    width: 100%;
    padding: 60px 0;
    background: #f5f5f5;
}
.indexpro-tle {
    font-size: 40px;
    color: #333;
    line-height: 56px;
}
.indexpro-tle span {
    font-weight: bold;
}
.indexpro-cls {
    width: 210px;
    background: #fff;
    text-align: center;
    float: left;
    padding-top: 6px;
    margin-left: 20px;
    transition: .3s;
}
.indexpro-cls:first-child {
    margin-left: 0;
}
.indexpro-title a {
    display: block;
    height: 58px;
    margin-top: 6px;
    line-height: 56px;
    font-size: 20px;
    color: #333;
}
.indexpro-main {
    margin-top: 30px;
}
.indexpro-cls:hover a {
    color: #de030d;
}
.indexpro-cls:hover {
    margin-top: -5px;
}
.cphead-tle {
    float: left;
    font-size: 40px;
    line-height: 56px;
    color: #333;
    font-weight: bold;
}
.cphead-post {
    float: right;
    font-size: 16px;
    color: #868686;
    line-height: 22px;
    margin-top: 37px;
}
.cphead-post a {
    display: inline-block;
    padding-right: 20px;
    background:  no-repeat right center;
}
.cphead-post a:hover {
    color: #2f4580;
    background:  no-repeat right center;
}
.index-cp {
    padding: 60px 0;
}
.cphead-intro  {
    font-size: 14px;
    line-height: 20px;
    color: #868686;
    margin-top: 19px;
    padding-top: 16px;
    border-top: 1px solid #e5e5e5;
}
.fix-block {
    position: relative;
    overflow: hidden;
}
.inb1-video {
    height: 100%;
}
.inb1-video video {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    background-size: cover;
    z-index: 0;
}
.indexban-img {
    width: 768px;
    height: 187px;
    background:  no-repeat center;
}
.index-main {
    position: absolute;
    top: 36%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 11;
}
.indexban-but {
    font-size: 0;
    margin-top: 80px;
}
.indexban-but a {
    display: inline-block;
    width: 199px;
    height: 58px;
    box-sizing: border-box;
    text-align: center;
    line-height: 58px;
    font-size: 16px;
    color: #fff;
    border-radius:4px;
    border:1px solid rgba(255,255,255,1)
}
.indexban-but .bts1 {
    border: 0;
    background: #de030d;
}
.indexban-but .bts1:hover {
    background: #b10008;
}
.indexban-but .bts2 {
    margin-left: 20px;
}
.indexban-but .bts2:hover {
    background: #b10008;
    border-color: #b10008;
    color: #fff;
}
.indexcp-cass {
    float: left;
    width: 720px;
}
.cpcass-box {
    display: block;
    text-align: center;
}
.cpcass-bt {
    font-size: 16px;
    line-height: 22px;
    color: #333;
    margin-top: 16px;
}
.indexcp-cass .owl-dots {
    display: none;
}
.indexcp-cass .owl-prev {
    position: absolute;
    width: 60px;
    height: 60px;
    background:  no-repeat center;
    background-size: cover;
    left: 15px;
    top: 210px;
}
.indexcp-cass .owl-next {
    position: absolute;
    width: 60px;
    height: 60px;
    background:  no-repeat center;
    background-size: cover;
    right: 15px;
    top: 210px;
}
.indexcp-cass .owl-prev:hover {
    background:  no-repeat center;
    background-size: cover;
}
.indexcp-cass .owl-next:hover {
    background:  no-repeat center;
    background-size: cover;
}
.indexcp-pto {
    float: left;
    width: 640px;
    margin-top: -40px;
}
.indexcp-pto .list-item2 {
    width: 300px;
    padding: 0;
    margin-top: 40px;
    margin-left: 20px;
}
.indexcp-pto .list-info2 {
    padding: 0;
    text-align: center;
    border: 0;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    margin-top: 13px;
}
.indexcp-pto .list-info2 .list-tit2 {
    height: auto;
}
.indexcp-pto .list-img2 {
    width: 300px;
    height: 240px;
    overflow: hidden;
}
.indexcp-pto .list-img2 img {
    width: 300px;
    height: 240px;
    transition: .3s;
}
.list-item2:hover img {
    transform: scale(1.08);
}
.indexcp-main {
    margin-top: 20px;
}
.index-qy {
    width: 100%;
    height: 520px;
    background:  no-repeat center top;
}
.index-qy {
    text-align: center;
    /*    background-attachment: fixed;
        background-size: cover;*/
}
.indexqy-tle {
    font-size: 40px;
    line-height: 56px;
    color: #fff;
    padding-top: 109px;
}
.indexqy-tex {
    text-align: left;
    width: 1110px;
    margin: 20px auto 0;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
}
.index-qy .indexban-but {
    margin-top: 49px;
}
.index-so {
    width: 100%;
    height: 840px;
    background:  no-repeat center top;
}
.indexpro-super {
    width: 1360px;
    margin: 16px auto 0;
}
.indexpro-nav {
    width: 260px;
    float: left;
}
.indexcs-cls {
    height: 560px;
}
.indexpro-bex {
    display: block;
    height: 70px;
    line-height: 70px;
    background: #f5f5f5;
    padding-left: 69px;
    box-sizing: border-box;
    border-top: 1px solid #e5e5e5;
}
.indexpro-bex:first-child {
    border: 0;
}
.indexpro-nav .td1 {
    background: #f5f5f5  no-repeat 35px center;
}
.indexpro-nav .td2 {
    background: #f5f5f5  no-repeat 35px center;
}
.indexpro-nav .td3 {
    background: #f5f5f5  no-repeat 35px center;
}
.indexpro-nav .td4 {
    background: #f5f5f5  no-repeat 35px center;
}
.indexpro-nav .td5 {
    background: #f5f5f5  no-repeat 35px center;
}
.indexpro-nav .td6 {
    background: #f5f5f5  no-repeat 35px center;
}
.indexpro-nav .td7 {
    background: #f5f5f5  no-repeat 35px center;
}
.indexpro-nav .td8 {
    background: #f5f5f5  no-repeat 35px center;
}
.indexpro-nav .active.td1 {
    background: #30477e  no-repeat 35px center;
    color: #fff;
}
.indexpro-nav .active.td2 {
    background: #30477e  no-repeat 35px center;
    color: #fff;
}
.indexpro-nav .active.td3 {
    background: #30477e  no-repeat 35px center;
    color: #fff;
}
.indexpro-nav .active.td4 {
    background: #30477e  no-repeat 35px center;
    color: #fff;
}
.indexpro-nav .active.td5 {
    background: #30477e  no-repeat 35px center;
    color: #fff;
}
.indexpro-nav .active.td6 {
    background: #30477e  no-repeat 35px center;
    color: #fff;
}
.indexpro-nav .active.td7 {
    background: #30477e  no-repeat 35px center;
    color: #fff;
}
.indexpro-nav .active.td8 {
    background: #30477e  no-repeat 35px center;
    color: #fff;
}
.indexpro-cont {
    width: 1100px;
    float: left;
    background: #fff;
}
.indexcs-cls {
    padding: 50px 50px 50px 40px;
    box-sizing: border-box;
    display: none;
}
.indexcase-info {
    float: left;
    width: 460px;
    position: relative;
    height: 462px;
}
.indexcase-img {
    float: right;
    width: 500px;
    height: 460px;
    overflow: hidden;
}
.indexcase-img img {
    max-width: 500px;
    max-height: 460px;
    transition: .3s;
}
.indexcase-img:hover img {
    transform: scale(1.08);
}

.indexcase-tdl {
    font-size: 32px;
    line-height: 45px;
    color: #333;
}
.indexcase-intro {
    font-size: 18px;
    line-height: 32px;
    color: #868686;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e5e5e5;
}
.indexcase-but {
    font-size: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}
.indexcase-but a {
    width: 180px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    background: #de030d;
    display: inline-block;
}
.indexcase-but a:hover {
    background: #b10008;
}
.indexcase-but .bt2 {
    background: #e5e5e5;
    color: #868686;
    margin-left: 20px;
}
.indexcase-but .bt2:hover {
    background: #d1d1d1;
}
.indexpro-cont .dells {
    display: block;
}
.indexcase-but {
    position: absolute;
}
.aboutnum {
    width: 1204px;
    height: 180px;
    background: #fff;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: -62px;
    font-size: 0;
    box-shadow:0px 0px 40px 0px rgba(24,24,24,0.21);
}
.aboutnum .recorddo {
    display: inline-block;
    width: 25%;
    font-size: 14px;
    color: #333;
    background:  no-repeat 0 70px;
}
.aboutnum .recorddo:first-child {
    background: none;
}
.aboutnum .recorddo strong {
    display: block;
    font-size: 48px;
    font-weight: bold;
    line-height: 63px;
    height: 64px;
    margin-top: 37px;
    color: #de030d;
}
.aboutnum .recorddo b {
    font-weight: 400;
    font-size: 14px;
    color: #333;
    display: inline-block;
    margin-left: 6px;
    position: relative;
}
.index-cases {
    background: #f5f5f5;
    padding: 60px 0;
}
.indeca-left {
    width: 800px;
    float: left;
}
.indeca-box {
    width: 390px;
    float: left;
    margin-left: 20px;
}
.indeca-box:first-child {
    margin-left: 0;
}
.indeca-img {
    width: 390px;
    height: 300px;
    overflow: hidden;
}
.indeca-img img {
    width: 100%;
    height: 100%;
    transition: .3s;
}
.indeca-box:hover img {
    transform: scale(1.08);
}
.indeca-tle {
    width: 390px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #333;
}
.indeca-tle:hover {
    color: #0f235a;
}
.indeca-main {
    margin-top: 30px;
}
.indeca-main .owl-nav {
    display: none;
}
.indeca-main .owl-dots {
    text-align: center;
    margin-top: 8px;
}
.indeca-main .owl-dot {
    width: 8px;
    height: 8px;
    background: #d8d8d8;
    border-radius: 50%;
    margin: 0 8px;
}
.indeca-main .owl-dots .active {
    background: #30477e;
}
.indeca-right {
    width: 530px;
    float: left;
    margin-left: 30px;
}
.indexja-img {
    width: 530px;
    height: 300px;
    position: relative;
    overflow: hidden;
}
.indexja-img img {
    width: 530px;
    height: 300px;
    transition: .3s;
}
.indexja-box:hover img {
    transform: scale(1.08);
}
.indexja-tle {
    width: 530px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #333;
}
.indexja-tle:hover {
    color: #0f235a;
}
.indexja {
    margin-top: 30px;
}
.indexja .owl-nav {
    display: none;
}
.indexja .owl-dots {
    text-align: center;
    margin-top: 8px;
}
.indexja .owl-dot {
    width: 8px;
    height: 8px;
    background: #d8d8d8;
    border-radius: 50%;
    margin: 0 8px;
}
.indexja .owl-dots .active {
    background: #30477e;
}
.index-fw {
    width: 100%;
    height: 614px;
    background:  no-repeat center top;
    background-size: cover;
}
.indexfw-cls {
    width: 440px;
    height: 458px;
    background: #fff;
    padding: 41px 46px 0;
    box-sizing: border-box;
    margin-left: 20px;
    float: left;
}
.indexfw-cls:first-child {
    margin-left: 0;
}
.indexfw-cls .fe1 {
    width: 100px;
    height: 102px;
    margin: 0 auto;
    background:  no-repeat center;
}
.indexfw-cls .fe2 {
    width: 100px;
    height: 102px;
    margin: 0 auto;
    background:  no-repeat center;
}
.indexfw-cls .fe3 {
    width: 100px;
    height: 102px;
    margin: 0 auto;
    background:  no-repeat center;
}
.indexfw-tle {
    font-size: 24px;
    color: #333;
    line-height: 33px;
    text-align: center;
    margin-top: 23px;
}
.indexfw-tex {
    font-size: 18px;
    line-height: 30px;
    color: #868686;
    margin-top: 16px;
}
.indexfw-post a {
    width: 180px;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 50px;
    background: #de030d;
    font-size: 16px;
    color: #fff;
    margin: 40px auto 0;
}
.indexfw-post a:hover {
    background: #b10008;
}
.indexfw-main {
    padding-top: 78px;
}
.indexfw-ico {
    text-indent: 36px;
    font-size: 16px;
    color: #30477e;
    line-height: 22px;
    margin-left: 48px;
    margin-top: 20px;
    background:  no-repeat 0 center;
}
.indexja-img span {
    width: 82px;
    height: 82px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background:  no-repeat center;
}
.index-new {
    padding: 60px 0;
    background: #f0f0f0;
}
.indexpax {
    width: 670px;
    height: 396px;
    position: relative;
    overflow: hidden;
    float: left;
}
.indexpax img {
    width: 670px;
    height: 396px;
    transition: .3s;
}
.indexpax-tle {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    padding: 0 24px;
    position: absolute;
    top: 276px;
    left: 0;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    z-index: 10;
}
.indexpax-tex {
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    opacity: 0.7;
    padding: 0 24px;
    position: absolute;
    left: 0;
    top: 314px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 52px;
    z-index: 10;
}
.indexpax:hover img {
    transform: scale(1.08);
}
.indexpay {
    margin-top: 30px;
}
.indexpax-main {
    float: left;
    width: 670px;
    margin-left: 20px;
}
.indexpax-box {
    background: #fff;
    margin-top: 20px;
}
.indexpax-box:first-child {
    margin-top: 0;
}
.indexpax-cont {
    padding: 30px 24px 24px;
}
.inpx-tle {
    font-size: 20px;
    line-height: 28px;
    color: #333;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.inpx-tle:hover {
    color: #0f235a;
}
.inpx-tex {
    font-size: 14px;
    line-height: 26px;
    color: #868686;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 52px;
    margin-top: 12px;
}
.inpx-time {
    font-size: 14px;
    line-height: 26px;
    color: #868686;
    margin-top: 16px;
}
.indexfex-main {
    width: 400px;
    float: left;
    padding: 30px 24px 20px;
    background: #fff;
    box-sizing: border-box;
}
.indexfex-hd {
    font-size: 24px;
    line-height: 33px;
    color: #333;
    float: left;
}
.indexfex-post {
    font-size: 14px;
    line-height: 20px;
    color: #868686;
    float: right;
    margin-top: 8px;
}
.indexfex-post a {
    display: inline-block;
    padding-right: 17px;
    background:  no-repeat right center;
}
.indexfex-post a:hover {
    color: #2f4580;
    background:  no-repeat right center;
}
.indexfex-tle {
    width: 250px;
    float: left;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.indexfex-tle a {
    font-size: 14px;
    color: #868686;
}
.indexfex-tle a:hover {
    color: #2f4580;
}
.indexfex-time {
    font-size: 14px;
    color: #868686;
    float: right;
}
.indexfex-box {
    height: 52px;
    line-height: 52px;
    border-bottom: 1px solid #e5e5e5;
}
.indexfex-cont {
    margin-top: 8px;
}
.indexfex {
    margin-top: 30px;
}
.indexveo {
    width: 520px;
    background: #fff;
    margin-left: 20px;
    float: left;
    padding: 30px 24px 20px;
    box-sizing: border-box;
}
.indexveo-img {
    width: 472px;
    height: 196px;
    margin-top: 23px;
    position: relative;
    overflow: hidden;
}
.indexveo-img img {
    width: 472px;
    height: 196px;
    transition: .3s;
}
.indexveo:hover img {
    transform: scale(1.08);
}
.indexveo-tit {
    text-align: center;
    height: 54px;
    line-height: 54px;
    background: #f5f5f5;
    font-size: 16px;
    color: #868686;
}
.indexveo-tit:hover {
    color: #2f4580;
}
.indexveo-img span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 54px;
    height: 54px;
    background:  no-repeat center;
    background-size: cover;
}
.index-laj {
    width: 100%;
    height: 230px;
    background:  no-repeat center top;
}
.indexlaj-tle {
    font-size: 38px;
    line-height: 53px;
    color: #fff;
    padding-top: 55px;
}
.indexlaj-xian {
    width: 755px;
    height: 1px;
    background:  no-repeat left center;
    background-size: cover;
    margin-top: 19px;
}
.indexlaj-intro {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    margin-top: 20px;
    opacity: 0.7;
}
.indexlaj-post a {
    width:196px;
    height:58px;
    background:rgba(222,3,13,1);
    border-radius:4px;
    position: absolute;
    left: 908px;
    top: 86px;
    font-size: 16px;
    margin: auto;
    line-height: 58px;
    text-align: center;
    color: #fff;
}
.indexlaj-post a:hover {
    background: #b10008;
}
.indexlaj-dh {
    color: #fff;
    line-height: 32px;
    position: absolute;
    right: 0;
    top: 79px;
    padding-left: 50px;
    background:  no-repeat 0 center;
}
.indexlaj-rx {
    font-size: 16px;
}
.indexlaj-pho {
    font-size: 24px;
}
/*.fix-nav .wsc-index {
    width: 1180px;
}*/

/*.fix-nav .container {
    width: 1180px;
}*/
.fix-nav .wsc-nav {
    position: inherit;
}
.proindex-nav {
    float: left;
    width: 220px;
}
.proindex-nav a {
    display: block;
    text-align: center;
    line-height: 70px;
    background: #f5f5f5;
    font-size: 20px;
    color: #333;
    border-top: 1px solid #e5e5e5;
}
.proindex-nav a:first-child {
    border-top: 0;
}
.proindex-nav a:hover {
    background: #2f4580;
    color: #fff;
}
.proindex-nev .indexcp-cass img {
    width: 940px;
    height: 567px;
}
.proindex-nev .indexcp-cass {
    margin-left: 20px;
    width: 940px;
}
.proindex-tp {
    padding: 60px 0 40px;
}
.proindex-alg a {
    width: 380px;
    height: 160px;
    float: left;
    border: 9px solid #f5f5f5;
    box-sizing: border-box;
    text-align: center;
    margin-left: 20px;
}
.proindex-alg a:first-child {
    margin-left: 0;
}
.proindexa-tle {
    font-size: 16px;
    line-height: 22px;
    color: #333;
    font-weight: bold;
    padding-top: 76px;
}
.proindexa-tex {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    margin-top: 8px;
}
.proindex-alg {
    margin-top: 30px;
}
.mk1 {
    background:  no-repeat  center 21px;
}
.mk2 {
    background:  no-repeat  center 21px;
}
.mk3 {
    background:  no-repeat  center 21px;
}
.proindex-main {
    background: #f5f5f5;
    padding: 60px 0;
}
.proindex-cont {
    background: #fff;
    padding: 20px 47px 20px 20px;
}
.procal-img {
    width: 447px;
    height: 250px;
    float: left;
    overflow: hidden;
}
.procal-img img {
    width: 447px;
    height: 250px;
    transition: .3s;
}
.procal-img:hover img {
    transform: scale(1.08);
}
.procal-cont {
    width: 626px;
    float: left;
    margin-left: 40px;
}
.procal-title {
    font-size: 30px;
    line-height: 42px;
    color: #333;
    margin-top: 10px;
}
.procal-intro {
    font-size: 14px;
    line-height: 28px;
    color: #868686;
    margin-top: 14px;
}
.procal-cont .indexban-but {
    margin-top: 30px;
}
.procal-cont .indexban-but a {
    width: 220px;
}
.procal-cont .indexban-but .bts2 {
    color: #2f4580;
    border-color: #2f4580;
}
.procal-cont .indexban-but .bts2:hover {
    background: #2f4580;
    color: #fff;
}
.prolist .list-item2 {
    padding: 0;
    width: 280px;
    margin-left: 20px;
}
.prolist .list-item2:first-child {
    margin-left: 0;
}
.prolist .list-img2 {
    width: 280px;
    height: 214px;
}
.prolist .list-img2 img {
    width: 280px;
    height: 214px;
    transition: .3s;
}
.prolist .list-info2 {
    padding: 0;
    text-align: center;
    border: 0;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    margin-top: 13px;
}
.prolist .list-tit2 {
    height: auto;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.proindex-main {
    border-top: 1px solid #e5e5e5;
}
.proindex-main:first-child {
    border-top: 0;
}
.proindex-all {
    width: 100%;
    height: 371px;
    background:  no-repeat center top;
}
.procall {
    width: 280px;
    float: left;
    margin-left: 20px;
    text-align: center;
    background: #fff;
}
.procall:first-child {
    margin-left: 0;
}
.procall-img {
    width: 266px;
    height: 181px;
    overflow: hidden;
    margin: 6px auto 0;
}
.procall-img img {
    transition: .3s;
}
.procall-tle {
    height: 58px;
    font-size: 20px;
    color: #333;
    line-height: 58px;
    margin-top: 6px;
}
.procall-main {
    padding-top: 60px;
}
.procall:hover img {
    transform: scale(1.08);
}
.model-bot {
    background: #f5f5f5;
    padding: 60px 0;
}
.modelbot-tle {
    font-size: 30px;
    color: #333;
}
.modelbot-box {
    width: 380px;
    float: left;
    background: #fff;
    text-align: center;
    padding-bottom: 27px;
    margin-left: 20px;
}
.modelbot-box:first-child {
    margin-left: 0;
}
.modelbot-img {
    width: 346px;
    height: 160px;
    overflow: hidden;
    margin: 16px auto 0;
}
.modelbot-img img {
    transition: .3s;
}
.modelbot-tit {
    font-size: 20px;
    line-height: 28px;
    color: #222;
    margin-top: 20px;
}
.modelbot-post a {
    width:175px;
    height:36px;
    border:1px solid rgba(47,69,128,1);
    border-radius:4px;
    text-align: center;
    line-height: 36px;
    display: block;
    margin: 20px auto 0;
    font-size: 14px;
    color: #2f4580;
}
.modelbot-post a:hover {
    color: #fff;
    background: #2f4580;
}
.modelbot-main {
    margin-top: 30px;
}
.modelbot-box:hover img {
    transform: scale(1.08);
}
.prolist-head {
    padding-top: 60px;
}
.prolist-head .proindex-cont {
    background: #f5f5f5;
}
.navtp {
    width: 280px;
    height: 80px;
    background:  no-repeat center;
    text-align: center;
    line-height: 80px;
    font-size: 20px;
    color: #fff;
}
.classitem {
    width: 280px;
    height: 70px;
    line-height: 70px;
    background: #f5f5f5;
    font-size: 18px;
    color: #333;
    text-indent: 30px;
    position: relative;
}
.classitem a {
    display: block;
}
.classitem:hover {
    background: #ebebeb;
    box-sizing: border-box;
    border-left: 4px solid #2f4580;
    text-indent: 26px;
}
.classitem:hover a {
    color: #2f4580;
}
.wsc-classcon .active {
    background: #ebebeb;
    box-sizing: border-box;
    border-left: 4px solid #2f4580;
    text-indent: 26px;
}
.wsc-classcon .active a {
    color: #2f4580;
}
.wsc-classcon {
    margin-top: 20px;
}
.navte {
    width:280px;
    background:rgba(234,234,234,1);
    margin-top: 30px;
}
.navte-top {
    padding: 30px;
    border-bottom: 1px solid #ffffff;
}
.navte-bt {
    font-size: 16px;
    line-height: 27px;
    color: #868686;
}
.navte-pho {
    font-size: 26px;
    color: #2f4580;
    font-weight: bold;
}
.navte-qt {
    padding: 30px 0 30px 30px;
}
.navte-email {
    font-size: 20px;
    line-height: 27px;
    color: #333;
    margin-top: 12px;
}
.navte-email a:hover {
    color: #2f4580;
}
.navte-kf a {
    width:225px;
    height:58px;
    background:rgba(222,3,13,1);
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 58px;
    display: block;
    margin-top: 26px;
}
.navte-intro {
    font-size: 14px;
    line-height: 30px;
    color: #868686;
    margin-top: 10px;
}
.list-img2 img {
    transition: .3s;
}
.pro-list {
    margin-top: -20px;
}
.pro-list .list-info2 {
    padding: 0;
    text-align: center;
    border: 0;
}
.pro-list .list-tit2 {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    height: 65px;
    line-height: 65px!important;
    background: #f5f5f5;
    font-size: 18px;
    color: #555555;
}
.paging-inner a, .paging-inner span {
    height: 50px;
    width: 50px;
    line-height: 50px;
}
.paging-inner .current, .paging-inner a:hover {
    background: #2f4580;
    border-color: #2f4580;
}
.paging-inner .prev:hover {
    background: #2f4580  no-repeat center center;
}
.paging-inner .next:hover {
    background: #2f4580  no-repeat center center;
}
.u-paging {
    margin-top: 40px;
}
.paging-inner {
    height: 60px;
}
.wsc-layoutcon {
    padding: 60px 0;
}
.relate-main {
    padding: 60px 0;
    background: #f5f5f5;
}
.case-box {
    width: 380px;
    float: left;
    margin-left: 20px;
}
.case-img {
    width: 380px;
    height: 214px;
    overflow: hidden;
}
.case-img img {
    width: 380px;
    height: 214px;
    transition: .3s;
}
.case-info {
    background: #fff;
    padding: 20px 16px;
}
.case-tit {
    font-size: 16px;
    line-height: 21px;
    color: #333;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.case-tit:hover {
    color: #2f4580;
}
.case-cont {
    font-size: 14px;
    line-height: 20px;
    color: #8e8e8e;
}
.case-cont span {
    display: inline-block;
    padding: 0 15px;
    margin-top: 11px;
}
.case-main {
    margin-top: 30px;
}
.case-main .case-box:first-child {
    margin-left: 0;
}
.case-img:hover img {
    transform: scale(1.08);
}
.banner-nav .wsc-nav {
    background: none;
    box-shadow: none;
}
.banner {
    width: 100%;
    height: 500px;
}
.banner-nav .wsc-nav .wsc-top {
    /*width: 1180px;*/
    margin: 0 auto;
}
.banner-nav .wsc-nav .wsc-index {
    /*width: 1180px;*/
}
.banner-nav .wsc-nav .container {
    /*width: 1180px;*/
}
.banner-tit {
    text-align: center;
    font-size: 40px;
    line-height: 60px;
    color: #fff;
    padding-top: 238px;
}
.banner-tex {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    margin-top: 20px;
    text-align: center;
}
.wscsx-tle {
    float: left;
    font-size: 16px;
    color: #222;
    font-weight: bold;
    width: 96px;
    margin-top: 20px;
}
.wscsx-tex {
    float: left;
    font-size: 0;
    margin-left: 30px;
    width: 1050px;
    margin-top: 16px;
}
.wscsx-main {
    /* height: 90px; */
    /* line-height: 90px; */
    border-top: 1px solid #e5e5e5;
    /* overflow: hidden; */
    padding-bottom: 30px;
    padding-top: 10px;
}
.wscsx-main:first-child {
    border: 0;
}
.wscsx-tex a {
    display: inline-block;
    font-size: 16px;
    color: #868686;
    padding: 0 20px;
    line-height: 32px;
    background:  no-repeat left center;
}
.wscsx-tex a:first-child {
    background: none;
}
.wscsx-tex .active {
    color: #2f4580;
}
.wscsx-tex a:hover {
    color: #2f4580;
}
.caselist-head {
    width: 1180px;
    height: 256px;
    background:  no-repeat center;
}
.case-list {
    background: #f5f5f5;
    padding: 30px 0 0px;
}
.caselisth-info {
    padding: 0 48px;
}
.caselisth-tle {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    padding-top: 35px;
}
.caselisth-tex {
    font-size: 16px;
    line-height: 30px;
    color: #868686;
    margin-top: 10px;
}
.caselisth-info .indexban-but {
    margin-top: 26px;
}
.caselisth-info .indexban-but a  {
    height: 50px;
    line-height: 50px;
}
.caselisth-info .bts2 {
    color: #2f4580;
    border-color: #2f4580;
}
.caselist {
    width: 1200px;
    margin-left: -20px;

}
.caselist .case-box {
    margin-top: 20px;
}
.caselist {
    padding-top: 20px;
}
.soufa {
    width: 1200px;
    margin-left: -20px;
    padding-top: 40px;
}
.soufa-box {
    width: 280px;
    height: 100px;
    float: left;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 100px;
    margin-left: 20px;
    margin-top: 20px;
}
.soufa-box:hover {
    box-shadow:0px 6px 25px rgba(0, 0, 0, 0.08);
    opacity: 0.8;
}
.soufa .fangan1 {
    background:  no-repeat center;
}
.soufa .fangan2 {
    background:  no-repeat center;
}
.soufa .fangan3 {
    background:  no-repeat center;
}
.soufa .fangan4 {
    background:  no-repeat center;
}
.soufa .fangan5 {
    background:  no-repeat center;
}
.soufa .fangan6 {
    background:  no-repeat center;
}
.soufa .fangan7 {
    background:  no-repeat center;
}
.soufa .fangan8 {
    background:  no-repeat center;
}
.casedhead-cover {
    width: 560px;
    height: 415px;
    float: left;
}
.casedhead-cover img {
    width: 560px;
    height: 415px;
}
.casedhead {
    padding: 60px 0;
}
.casedhead-cover .owl-dots {
    text-align: center;
    position: absolute;
    bottom: 30px;
    width: 560px;
}
.casedhead-cover .owl-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    margin: 0 8px;
}
.casedhead-cover .owl-dots .active {
    background: #2f4580;
}
.casedhead-cont {
    width: 580px;
    float: left;
    height: 415px;
    position: relative;
    margin-left: 40px;
}
.casedhead-title {
    font-size: 28px;
    color: #222;
}
.casedhead-intro {
    font-size: 16px;
    line-height: 30px;
    color: #868686;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
}
.casedhead-info {
    font-size: 0;
    margin-top: 30px;
}
.casedhead-info span {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    display: inline-block;
    margin-left: 80px;
}
.casedhead-info span:first-child {
    margin-left: 0;
}
.casedhead-info em {
    font-weight: 400;
    color: #868686;
}
.casedhead-but {
    font-size: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}
.casedhead-but a {
    width:221px;
    height:58px;
    background:rgba(222,3,13,1);
    display: inline-block;
    text-align: center;
    line-height: 58px;
    color: #fff;
    font-size: 16px;
}
.casedhead-but .but1:hover {
    background: #b10008;
}
.casedhead-but .but2 {
    width:221px;
    height:58px;
    display: inline-block;
    background: #f5f5f5  no-repeat 41px center;
    font-size: 16px;
    color: #de030d;
    line-height: 58px;
    text-align: left;
    margin-left: 20px;
    text-indent: 69px;
}
.casedhead {
    border-bottom: 1px solid #e5e5e5;
}
.casedmain-bt {
    font-size: 36px;
    line-height: 50px;
    color: #333;
    padding-left: 37px;
    position: relative;
    font-weight: bold;
    margin-top: 60px;
}
.casedmain-bt i {
    width:12px;
    height:40px;
    background:rgba(47,69,128,1);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.casedmain .list-item2 {
    width: 280px;
    margin-left: 20px;
    padding: 0;
    margin-top: 0;
}
.casedmain .list-item2:first-child {
    margin-left: 0;
}
.casedmain .list-main2 {
    margin-top: 30px;
}
.casedmain-text {
    margin-top: 30px;
    color: #868686;
}
.casedmain {
    padding-bottom: 60px;
    border-bottom: 1px solid #e5e5e5;
}
.re-cases {
    background: #fff;
}
.re-cases .case-info {
    background: #f5f5f5;
}
.suolist-tle {
    font-size: 36px;
    color: #333;
    text-align: center;
    padding-top: 60px;
}
.suolist-cls {
    background: #f5f5f5;
    margin-top: 30px;
}
.suolist-img {
    float: left;
    width: 590px;
}
.suolist-cont {
    float: left;
    width: 590px;
}
.suolist-info {
    padding: 40px;
}
.suolist-tit {
    font-size: 29px;
    color: #222;
}
.suolist-intro {
    font-size: 16px;
    line-height: 28px;
    color: #868686;
    margin-top: 25px;
}
.suolist-post {
    margin-top: 70px;
}
.suolist-post a {
    width:198px;
    height:52px;
    background:rgba(222,3,13,1);
    display: block;
    text-align: center;
    line-height: 52px;
    color: #fff;
    font-size: 16px;
}
.suolist-post a:hover {
    background: #b10008;
}
.suolist-main {
    padding-top: 10px;
}
.suos-list {
    padding-bottom: 60px;
}
.soudetail-head {
    padding: 60px 0;
}
.soud {
    width: 1180px;
    height: 415px;
}
.soud-info {
    padding: 60px 50px;
}
.soud-tle {
    font-size: 28px;
    color: #fff;
}
.soud-intro {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin-top: 30px;
}
.soud .indexban-but a {
    width: 220px;
}
.soudetail-main {
    background: #f5f5f5;
    padding: 40px 0 60px;
}
.soudetail-main .pdtab-box {
    width: 870px;
}
.soudetail-main .pdtab {
    background: #e8e8e8;
    height: 62px;
}
.soudetail-main .pdtab ul {
        display: flex;
}
.soudetail-main .pdtab li {
    line-height: 62px;
    background-image: none;
    width: 174px;
float: none;
}
.soudetail-main .pdtab li a {
    display: block;
    font-size: 16px;
    color: #222222;
}
.soudetail-main .pdtab li:hover a, .soudetail-main .pdtab .active a {
    background: #2f4580;
    color: #fff;
}
.soudetail-main .layout-content {
    width: 870px;
    background: #fff;
}
.soudetail-main .d-content {
    padding: 0 30px 60px;
}
.soudetail-main .wsc-edittit {
    font-size: 24px;
    color: #222;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}
.soudetail-main .wsc-edit:first-child {
    padding-top: 20px;
}
.soudetail-main .wsc-edittit strong {
    border-bottom: 3px solid #2f4580;
    padding-bottom: 22px;
}
.soudetail-main .wsc-editcon {
    color: #666;
    line-height: 30px;
}
.soudetail-main .list-item2 {
    padding: 0;
    width: 262px;
    margin-left: 12px;
}
.soudetail-main .list-item2:first-child {
    margin-left: 0;
}
.soudetail-main .pro-list {
    margin-top: 30px;
}
.soudetail-main .suolist-img {
    width: 348px;
}
.soudetail-main .suolist-img img {
    width: 348px;
    height: 198px;
}
.soudetail-main .suolist-cont {
    width: 461px;
}
.soudetail-main .suolist-tit {
    font-size: 20px;
}
.soudetail-main .suolist-intro {
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
}
.soudetail-main .suolist-info {
    padding: 30px;
}
.soudetail-main .suolist-cls {
    margin-top: 20px;
}
.soudetail-main .pd-main .layout-content, .soudetail-main .pd-main .layout-side {
    padding-top: 0!important;
}
.soudetail-main .right-block {
    position: absolute;
    right: 0;
    top: 0;
}
.fanan {
    background: #fff;
    padding: 30px 20px;
}
.fanan-tit {
    font-size: 16px;
    line-height: 24px;
    color: #333;
    font-weight: bold;
}
.fanan-post a {
    width: 240px;
    height: 58px;
    text-align: center;
    line-height: 58px;
    display: block;
    background: #de030d;
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
}
.fanan-post a:hover {
    background: #b10008;
    color: #fff;
}
.mt20 {
    margin-top: 20px;
}
.fandz {
    background: #eaeaea;
    margin-top: 30px;
}
.fandz-head {
    height: 80px;
    font-size: 24px;
    color: #2f4580;
    line-height: 80px;
    text-indent: 20px;
    border-bottom: 1px solid #ffffff;
}
.fandz-form {
    padding: 8px 20px 30px;
}
.fandz-tle {
    font-size: 14px;
    line-height: 24px;
    color: #868686;
}
.fandz-input input {
    width: 240px;
    height: 47px;
    background: #fff;
    font-size: 16px;
    color: #444;
    text-indent: 15px;
}
.fandz-input {
    margin-top: 12px;
}
.fandz-row {
    margin-top: 16px;
}
.fandz-but {
    margin-top: 30px;
}
.fandz-but button {
    width:240px;
    height:58px;
    background: #de030d;
    font-size: 20px;
    color: #fff;
}
.fandz-but button:hover {
    background: #b10008;
}
.prodet-cont {
    width: 580px;
    float: left;
    margin-left: 40px;
    position: relative;
  padding-bottom:100px;
}
.prodet-tle {
    font-size: 32px;
    color: #333;
}
.prodet-tdl {
    font-size: 16px;
    color: #868686;
    margin-top: 30px;
}
.prodet-tdb {
    font-size: 0;
    margin-top: 20px;
}
.prodet-tdb span {
    font-size: 16px;
    color: #2f4580;
    font-weight: bold;
      display: block;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.prodet-tdb em {
    font-weight: 400;
    color: #868686;
}
.prodet-tgg {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    margin-top: 20px;
}
.prosl {
    width: 810px;
    height: 374px;
    background:  no-repeat center;
    margin-top: 30px;
}
.prosl-info {
    padding: 50px 54px;
}
.prosl-tit {
    font-size: 24px;
    color: #fff;
    line-height: 26px;
}
.prosl-intro {
    font-size: 14px;
    color: #fff;
    opacity: 0.8;
    line-height: 26px;
    margin-top: 18px;
}
.prosl-box {
    width: 226px;
    height: 124px;
    float: left;
    margin-left: 12px;
    background:  no-repeat center;
    text-align: center;
}
.prosl-box:first-child {
    margin-left: 0;
}
.prosl-main {
    margin-top: 20px;
}
.prosl-bt {
    font-size: 30px;
    color: #de030d;
    padding-top: 24px;
}
.prosl-bt span {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    margin-left: 8px;
    position: relative;
    top: -1px;
}
.prosl-bo {
    font-size: 16px;
    color: #fff;
}
.lan-m .proindex-alg a {
    border: 0;
    width: 282px;
    margin-left: 12px;
    height: 150px;
    background:  no-repeat center;
    position: relative;
}
.lan-m .proindex-alg a:first-child {
    margin-left: 0;
}
.lan-m {
    position: relative;
    top: 16px;
    width: 870px;
}
.lan-m .proindex-alg a span {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
    background:  no-repeat center;
}
.lan-m .proindex-alg .mk2 span {
    background:  no-repeat center;
}
.lan-m .proindex-alg .mk3 span {
    background:  no-repeat center;
}
.proindex-alg a:hover .proindexa-tle {
    color: #2f4580;
}
.fananp-img img {
    width: 240px;
    height: 196px;
    background:rgba(245,245,245,1);
    box-sizing: border-box;
}
.fananp-tit {
    font-size: 18px;
    color: #555;
    text-align: center;
    margin-top: 15px;
}
.fanan-pro {
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}
.rea-pro {
    background: #fff;
    padding: 24px 20px 5px;
    margin-top: 20px;
}
.reapro-box {
    font-size: 16px;
    line-height: 22px;
    color: #868686;
    padding: 16px 0;
    border-top: 1px solid #e5e5e5;
}
.reapro-box:first-child {
    border-top: 0;
}
.reapro-title {
    font-size: 20px;
    line-height: 22px;
    color: #222;
    font-weight: bold;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.reapro-main {
    margin-top: 5px;
}
.reapro-box a:hover {
    color: #2f4580;
}
.rea-proc {
    background: #fff;
    padding: 24px 20px 20px;
    margin-top: 20px;
}
.rea-proc .reapro-title {
    padding-bottom: 10px;
}
.procl-main a {
    display: block;
    width: 240px;
    height: 56px;
    line-height: 56px;
    background: #f5f5f5  no-repeat 211px center;
    text-indent: 20px;
    font-size: 16px;
    color: #333;
    margin-top: 12px;
}
.procl-main a:hover {
    color: #2f4580;
}
.rio .list-item2 img {
    width: 280px;
}
.rio .list-item2 {
    margin-left: 20px;
}
.prolist .list-tit2 {
    font-size: 18px;
    color: #555555;
}
.list-item2:hover .list-tit2 {
    color: #2f4580;
}
.lx-product-list .lx-product:hover {
    background: #2f4580;
    color: #fff;
}
.wsc-bread a:hover {
    color: #2f4580;
}
.foot-infotop a:hover {
    color: #aaa;
}
.jgz-tit {
    font-size: 40px;
    line-height: 60px;
    color: #fff;
    padding-top: 236px;
}
.jgz-tex {
    font-size: 20px;
    line-height: 36px;
    color: #fff;
    margin-top: 20px;
}
.jgz-box {
    width:380px;
    height:136px;
    margin-left: 20px;
    float: left;
    box-sizing: border-box;
    background:rgba(255,255,255,0.16);
    border:6px solid rgba(255,255,255,0.3607843137254902);
    text-align: center;
    line-height: 124px;
    font-size: 20px;
    color: #fff;
}
.jgz-box:first-child {
    margin-left: 0;
}
.jgz-main {
    margin-top: 45px;
}
.jgz-box strong {
    font-size: 36px;
}
.jgz-post {
    margin-top: 45px;
}
.jgz-post a {
    width:221px;
    height:58px;
    background:rgba(222,3,13,1);
    text-align: center;
    line-height: 58px;
    font-size: 16px;
    color: #fff;
    display: block;
}
.jgz-post a:hover {
    background: #b10008;
}
.btn-b-580:hover {
    background: #2f4580;
    color: #fff;
}
.btn-580:hover {
    background: #0f235a;
}
.bs-case {
    background: #fff;
}
.bs-case .case-info {
    background: #f5f5f5;
}
.zx-btn:hover {
    background: #b10008;
}
.searchlist .listsearchbtn:hover {
    background: #b10008;
}
.form-main .btn:hover {
    background: #0f235a;
}
.wscx-wx img {
    position: absolute;
    top: 40px;
    left: -14px;
    z-index: 999;
    display: none;
    width:120px
}
.wscx-wx:hover img {
    display: block;
}
.wscx-wx:hover {
    color: #fff;
    background:  no-repeat 0 center;
}
.cpcass-box:hover .cpcass-bt {
    color: #2f4580;
}
.wsc-tags-detail .list-tit:hover {
    color: #2f4580;
}
.wsc-tags-home .wsc-classcon {
    margin-top: 0;
}
.sitemap a:hover {
    color: #2f4580;
}
.susok {

    background: #f5f5f5;
    padding: 100px 0;
}
.susok-main {
    width: 1000px;
    height: 260px;
    background: #fff  no-repeat 150px 70px;
    margin: auto;
}
.susok-tle {
    font-size: 32px;
    color: #444;
    font-weight: bold;
    line-height: 34px;
    padding-top: 86px;
    padding-left: 210px;
}
.susok-tex {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    padding-left: 210px;
    margin-top: 14px;
    width: 680px;
}
.susok-tex span {
    color: #0068d2;
}
.nofountwrap{padding-top: 60px;padding-bottom: 100px;}
.nofount{width: 1080px;padding: 260px 50px 80px;margin: 0 auto;text-align: center;background: #fff  no-repeat center 100px}
.nftit{font-size: 26px;color: #111}
.nftext{font-size: 14px;color: #555;margin-top: 10px;}

.frilink{
    padding: 20px 0;
    font-size: 14px;
    color: #555;
    border-top: 1px solid #eaeaea;
}
.frilink .item-dt,.frilink .item-dd{display: inline;}
.frilink em{
    font-weight: bold;
    margin-right: 10px;
}
.frilink a{margin-right: 20px;transition: 0.36s;}

.frilink a:hover{color: #0068d2;}
.inmain {
    width: 1360px;
    margin: 0 auto;
}
.jgzcp .list-tit2 {
    color: #fff;
}
.jgzcp .list-item2:hover .list-tit2 {
    color: #fff;
    opacity: 0.9;
}
.cplist .bts2 {
    border: 0;
    background: #fff  no-repeat 43px center;
    font-size: 16px;
    color: #de030d!important;
    text-align: left;
    text-indent: 69px;
}
.cplist .bts2:hover {
    color: #de030d!important;
    background: #fff  no-repeat 43px center!important;
}
.indexpax .desk {
    width: 670px;
    height: 160px;
    background:rgba(0,0,0,0.3);
    position: absolute;
    left: 0;
    bottom: 0;
}
.licenses-list .owl-dots {
    display: none;
}
.licenses-list .owl-prev {
    position: absolute;
    width: 60px;
    height: 60px;
    background:  no-repeat center;
    background-size: cover;
    left: -70px;
    top: 120px;
}
.licenses-list .owl-next {
    position: absolute;
    width: 60px;
    height: 60px;
    background:  no-repeat center;
    background-size: cover;
    right: -70px;
    top: 120px;
}
.licenses-list .owl-next:hover {
    background:  no-repeat center;
    background-size: cover;
}
.licenses-list .owl-prev:hover {
    background:  no-repeat center;
    background-size: cover;
}
.inb1-bg {
    z-index: 5;
}
.inb1-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
}
.rightnav {
    position: fixed;
    right: 0;
    bottom: 120px;
    z-index: 99;
}
.ricls {
    width: 80px;
    height: 80px;
    border-top: 1px solid #e5e5e5;
    background: #fff;
    text-align: center;
    font-size: 12px;
    color: #333;
    line-height: 17px;
    position: relative;
    display: block;
}
.ricls:first-child {
    border: 0;
}
.ricls span {
    display: inline-block;
    padding-top: 52px;
}
.rightnav .mbl1 {
    color: #fff;
    background: #de030d  no-repeat center 12px;
}
.rightnav .mbl2 {
    background: #fff  no-repeat center 12px;
    border-top: 0;
}
.rightnav .mbl3 {
    background: #fff  no-repeat center 12px;
}
.rightnav .mbl4 {
    background: #fff  no-repeat center 12px;
}
.rightnav .mbl2:hover {
    color: #fff;
    background: #de030d  no-repeat center 12px;
}
.rightnav .mbl3:hover {
    color: #fff;
    background: #e02020  no-repeat center 12px;
}
.rightnav .mbl4:hover {
    color: #fff;
    background: #de030d  no-repeat center 12px;
}
.ricls-cont {
    height: 80px;
    line-height: 80px;
    width: 170px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #de030d;
    position: absolute;
    left: -170px;
    top: 0;
    display: none;
}
.rightnav .mbl2:hover .ricls-cont {
    display: block;
}
.ricls-img {
    width: 131px;
    background: #de030d;
    position: absolute;
    left: -131px;
    bottom: 0;
    padding: 12px 0;
    display: none;
}
.ricls-img img {
    width: 107px;
    height: 107px;
}
.rightnav .mbl3:hover .ricls-img {
    display: block;
}
.fanan2 a {
    margin-top: 16px;
    background: #2f4580;
}
.fanan2 a:hover {
    background: #566282;
}
.yls a {
    background: #2f4580;
}
.yls a:hover {
    background: #566282;
}
.indexba .owl-dots {
    text-align: center;
    position: absolute;
    bottom: 70px;
    width: 100%;
}
.indexba .owl-dots button {
    width: 40px;
    height: 4px;
    background:rgba(255,255,255,0.5);
    margin: 0 10px;
}
.indexba .owl-dots .active {
    width: 88px;
    background:rgba(255,255,255,1);
}
.indexba .owl-prev {
    width:51px;
    height:113px;
    background:rgba(255,255,255,0.15)  no-repeat center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 60px;
    margin: auto;
}
.indexba .owl-prev:hover {
    background:rgba(255,255,255,0.3)  no-repeat center;
}
.indexba .owl-next {
    width:51px;
    height:113px;
    background:rgba(255,255,255,0.15)  no-repeat center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 60px;
    margin: auto;
}
.indexba .owl-next:hover {
    background:rgba(255,255,255,0.3)  no-repeat center;
}
.indexba .index-block1 {
    position: relative;
}
.indexba .indexban-but {
    width: 100%;
    position: absolute;
    top: 25%;
    text-align: center;
}
.bgg-1 .indexban-but {
    width: 1360px;
    position: absolute;
    left: 0;
    top: 65%;
    right: 0;
    margin: auto;
    text-align: left;
}

@media screen and (max-width: 1400px) {
    .contxt {
        width: 1180px;
    }
    .indexpro-cls {
        width: 180px;
    }
    .indexpro-img img {
        width: 166px;
    }
    .indexcp-cass {
        width: 620px;
    }
    .indexcp-pto {
        width: 560px;
    }
    .indexcp-pto .list-item2 {
        width: 260px;
    }
    .indexcp-pto .list-img2 {
        width: 260px;
        height: 202px;
    }
    .aboutnum {
        width: 1180px;
    }
    .indexpro-super {
        width: 1180px;
    }
    .indexpro-cont {
        width: 920px;
    }
    .indexcase-info {
        width: 380px;
    }
    .indexcase-intro {
        font-size: 16px;
    }
    .indexcase-img {
        width: 400px;
    }
    .indeca-left {
        width: 700px;
    }
    .indeca-right {
        width: 450px;
    }
    .indeca-box {
        width: 340px;
    }
    .indeca-img {
        width: 340px;
        height: 260px;
    }
    .indexja-img {
        width: 450px;
        height: 260px;
    }
    .indexfw-cls {
        width: 380px;
    }
    .indexfw-tex {
        font-size: 16px;
    }
    .indexfw-ico {
        margin-left: 20px;
    }
    .indexpax {
        width: 580px;
    }
    .indexpax-main {
        width: 580px;
    }
    .indexpax img {
        width: 580px;
    }
    .indexpax .desk {
        width: 580px;
    }
    .indexfex-main {
        width: 350px;
    }
    .indexveo {
        width: 440px;
    }
    .indexveo-img {
        width: 392px;
    }
    .indexveo-img img {
        width: 392px;
    }
    .indexlaj-post a {
        left: 750px;
    }
    .inmain {
        width: 1180px;
    }
    .indexja-tle {
        width: 450px;
    }
    .indeca-tle {
        width: 340px;
    }
    .wsc-index {
        width: 1180px;
    }
    .wsc-nav .container {
        width: 1180px;
    }
    .hn-item {
        padding: 0px 15px;
    }
    .wsc-headnav {
        margin-left: 20px;
    }
    .new-seatch {
        display: none;
    }
    .wsc-headnav {
        float: left;
        margin-left: 100px;
    }
    .hn-search {
        display: block;
    }
  .indexfex-tle {
     width:200px;
  }
}
@media screen and (max-width: 1800px) and (min-width: 1700px) {
    .bgg-1 .indexban-but {
        width:1260px;
    }
}
@media screen and (max-width: 1700px) and (min-width: 1600px) {
    .bgg-1 .indexban-but {
        width:1200px;
    }
}
@media screen and (max-width: 1600px) and (min-width: 1500px) {
    .bgg-1 .indexban-but {
        width:1140px;
    }
}
@media screen and (max-width: 1500px) and (min-width: 1400px) {
    .bgg-1 .indexban-but {
        width:1080px;
    }
}
@media screen and (max-width: 1400px) and (min-width: 1300px) {
    .bgg-1 .indexban-but {
        width:1010px;
    }
}
@media screen and (max-width: 1300px) and (min-width: 1200px) {
    .bgg-1 .indexban-but {
        width:920px;
    }
}
.fn-list li a {
    opacity: 0.5;
}
.fn-list li a:hover {
    opacity: 1;
}
.fn-text a:hover {
   opacity: 0.7;
}
.fixed{
	 position: fixed;
	top: 0;
	z-index: 99;
  width:100%;
}