a:active {
    star: expression(this.onFocus=this.blur());
}

a:focus, button:focus {
    outline: none;
    -moz-outline: none;
}

:focus {
    outline: none;
}
/*Reset Css*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, area, param {
    margin: 0;
    padding: 0;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 微软雅黑\9ED1\4F53,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53,arial;
    -webkit-text-size-adjust: none; /*Google Chrome*/
}

input, button, select, textarea {
    font-family: 微软雅黑\9ED1\4F53,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53,arial,sans-serif;
}

select {
    *behavior: url("/css/select.htc");
}
/*IE6,IE7select*/
ol, ul {
    padding-left: 0;
    list-style: none;
}

img {
    border: none;
    display: inline-block;
    vertical-align: middle;
}

th {
    font-style: normal;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

input {
    display: inline-block;
    vertical-align: middle;
}

fieldset {
    border: none;
}

legend {
    display: none;
}
/*Clear Css*/
.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}

.clearfix:after {
    content: '\20';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearb {
    clear: both;
}

.clearfix {
    display: block;
    zoom: 1;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/*Common Css*/
body {
    font-size: 62.5%;
    min-width: 320px;
    line-height: 1.8;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

.fl {
    float: left;
    _display: inline;
}

.fr {
    float: right;
    _display: inline;
}

::-ms-clear, ::-ms-reveal {
    display: none;
}
/*清除input右侧 X或者眼睛*/
input[type=button], input[type=submit], input[type=reset], select {
    border-radius: 0;
    -webkit-appearance: none;
}
/*清楚苹果默认样式*/
a:focus, a:hover {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/*去除手机端a标签默认色块*/

/*防止文本域拖拽*/
textarea {
    resize: none;
}

/*swiper 左右按钮防止点到链接*/
.swiper-button-disabled {
    pointer-events: visible !important;
}

.table {
    height: 100%;
    display: table;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}
/*一行显示*/
.textrap {
    white-space: nowrap;
}
/*省略号*/
.textover {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.textover2 {
    overflow: hidden;    
}

a, input[type=reset], input[type=submit], input[type=button] {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

img {
    max-width: 100%;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

#dituContent a, #dituContent input[type=reset], #dituContent input[type=submit], #dituContent input[type=button] {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

#dituContent img {
    max-width: 100%;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}


#dituContent img {
    max-width: inherit;
}

.img, .dflzl em, .solulist li em {
    overflow: hidden;
    display: block;
}

    .img img, .dflzl img {
        transition: .8s;
        -webkit-transition: .8s;
        display: block;
    }

    .img:hover img, a .img:hover img, .dflz:hover .dflzl img, .probg li:hover img, .prolistbg li:hover img, .provpic .swiper-slide:hover img, .solulist li:hover img {
        -webkit-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
        -o-transform: scale(1.1,1.1);
        -moz-transform: scale(1.1,1.1);
    }

img, border, select, li, button {
    border: none;
    vertical-align: top;
}

a:hover {
    color: #521F7E !important;
}

.row {
    display: table;
    content: " ";
    clear: both;
    width: 100%;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
    display: block;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-12 {
    width: 100%;
}
/*公共结束*/

.wraping {
    width: 90%;
    margin: 0 auto;
}

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

.container {
    width: 94%;
    margin: 0 auto;
    max-width: 1440px;
}

.head {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    z-index: 9;
}

input.t::-webkit-input-placeholder {
    color: #521F7E;
}

input.t:-moz-placeholder {
    color: #521F7E;
}

input.t::-moz-placeholder {
    color: #521F7E;
}

input.t:-ms-input-placeholder {
    color: #521F7E;
}
/*.logo{width:175px; float:left;position: relative;overflow:hidden;margin-top: 9px;}
.topr{width:calc(100% - 175px); float:left;font-size:1.6em;}
.menu{width:68%;letter-spacing:-6px;}
.menu li.nav{ display:inline-block;letter-spacing:0px; margin-left:3%;position:relative;}
.menu li.nav>a{line-height:70px;}
.menu li.nav>a:hover{color: #CE0F31!important;}
.menu a,.lj a{color:#521F7E;}
.lj a:hover{color: rgba(255,255,255,.5)!important;}
.menu a.m:hover,.menu a.m.cur{ /*background:url(/images/menuline.png) no-repeat 0 bottom;}*/



.logo{width:175px; float:left;position: relative;overflow:hidden;margin-top: 19px;}
.topr{width:calc(100% - 175px); float:left;font-size:1.6em;}
.menu{width:66%;letter-spacing:-6px;}
.menu li.nav{ display:inline-block;letter-spacing:0px; margin-left:3%;position:relative;}
.menu li.nav>a{line-height:70px;}
.menu li.nav>a:hover{color: #CE0F31!important;}
.menu a,.lj a{color:#521F7E;}
.lj a:hover{color: rgba(255,255,255,.5)!important;}
.menu a.m:hover,.menu a.m.cur{ /*background:url(/images/menuline.png) no-repeat 0 bottom;*/}
.navico{float: left; background:#521F7E url(../images/indexdoc_08.png) no-repeat center; width:70px; height:70px; display: none;}
.close{display:none;}
.ssk{width:calc(14% - 1px); border-right:1px solid #a0a4aa;}
.ssk input{ border:none; float:left;}
.ssk input.t{height:70px; line-height:70px; background:none; font-size:16px;color:#521F7E;width:70%;}
.ssk .b{width:30%;height:70px;display:flex;display: -webkit-flex; /*webkit*/}
.ssk .b input{width:16px; height:16px;background:url(/images/sea.png)  no-repeat;vertical-align: middle; margin:auto;cursor: pointer;}
.ssk .b input:hover{background:url(/images/sea.png) no-repeat;}
.len{width:19%; height:70px; padding-left:1%;}
.lj{color:#fff;line-height:70px; display:inline-block;}
.lj a{ padding:0 .5rem;}
.en{position:relative;}
.en a.ent{ line-height:70px; color:#521F7E; margin-left:12px;}
.en a.ent:hover{color: #CE0F31!important;}
.en .li-box li{ font-size:.9em;}
.heads{ box-shadow: 0 5px 5px rgba(0,0,0,0.1);}

.li-box{ position:absolute;width:200%; text-align:center; left:-50%; top:0; z-index:2;filter:alpha(opacity=0); -moz-opacity:0; -webkit-opacity:0; opacity:0;transition:.6s; -webkit-transition:.6s;-o-transition:.6s;-moz-transition:.6s; display:none;}
.li-box a{color:#fff!important;background:#000; display:block;margin-bottom:1px;filter:alpha(opacity=60); -moz-opacity:0.6; -webkit-opacity:0.6; opacity:0.6;}
.li-box li{line-height:40px;width:100%;}
.li-box li:hover a,.li-box li.cur a{filter:alpha(opacity=100); -moz-opacity:1; -webkit-opacity:1; opacity:1; color:#fff!important; background-color:#521F7E;}
.menu li.nav:hover .li-box{top:100%;filter:alpha(opacity=100); -moz-opacity:1; -webkit-opacity:1; opacity:1; display:block;}

.subnav{ position: fixed; top: 70px; left: 0; width: 98%; background: #FFFFFF; padding: 40px 1%; display: none; border-top:1px solid  rgba(250,250,250,0.2)}
.subnav a{float: left;width:14.6666%;margin:0 1%;display: block; text-align: center;}
.subnav .text{padding-top: 20px; color: #333;}


.navico {
    float: left;
    background: #521F7E url(../images/indexdoc_08.png) no-repeat center;
    width: 70px;
    height: 70px;
    display: none;
}

.close {
    display: none;
}

*/
.ssk {
    width: calc(14% - 1px);
    border-right: 1px solid #a0a4aa;
}

.ssk input {
    border: none;
    float: left;
}

    .ssk input.t {
        height: 70px;
        line-height: 70px;
        background: none;
        font-size: 16px;
        color: #521F7E;
        width: 70%;
    }

.ssk .b {
    width: 30%;
    height: 70px;
    display: flex;
    display: -webkit-flex; /*webkit*/
}

    .ssk .b input {
        width: 16px;
        height: 16px;
        background: url(/images/sea.png) no-repeat;
        vertical-align: middle;
        margin: auto;
        cursor: pointer;
    }

        .ssk .b input:hover {
            background: url(/images/sea.png) no-repeat;
        }

.len {
    width: 19%;
    height: 70px;
    padding-left: 1%;
}

.lj {
    color: #fff;
    line-height: 70px;
    display: inline-block;
}

    .lj a {
        padding: 0 .5rem;
    }

.en {
    position: relative;
}

    .en a.ent {
        line-height: 70px;
        color: #521F7E;
        margin-left: 12px;
    }

        .en a.ent:hover {
            color: #CE0F31 !important;
        }

    .en .li-box li {
        font-size: .9em;
    }

.heads {
    box-shadow: 0 5px 5px rgba(0,0,0,0.1);
}

.li-box {
    position: absolute;
    width: 200%;
    text-align: center;
    left: -50%;
    top: 0;
    z-index: 2;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    transition: .6s;
    -webkit-transition: .6s;
    -o-transition: .6s;
    -moz-transition: .6s;
    display: none;
}

    .li-box a {
        color: #fff !important;
        background: #000;
        display: block;
        margin-bottom: 1px;
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        -webkit-opacity: 0.6;
        opacity: 0.6;
    }

    .li-box li {
        line-height: 40px;
        width: 100%;
    }

        .li-box li:hover a, .li-box li.cur a {
            filter: alpha(opacity=100);
            -moz-opacity: 1;
            -webkit-opacity: 1;
            opacity: 1;
            color: #fff !important;
            background-color: #521F7E;
        }
/*.menu li.nav:hover .li-box{top:100%;filter:alpha(opacity=100); -moz-opacity:1; -webkit-opacity:1; opacity:1; display:block;}

.subnav{ position: fixed; top: 70px; left: 0; width: 98%; background: #FFFFFF; padding: 40px 1%; display: none; border-top:1px solid  rgba(250,250,250,0.2)}
.subnav a{float: left;width:14.6666%;margin:0 1%;display: block; text-align: center;}
.subnav .text{padding-top: 20px; color: #333;}*/

/*top*/

@media screen and (max-width:1500px) {
    .lj a {
        padding: 0;
    }
}

@media screen and (max-width:1300px) {
    .topr {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #1e1e1e;
        width: 100%;
        height: calc( 100% - 40px);
        display: none;
        z-index: 1000 !important;
        margin: 0;
        padding-top: 40px;
        text-align: left;
    }

    .menu {
        width: 100%;
        margin-bottom: 10px;
    }

        .menu li {
            width: 94%;
            border-bottom: 1px solid #fff;
            color: #fff !important;
            font-size: 15px;
            display: block;
        }

            .menu li a {
                color: #fff;
                padding: 0;
                line-height: 40px !important;
            }

    .close {
        display: block;
        position: absolute;
        right: 3%;
        top: 10px;
        height: 30px;
        width: 30px;
        font-size: 0;
        background: url(/images/close.png) no-repeat center;
        cursor: pointer;
    }

    .navico {
        display: inline-block;
        cursor: pointer;
        float: right;
        vertical-align: middle;
        margin: auto 0 auto auto;
    }

    .top {
        display: flex;
        display: -webkit-flex; /*webkit*/
    }

    .ssk {
        width: 47%;
        border: none;
        margin-left: 3%;
    }

    .len {
        width: 47%;
        height: auto;
        padding-left: 0;
        margin-left: 3%;
        height: 40px;
    }

    .ssk input.t, .ssk .b, .lj, .en, .en a.ent {
        height: 45px;
        line-height: 45px;
    }

        .en a.ent, .subnav a .img {
            0display: none;
        }

        .en .li-box {
            display: block;
            opacity: 1;
            display: inline-block;
        }

            .en .li-box li {
                width: auto;
                display: inline-block;
                padding-left: 20px;
            }

                .en .li-box a, .en .li-box a:hover, .en .li-box li:hover a {
                    background: none;
                    opacity: 1;
                }


    .li-box, .subnav {
        position: static;
        width: 100%;
    }

        .li-box li, .subnav a {
            width: 100%;
            border-bottom: none;
            margin-bottom: 1px;
        }

    .menu ul li.nav .li-box {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        display: block;
    }

    .subnav {
        padding: 5px 0;
    }

        .subnav a {
            border-bottom: 1px solid rgba(250,250,250,0.2);
            float: none;
            margin: 0;
        }

        .subnav .text {
            padding-top: 0px;
        }
}

@media screen and (max-width:640px) {
    .ssk, .len {
        width: 94%;
    }
    .lj{0display:none;}
}

.dbox .tu, .dong, .dong3 {
    position: relative;
    left: 0;
    top: -500px;
    opacity: 0;
    transition: all 1.5s;
    -moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    *top: 0;
}

.dcur .tu, .active .dong {
    opacity: 1;
    left: 0;
    top: 0;
}
/*top-500*/
.dbox .tu1, .dong1, .dong4 {
    position: relative;
    left: -300%;
    top: 0;
    opacity: 0;
    transition: all 1.5s;
    -moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    *left: 0;
}

.dcur .tu1, .active .dong1 {
    opacity: 1;
    left: 0;
    top: 0;
}
/*left-300*/
.dbox .tu2, .dong2, .dong5 {
    position: relative;
    transform: scale(0.5, 0.5);
    opacity: 0;
    transition: all 1.5s;
    -moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    -moz-transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
}

.dcur .tu2, .active .dong2 {
    opacity: 1;
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
}
/*缩放*/
.dbox .tu3 {
    position: relative;
    left: 0;
    bottom: -200px;
    opacity: 0;
    transition: all 1.5s;
    -moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transform: scale(0.5, 0.5);
    ;
    -moz-transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    *bottom: 0;
}

.dcur .tu3 {
    opacity: 1;
    left: 0;
    bottom: 0;
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
}

.dong6, .dong7 {
    left: 0;
    bottom: -200px;
    opacity: 0;
    transition: all 1.5s;
    -moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    *bottom: 0;
}

.os-active .dong6 {
    opacity: 1;
    left: 0;
    bottom: 0;
}
/*bottom-200缩放*/
.dbox .tu6 {
    position: relative;
    left: 0;
    bottom: -100px;
    opacity: 0;
    transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    *bottom: 0;
}

.dcur .tu6 {
    opacity: 1;
    left: 0;
    bottom: 0;
}
/*bottom-100*/
@-webkit-keyframes dh8 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-moz-keyframes dh8 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-ms-keyframes dh8 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-o-keyframes dh8 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes dh8 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/*旋转*/
.dbox .tu4, .dong8, .dong9 {
    position: relative;
    width: 0;
    opacity: 0;
    transition: all 1.5s;
    -moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
}

.dcur .tu4, .active .dong9 {
    opacity: 1;
    width: 100%;
}
/*width*/
.dbox .tu5, .dong10, .dong11 {
    position: relative;
    right: -300%;
    top: 0;
    opacity: 0;
    transition: all 1.5s;
    -moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    *left: 0;
}

.dcur .tu5, .active .dong10 {
    opacity: 1;
    right: 0;
    top: 0;
}
/*right-300*/
.dcur .a, .b {
    transition-delay: .3s;
    -moz-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
}

.dcur .a1, .b1 {
    transition-delay: .5s;
    -moz-transition-delay: .5s;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
}

.dcur .a2, .b2 {
    transition-delay: .7s;
    -moz-transition-delay: .7s;
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
}

.dcur .a3, .b3 {
    transition-delay: .9s;
    -moz-transition-delay: .9s;
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
}

.dcur .a4, .b4 {
    transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
}

.dcur .a5, .b5 {
    transition-delay: 1.3s;
    -moz-transition-delay: 1.3s;
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
}

.dcur .a6, .b6 {
    transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
}

.dcur .a7, .b7 {
    transition-delay: 1.7s;
    -moz-transition-delay: 1.7s;
    -webkit-transition-delay: 1.7s;
    -o-transition-delay: 1.7s;
}

.dcur .a8, .b8 {
    transition-delay: 1.9s;
    -moz-transition-delay: 1.9s;
    -webkit-transition-delay: 1.9s;
    -o-transition-delay: 1.9s;
}

.dcur .a9, .b9 {
    transition-delay: 2.1s;
    -moz-transition-delay: 2.1s;
    -webkit-transition-delay: 2.1s;
    -o-transition-delay: 2.1s;
}

.dcur .a10, .b10 {
    transition-delay: 2.3s;
    -moz-transition-delay: 2.3s;
    -webkit-transition-delay: 2.3s;
    -o-transition-delay: 2.3s;
}

.dcur .a11, .b11 {
    transition-delay: 2.5s;
    -moz-transition-delay: 2.5s;
    -webkit-transition-delay: 2.5s;
    -o-transition-delay: 2.5s;
}
/*动画结束*/

.bglx a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

    .bglx a:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #860077;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

.bglx:hover a, .bglx:focus a, .bglx:active a {
    color: white !important;
}

    .bglx:hover a:before, .bglx:focus a:before, .bglx:active a:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
/*bglx bg左到右*/
.bgls, .bgls a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .bgls:before, .bgls a:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #521F7E;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .bgls:hover, .bgls:focus, .bgls:active, .bgls:hover a, .bgls:focus a, .bgls:active a {
        color: white !important;
    }

        .bgls:hover:before, .bgls:focus:before, .bgls:active:before, .bgls:hover a:before, .bgls:focus a:before, .bgls:active a:before {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
/*bgls bg内到外*/
.hvr, .lc a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 50%;
        right: 50%;
        bottom: 0;
        background: #860077;
        height: 1px;
        -webkit-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr:hover:before, .hvr:focus:before, .hvr:active:before {
        left: 0;
        right: 0;
    }
/*hvr 下划线内到外*/
.hfl {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hfl:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 100%;
        bottom: 0;
        background: #d00412;
        height: 1px;
        -webkit-transition-property: right;
        transition-property: right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hfl:hover:before, .hfl:focus:before, .hfl:active:before {
        right: 0;
    }
/*hvr 下划线从左到右*/
.bglr {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .bglr:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #d00412;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .bglr:hover:before, .bglr:focus:before, .bglr:active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }
/*bglr bg从左到右颤抖*/

.sch {
    padding: 1.5% 0 3% 0;
    font-size: 1.4em;
}

.jg {
    margin-bottom: 1%;
    font-size: 1.2em;
}

.jgmt {
    border-bottom: 1px solid #ccc;
    padding: 1% 0;
}

.sch .im {
    color: #521F7E;
}

.jgmm {
    margin: .5% auto;
}

.sch a {
    color: #333;
}

.dh {
    width: 100%;
    height: 100%;
}

    .dh ul {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
        margin: 0;
    }

        .dh ul li {
            float: left;
            width: 12.5%;
            overflow: hidden;
            height: 100%;
            position: relative;
        }

            .dh ul li.curr {
                width: 62.5%;
            }

.sfqImg img {
    display: block;
    height: 100%; /*min-width: 100%;*/
    width: auto;
    max-width: none;
}

.sfqImg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 3;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.sfqCon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 4;
    color: #fff;
    text-align: center;
    width: 90%;
}

    .sfqCon h3 {
        font-size: 3.6em;
        font-weight: normal;
    }

    .sfqCon .hrG {
        display: block;
        width: 60px;
        height: 1px;
        background: #fff;
        border: 0;
        margin: 5px auto 0;
        padding: 0;
        display: none;
    }

    .sfqCon p {
        font-size: 1.8em;
        display: none;
        margin-top: 20px;
    }

.dh ul li.curr .sfqCon p {
    display: block;
    position: relative;
}

.dh ul li.curr h3 {
    font-size: 4.2em;
}

.yccpyyNr {
    background: url(/images/bgyingyong.jpg) no-repeat center center;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.yccpyyNrList {
    width: 80%;
    margin: 0 auto;
    position: absolute;
    bottom: 35%;
    left: 10%;
}

    .yccpyyNrList li {
        float: left;
        width: 25%;
        text-align: center;
    }

        .yccpyyNrList li a {
            color: #FFFFFF;
        }

.yccpyyNrList01 {
    overflow: hidden;
}

    .yccpyyNrList01 img {
        width: 100%;
        transition: all linear .3s;
        -webkit-transition: all linear .3s;
        -moz-transition: all linear .3s;
        -ms-transition: all linear .3s;
        -o-transition: all linear .3s;
    }

.yccpyyNrList li:hover img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15)
}

.yccpyyNrList02 {
    font-size: 2em;
    margin-top: 5%;
}

.ycMore {
    display: inline-block;
    width: 120px;
    height: 36px;
    background: #521F7E;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 36px;
    font-size: 1.6em;
    color: #fff;
}

a.ycMore {
    color: #fff;
}

    a.ycMore:hover {
        color: #FFFFFF !important;
        background: #521F7E;
    }

.ycMoreNr {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20%;
}

.ycFwNr {
    position: relative;
    width: 100%;
    height: 100%;
}

.swiper-container.ycFwNrBjAll {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1;
}

.ycFwNrBjAll .swiper-slide {
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.ycFwNrList {
    position: absolute;
    bottom: 53%;
    left: 10%;
    width: 80%;
    text-align: center;
    z-index: 2;
}

    .ycFwNrList li {
        width: 180px;
        height: 200px;
        background: url(/images/fuwu_n.png) no-repeat;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -ms-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
        text-align: center;
        position: relative;
        display: inline-block;
        margin: 34.5px 10px 0;
        overflow: hidden;
        transition: all linear .3s;
        -webkit-transition: all linear .3s;
        -moz-transition: all linear .3s;
        -ms-transition: all linear .3s;
        -o-transition: all linear .3s;
    }

        .ycFwNrList li a {
            color: #fff !important;
        }

        .ycFwNrList li h3 {
            font-weight: normal;
            font-size: 2em;
        }

.ycFwNrListhr {
    width: 60px;
    height: 1px;
    background: #FFFFFF;
    margin: 4% auto 0;
    display: none;
}

.ycFwNrListCon {
    font-size: 1.4em;
    margin-top: 5%;
    display: none;
}

.ycFwNrPos {
    width: 86%;
    position: absolute;
    top: 50%;
    left: 7%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ycFwNrList li.active {
    width: 200px;
    height: 240px;
    background: url(/images/fuwu_h.png) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    margin-top: 0;
}

    .ycFwNrList li.active .ycFwNrListhr {
        display: block;
    }

    .ycFwNrList li.active .ycFwNrListCon {
        display: block;
    }

#ycFwNrListwap {
    position: absolute;
    bottom: 18%;
    width: 100%;
    left: 0;
    display: none;
}

    #ycFwNrListwap .swiper-slide {
        width: 260px;
        height: 301px;
        background: url(/images/fuwu_n.png) no-repeat;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -ms-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
        text-align: center;
        position: relative;
        color: #fff;
    }

        #ycFwNrListwap .swiper-slide.swiper-slide-active {
            background: url(/images/fuwu_h.png) no-repeat;
            -webkit-background-size: 100% 100%;
            -moz-background-size: 100% 100%;
            -ms-background-size: 100% 100%;
            -o-background-size: 100% 100%;
        }

        #ycFwNrListwap .swiper-slide a {
            color: #fff;
        }

        #ycFwNrListwap .swiper-slide h3 {
            font-weight: normal;
            font-size: 1.8em;
        }

.hrForm01 {
    font-size: 30px;
    margin-top: 4%;
}

.hrForm02 {
    font-size: 14px;
    margin-top: .5%;
}

.hrFormCon {
    width: 96%;
    max-width: 600px;
    margin: 0 auto;
    font-size: 14px;
    margin-top: 2.5%;
}

.hrFormConInp {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    background-color: #ffffff;
    border: solid 1px #e5e5e5;
    width: 100%;
    padding: 0 20px;
    margin-top: 10px;
}

.hrFormConArea {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 127px;
    background-color: #ffffff;
    border: solid 1px #e5e5e5;
    width: 100%;
    padding: 10px 20px;
    margin-top: 10px;
}

.hrFormConBut {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    background-color: #521F7E;
    border: none;
    line-height: 40px;
    text-align: center;
    width: 100%;
    margin-top: 7.5%;
    margin-bottom: 13%;
    color: #fff;
}

.hrFormConSel {
    display: block;
    width: 49%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    background-color: #ffffff;
    border: solid 1px #e5e5e5;
    padding: 0 20px;
    background: transparent;
    -webkit-appearance: none;
    background: url(/images/062804.png) no-repeat right 20px center;
}

@media screen and (max-width:768px) {
    .hrForm01 {
        font-size: 20px;
    }
}

.nvtm.container {
    max-width: 960px;
}

.newsview.container {
    max-width: 960px;
}

.neclmore.container {
    max-width: 960px;
}

    .newsview.container img, .neclmore.container img {
        max-width: 100%;
        height: auto !important;
    }

.upLoadCon {
    width: 95%;
    max-width: 500px;
    background: #fff;
    padding: 1% 2% 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
    display: none;
}

.upLoadConMk {
    font-size: 16px;
    min-height: 35px;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 71px;
    line-height: 35px;
    margin-top: 16px;
}

    .upLoadConMk label {
        display: block;
        line-height: 35px;
        position: absolute;
        top: 0;
        left: 0;
    }

.upLoadConMkInp {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 35px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 0 10px
}

.upLoadConMkFile {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 35px;
    opacity: 0;
}

.upLoadConMkR {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 35px;
    overflow: hidden;
    background: #521F7E;
    text-align: center;
    color: #fff;
}

.upLoadConMkCode {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 35px;
    overflow: hidden;
    background: #fff;
    text-align: center;
}

    .upLoadConMkCode img {
        display: block;
        width: 100%;
        height: 100%;
    }

.upLoadConBot {
}

.upLoadConBotIco {
    display: inline-block;
    width: 100px;
    height: 35px;
    overflow: hidden;
    background: #521F7E;
    text-align: center;
    color: #fff;
    border: none;
    font-size: 16px;
    margin-top: 30px;
}

.upLoadCon1 {
    width: 95%;
    max-width: 500px;
    background: #fff;
    padding: 1% 2% 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
    display: none;
}


/*-- 20210913 --*/
.home_banner {
    width: 100%;
    height: 100%;
}

    .home_banner .swiper-pagination-bullet {
        background: #521F7E;
    }

    .home_banner .sfqCon p {
        display: block;
    }

.popWindow {
    display: none;
    background: rgba(0,0,0,0.5);
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

    .popWindow .videoBox {
        position: absolute;
        box-sizing: border-box;
        width: 1000px;
        margin: 0 auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

        .popWindow .videoBox video {
            width: 100%;
        }

    .popWindow .closeBtn {
        position: absolute;
        right: 0;
        top: -40px;
    }

        .popWindow .closeBtn a {
            display: block;
            width: 40px;
            height: 40px;
            line-height: 35px;
            text-align: center;
            font-size: 40px;
            background: rgba(255,255,255,0.5);
            color: #fff;
        }

            .popWindow .closeBtn a:hover {
                color: #fff;
                background: #CE0F31;
            }

.responsiveVideoBox {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: 30px;
}

    .responsiveVideoBox video {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

.proview .videoBtn {
    font-size: 14px;
}

.aconr, .provl {
    position: relative;
}

    .aconr .play, .provl .play {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

.hiden {
    display: none;
}

@media (max-width:1200px) {
    .popWindow .videoBox {
        width: 95%;
    }
}


/*---------- 20211018 START ----------------*/

.head_2021_wap {
    display: none;
}


.head_2021_pc {
    position: fixed;
    width: 100%;
    z-index: 999;
}

    .head_2021_pc .logo {
        background: #fff;
        box-sizing: border-box;
        padding: 20px 0;
    }

        .head_2021_pc .logo img {
            height: 40px;
        }

    .head_2021_pc .top_nav {
        background: #521F7E;
        height: 80px;
    }

    .head_2021_pc .top_nav2 {
        display: flex;
        justify-content: space-between;
        height: 100%;
    }

    .head_2021_pc .nav_bar {
        display: flex;
        height: 100%;
        width: 710px;
    }

    .head_2021_pc .search_box {
        width: 340px;
        display: flex;
        justify-content: flex-end;
    }

    .head_2021_pc .nav_bar li {
        position: relative;
        height: 100%;
    }

        .head_2021_pc .nav_bar li.on {
            background: rgba(169,67,189,0.7);
        }

    .head_2021_pc .nav_bar .t1 {
        display: flex;
        height: 100%;
        align-items: center;
        color: #fff;
        font-size: 18px;
        padding: 0 15px;
    }

        .head_2021_pc .nav_bar .t1:hover {
            color: #F8EAF7 !important;
        }

    .head_2021_pc .nav_bar .subs {
        display: none;
    }

    .head_2021_pc .nav_bar li.on .subs {
        position: absolute;
        z-index: 999;
        display: block;
        padding: 0 15px;
        background: rgba(169,67,189,0.7);
        width: 120px;
    }

    .head_2021_pc .nav_bar .subs a {
        display: block;
        color: #fff;
        font-size: 16px;
        line-height: 3em;
        text-align: center;
        border-bottom: 1px solid rgba(255,255,255,0.5);
    }

        .head_2021_pc .nav_bar .subs a:last-child {
            border: none;
        }

        .head_2021_pc .nav_bar .subs a:hover {
            color: #F8EAF7 !important;
        }

    .head_2021_pc .search_box .navi2 {
        display: flex;
        height: 100%;
    }

        .head_2021_pc .search_box .navi2 li {
            height: 100%;
            padding: 0 10px;
        }

        .head_2021_pc .search_box .navi2 a {
            display: flex;
            height: 100%;
            align-items: center;
            color: #fff;
            font-size: 18px;
            padding: 0 15px;
        }

            .head_2021_pc .search_box .navi2 a:hover {
                color: #F8EAF7 !important;
            }

        .head_2021_pc .search_box .navi2 .cart {
            padding-left: 30px;
            background: url("/images/cart.png") no-repeat left center;
            background-size: 25px;
        }

    .head_2021_pc .search_box .search {
        display: flex;
        background: #7E2F88;
    }

    .head_2021_pc .search_box .btn_click {
        cursor: pointer;
        width: 80px;
        height: 80px;
        background: url("/images/search.png") no-repeat left center;
        background-size: 40px;
        background-position: center;
    }

    .head_2021_pc .search_box .in {
        display: flex;
        align-items: center;
    }

        .head_2021_pc .search_box .in input {
            width: 120px;
            height: 40px;
        }

.search_box2 {
    box-sizing: border-box;
    width: 80%;
    max-width: 640px;
    margin: 30px auto;
    position: relative;
}

    .search_box2 input {
        box-sizing: border-box;
        width: 100%;
        height: 50px;
        padding: 6px 10px;
        padding-right: 70px;
        border-radius: 10px;
        border: 1px solid #521F7E;
    }

    .search_box2 .btn_search {
        width: 50px;
        height: 50px;
        background: url(/images/search2.png) no-repeat;
        background-position: center;
        background-size: 40px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
    }

@media (max-width:1200px) {
    .top_blank {
        height: 70px;
    }


    .head_2021_pc {
        display: none;
    }

    .head_2021_wap {
        display: block;
        position: fixed;
        z-index: 999;
        width: 100%;
    }

        .head_2021_wap .logo {
            display: flex;
            align-items: center;
            background: #fff;
            height: 70px;
        }

        .head_2021_wap .logoBox {
            padding-left: 10px;
        }

        .head_2021_wap .logo img {
            height: 30px;
        }



    .head_2021_wap .menus {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(159,37,181,1);
    }

    .head_2021_wap .navlist {
        padding: 0 15px;
        padding-top: 50px;
    }

        .head_2021_wap .navlist li {
            border-bottom: 1px dotted #fff;
        }

        .head_2021_wap .navlist a {
            color: #fff;
            display: block;
            line-height: 3;
            font-size: 14px;
            text-align: center;
        }

    .head_2021_wap .search_box {
        padding: 0 15px;
        display: flex;
        margin-top: 30px;
        justify-content: center;
    }

    .head_2021_wap .navi2 {
        display: flex;
    }

        .head_2021_wap .navi2 li {
            padding-right: 10px;
        }

    .head_2021_wap .btn_click {
        width: 20px;
        height: 20px;
        background: url("/images/search.png") no-repeat left center;
        background-size: 16px;
        cursor: pointer;
    }

    .head_2021_wap .navi2 a {
        color: #fff;
    }
}
/*---------- 20211018 END ----------------*/

@media (max-width:1024px) {
    .home_banner{display:none;}
    .head{height:50px;}
    .navico{width:50px;height:50px;position:absolute;right:5%;top:50%;transform:translateY(-50%);}
    .top_blank{height:50px;}
    .logo{margin-top:10px;}
    .topr{background:#fff;top:50px;display: none;}
    .topr.on{display:block;}
    .menu li.nav{text-align: center;border-bottom:1px solid #521F7E;}
    .menu li a{color:#521F7E;}
    .aconr .play, .provl .play{top:50%;}
}
<!--0.00011897087097168-->