@charset 'utf-8';
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 26, 2017 */

/*=====================*/
/** Generated by FG **/
@font-face {
    font-family: 'Conv_iskpotab';
    src: url('../fonts/iskpotab.eot');
    src: local('☺'), url('../fonts/iskpotab.woff') format('woff'), url('../fonts/iskpotab.ttf') format('truetype'), url('../fonts/iskpotab.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*========================*/
@font-face {
    font-family: 'ab';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/ariblk-webfont.eot');
    src: url('../fonts/ariblk-webfont.eot') format('embedded-opentype'),
        url('../fonts/ariblk-webfont.woff2') format('woff2'),
        url('../fonts/ariblk-webfont.woff') format('woff'),
        url('../fonts/ariblk-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'iconfont';

    src: url('../fonts/iconfont.eot');
    /* IE9*/
    src: url('../fonts/iconfont.eot') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/iconfont.woff') format('woff'),
        /* chrome, firefox */
        url('../fonts/iconfont.ttf') format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
        url('../fonts/iconfont.svg') format('svg');
    /* iOS 4.1- */
}


.iconfont {
    font-family: 'iconfont' !important;
    font-size: 16px;
    font-style: normal;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-arrow:before {
    content: '\e635';
}

.icon-dianhua:before {
    content: '\e602';
}


.icon-zuoyoujiantou:before {
    content: '\e60a';
}


.icon-dingwei:before {
    content: '\e718';
}

.icon-sjiantouyou:before {
    content: '\e643';
}

.icon-shuangjiantouzuo:before {
    content: '\e719';
}

.icon-zuoyoujiantou2:before {
    content: '\e71a';
}

/* .icon-shuangjiantouzuo:before {
    content: '\e719';
}

.icon-zuoyoujiantou2:before {
    content: '\e71a';
} */


.icon-zuoyoujiantou:before {
    content: '\e719';

}

.icon-shuangjiantouzuo:before {
    content: '\e60a';
}

.icon-zuoyoujiantou2:before {
    content: '\e643';
}

.icon-sjiantouyou:before {
    content: '\e71a';
}

a {
    color: #333;
}

.header {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;

    width: 100%;
    height: 70px;
    padding-right: 50px;
    padding-left: 50px;

    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;

    border-bottom: 1px solid rgba(255, 255, 255, .4);
}

.header.act {
    border-bottom: none;
    background: rgba(0, 0, 0, 0.4);
}

.header .logo,
.header .fr {
    line-height: 70px;

    height: 100%;
}

/*.header .logo img
{
    width: 115px;
}*/
.header button,
.header .lang {
    display: inline-block;

    vertical-align: middle;
}

.header a,
.footer a {
    color: #999;
}

.header span {
    color: #fff;
}

.header a.act,
.header a:hover,
.footer a:hover {
    color: #fff;
}

.header .fr>button {
    position: relative;

    width: 18px;
    height: 14px;
    margin-right: 18px;
}

.header button span {
    position: absolute;
    left: 0;

    width: 18px;
    height: 1px;

    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    background: #fff;
}

.header button span::after,
.header button span::before {
    position: absolute;
    left: 0;

    width: 18px;
    height: 1px;

    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;

    background: #fff;
}

.header button span::after {
    top: -6px;
}

.header button span::before {
    top: 6px;
}

.header button:hover span {
    width: 10px;
}

.header button:hover span::after {
    width: 14px;
}

.mainnav {
    position: fixed;
    top: 0;
    left: 0;

    visibility: hidden;

    width: 100vw;
    height: 100vh;
    padding-top: 60px;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;

    opacity: 0;
    background: rgba(0, 0, 0, .75);
}

.mainnav.act {
    visibility: visible;

    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);

    opacity: 1;
}

.mainnav button {
    position: absolute;
    top: 100px;
    right: 10%;

    cursor: pointer;

    opacity: .6;
}

.mainnav button:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);

    opacity: 1;
}

.mainnav ul {
    position: absolute;
    top: 50%;

    width: 100%;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mainnav li,
.mainnav li a {
    font-size: 18px;
    line-height: 60px;

    display: block;

    height: 60px;

    color: #fff;
}

.mainnav li:hover a {
    color: #000;
    background: #fff;
}

.index {
    position: relative;

    overflow: hidden;

    width: 100vw;
    height: 100vh;
}

.index .bg.done {
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-animation-name: bgbig;
    animation-name: bgbig;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes bgbig {
    from {
        -webkit-transform: scale(1) translate(-50%, -50%);
        -moz-transform: scale(1) translate(-50%, -50%);
        -ms-transform: scale(1) translate(-50%, -50%);
        -o-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%);
    }

    to {
        -webkit-transform: scale(1.45) translate(-50%, -50%);
        -moz-transform: scale(1.45) translate(-50%, -50%);
        -ms-transform: scale(1.45) translate(-50%, -50%);
        -o-transform: scale(1.45) translate(-50%, -50%);
        transform: scale(1.45) translate(-50%, -50%);
    }
}

@-webkit-keyframes bgbig {
    from {
        -webkit-transform: scale(1) translate(-50%, -50%);
        -moz-transform: scale(1) translate(-50%, -50%);
        -ms-transform: scale(1) translate(-50%, -50%);
        -o-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%);
    }

    to {
        -webkit-transform: scale(1.4) translate(-50%, -50%);
        -moz-transform: scale(1.4) translate(-50%, -50%);
        -ms-transform: scale(1.4) translate(-50%, -50%);
        -o-transform: scale(1.4) translate(-50%, -50%);
        transform: scale(1.4) translate(-50%, -50%);
    }
}

.index video {
    display: none;

    width: 100%;
    height: 100%;
}

.index .obj {
    position: relative;
    z-index: 30;
    top: 45%;
    left: 50%;

    width: 550px;
    height: 550px;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.index svg,
.index .plus {
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.index .plus {
    left: 49.7%;
}

.titleg.done h1,
.titleg.done h2 {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);

    opacity: 1;
}

.titleg {
    font-family: '宋体';

    position: absolute;
    /*bottom: 87px;*/
    top: 50%;
    left: 50%;

    width: 609px;

    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    letter-spacing: 1px;

    color: #fff;
    /* width: 760px;*/

}

.titlegs {
    font-family: 'Arial';

    position: absolute;
    bottom: 145px;
    left: 50%;
    font-size: 25px;


    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    letter-spacing: 1px;

    color: #fff;
}

.he_jsuo span {
    margin-left: 70px !important;
}

@media screen and (max-width: 600px) {
    .titlegs {
        position: absolute;
        left: 33%;
        top: 75%;
        margin-left: 17%;
    }
}

.titleg h1,
.titleg h2 {
    font-family: '宋体';

    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);

    opacity: 0;
}

.titleg h1 {
    font-size: 42px;

    -webkit-transition: all .5s ease-out .3s;
    -moz-transition: all .5s ease-out .3s;
    -ms-transition: all .5s ease-out .3s;
    -o-transition: all .5s ease-out .3s;
    transition: all .5s ease-out .3s;
    text-align: center;
}

.titleg h2 {
    font-family: 'Arial', 'Iskoola Pota';
    font-size: 28px;

    margin-top: 20px;

    -webkit-transition: all .5s ease-out 1s;
    -moz-transition: all .5s ease-out 1s;
    -ms-transition: all .5s ease-out 1s;
    -o-transition: all .5s ease-out 1s;
    transition: all .5s ease-out 1s;
    text-transform: uppercase;
}

.obj img {
    z-index: 5;

    display: block;

    max-width: 100%;
}

.obj .square {
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.obj .bgear {
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.obj .sgear {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation-name: rotate3;
    animation-name: rotate3;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate3 {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes rotate3 {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes rotate2 {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        -o-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
        -moz-transform: translate(-50%, -50%) rotate(-360deg);
        -ms-transform: translate(-50%, -50%) rotate(-360deg);
        -o-transform: translate(-50%, -50%) rotate(-360deg);
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

@-webkit-keyframes rotate2 {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        -o-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
        -moz-transform: translate(-50%, -50%) rotate(-360deg);
        -ms-transform: translate(-50%, -50%) rotate(-360deg);
        -o-transform: translate(-50%, -50%) rotate(-360deg);
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

.footer {
    font-family: '微软雅黑';

    /* position: fixed;
    bottom: 28px;
    left: 50%;*/

    width: 100%;

    /*-webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;*/
    letter-spacing: .5px;
}

#p1.done,
#p2.done,
#p3.done,
#p4.done,
#p5.done,
#p6.done,
#p7.done,
#p8.done,
#p9.done,
#p10.done {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#p1.done {
    -webkit-animation-name: changecolor1;
    animation-name: changecolor1;
}

#p2.done {
    -webkit-animation-name: changecolor2;
    animation-name: changecolor2;
}

#p3.done {
    -webkit-animation-name: changecolor3;
    animation-name: changecolor3;
}

#p4.done {
    -webkit-animation-name: changecolor4;
    animation-name: changecolor4;
}

#p5.done {
    -webkit-animation-name: changecolor5;
    animation-name: changecolor5;
}

#p6.done {
    -webkit-animation-name: changecolor6;
    animation-name: changecolor6;
}

#p7.done {
    -webkit-animation-name: changecolor7;
    animation-name: changecolor7;
}

#p8.done {
    -webkit-animation-name: changecolor8;
    animation-name: changecolor8;
}

#p9.done {
    -webkit-animation-name: changecolor9;
    animation-name: changecolor9;
}

#p10.done {
    -webkit-animation-name: changecolor10;
    animation-name: changecolor10;
}

@keyframes changecolor1 {
    from {
        fill: transparent;
    }

    to {
        fill: #BBB3AC;
        stroke: transparent;
    }
}

@-webkit-keyframes changecolor1 {
    from {
        fill: transparent;
    }

    to {
        fill: #BBB3AC;
        stroke: transparent;
    }
}

@keyframes changecolor2 {
    from {
        fill: transparent;
    }

    to {
        fill: #59686F;
        stroke: transparent;
    }
}

@-webkit-keyframes changecolor2 {
    from {
        fill: transparent;
    }

    to {
        fill: #59686F;
        stroke: transparent;
    }
}

@keyframes changecolor3 {
    from {
        fill: transparent;
    }

    to {
        fill: #1B2C43;
        stroke: transparent;
    }
}

@-webkit-keyframes changecolor3 {
    from {
        fill: transparent;
    }

    to {
        fill: #1B2C43;
        stroke: transparent;
    }
}

@keyframes changecolor4 {
    from {
        fill: transparent;
    }

    to {
        fill: #eee1ce;
        stroke: transparent;
    }
}

@-webkit-keyframes changecolor4 {
    from {
        fill: transparent;
    }

    to {
        fill: #eee1ce;
        stroke: transparent;
    }
}

@keyframes changecolor5 {
    from {
        fill: transparent;
    }

    to {
        fill: #1B2C43;
        stroke: transparent;
    }
}

@-webkit-keyframes changecolor5 {
    from {
        fill: transparent;
    }

    to {
        fill: #1B2C43;
        stroke: transparent;
    }
}

@keyframes changecolor6 {
    from {
        fill: transparent;
    }

    to {
        fill: #1B2C43;
        stroke: transparent;
    }
}

@-webkit-keyframes changecolor6 {
    from {
        fill: transparent;
    }

    to {
        fill: #1B2C43;
        stroke: transparent;
    }
}

@keyframes changecolor7 {
    from {
        fill: transparent;
    }

    to {
        fill: #1B2C43;
        stroke: transparent;
    }
}

@-webkit-keyframes changecolor7 {
    from {
        fill: transparent;
    }

    to {
        fill: #1B2C43;
        stroke: transparent;
    }
}

@keyframes changecolor8 {
    from {
        fill: transparent;
    }

    to {
        fill: #edc1c3;
        stroke: transparent;
    }
}

@-webkit-keyframes changecolor8 {
    from {
        fill: transparent;
    }

    to {
        fill: #edc1c3;
        stroke: transparent;
    }
}

@keyframes changecolor9 {
    from {
        fill: transparent;
    }

    to {
        fill: #1B2C43;
        stroke: transparent;
    }
}

@-webkit-keyframes changecolor9 {
    from {
        fill: transparent;
    }

    to {
        fill: #1B2C43;
        stroke: transparent;
    }
}

@keyframes changecolor10 {
    from {
        fill: transparent;
    }

    to {
        fill: #e6aaac;
        stroke: transparent;
    }
}

@-webkit-keyframes changecolor10 {
    from {
        fill: transparent;
    }

    to {
        fill: #e6aaac;
        stroke: transparent;
    }
}

.btng {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;

    width: 510px;
    height: 510px;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.btng li {
    position: absolute;

    width: 384px;
    height: 51px;

    cursor: pointer;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;

    opacity: 0;
    opacity: 0;
}

.btng li.noact {
    opacity: 0 !important;
}

.btng li.act {
    opacity: 1 !important;
}

.btng li:first-child {
    top: 21px;
    left: 248px;
}

.btng li:nth-child(2) {
    top: 136px;
    left: 437px;
}

.btng li:nth-child(3) {
    top: 306px;
    left: 445px;
}

.btng li:nth-child(4) {
    top: 411px;
    left: 353px;
}

.btng li:nth-child(5) {
    top: 340px;
    left: -309px;
}

.btng li:nth-child(6) {
    top: 212px;
    left: -338px;
}

.btng li:nth-child(7) {
    top: 122px;
    left: -306px;
}

.btng li:nth-child(5) div,
.btng li:nth-child(6) div,
.btng li:nth-child(7) div {
    right: auto;
    left: 166px;

    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.btng li:nth-child(5) a,
.btng li:nth-child(6) a,
.btng li:nth-child(7) a {
    float: none;
}

.btng li div {
    position: absolute;
    top: 50%;
    right: 166px;

    width: 117px;
    height: 1px;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    background: #868685;
}

.btng li div::after {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;

    width: 26px;
    height: 100%;

    content: '';

    background: #fff;
}

.he_drop1 .he_dropdowle {
    margin-right: 20px !important;
}

.btng li a {
    position: relative;

    display: block;
    float: right;

    width: 154px;
    height: 48px;

    border: 1px solid rgba(102, 102, 102, .5);
}

.btng li a::after,
.btng li a::before {
    position: absolute;

    width: 8px;
    height: 8px;

    content: '';

    border-style: solid;
    border-color: #fff;
}

.btng li a::after {
    top: -2px;
    right: -2px;

    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom: 0;
    border-left: 0;
}

.btng li a::before {
    bottom: -2px;
    left: -2px;

    border-top: 0;
    border-right: 0;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

.btng li a span {
    line-height: 36px;

    position: absolute;
    top: 50%;
    left: 50%;

    display: inline-block;

    width: 142px;
    height: 36px;
    padding-left: 34px;

    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    color: #fff;
    border: 1px solid #1b2c43;
}

.btng li a:hover span {
    background: #1b2c43;
}

.btng li a:hover span i {
    color: #fff;
    border-bottom-color: #fff;
}

.btng li a i {
    font-size: 12px;
    font-style: normal;

    position: absolute;
    top: 6px;
    left: 6px;

    display: inline-block;

    padding-bottom: 3px;

    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;

    color: #666;
    border-bottom: 1px solid #666;
}

/*案例详情*/
.bg {
    background: #f3f5f7;
}

.content {
    padding-top: 84px;
}

.case .content {
    padding-right: 220px;
    padding-left: 220px;

    background: #fff;
}

.case .content .title {
    font-size: 36px;
    font-weight: bold;

    margin-top: -26px;
    padding-top: 85px;
    padding-bottom: 60px;

    text-align: center;

    color: #1b2c43;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}

.case.news .content .title {
    font-weight: normal;
}

.subtitle {
    font-size: 20px;
    line-height: 92px;

    position: relative;

    height: 92px;

    border: 1px solid #e5e5e5;
}

.subtitle span,
.subtitle .right {
    line-height: 92px;

    display: inline-block;

    height: 92px;

    vertical-align: middle;
}

.subtitle .left,
.subtitle .right {
    position: absolute;
    top: 0;
}

.subtitle .left {
    left: 95px;
}

.subtitle .right {
    right: 95px;
}

.subtitle .right img {
    width: 24px;
}

.subtitle .right {
    line-height: 92px !important;
}

.subtitle .right a {
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: top left;
}

.bsBox,
#bsPanel div,
#bsMorePanel div,
#bshareF div {
    box-sizing: content-box;
}

.case .content .con {
    position: relative;

    padding-top: 60px;
    padding-right: 105px;
    padding-bottom: 100px;
    padding-left: 105px;

    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    background: padding-top: 60px;
    text-align: left;
}

.case .content .con::after,
.case .content .con::before {
    position: absolute;
    top: 235px;

    width: 5px;
    height: 60px;

    content: '';

    background: #1b2c43;
}

.case .content .con::before {
    right: -3px;
}

.case .content .con::after {
    left: -3px;
}

.case .content p {
    line-height: 2.57;

    letter-spacing: .6px;

    color: #666;
}

.case .content p img {
    max-width: 100%;
    margin-top: 64px;
    margin-bottom: 64px;
}

.return {
    line-height: 100px;

    display: block;

    width: 100px;
    height: 100px;
    margin: auto;
    margin-top: 82px;

    text-align: center;

    color: #1b2c43;
    border: 1px solid #1b2c43;
    border-radius: 50%;
}

.return:hover {
    color: #fff;
    background: #1b2c43;
}

.footer2 {
    font-family: '微软雅黑';

    padding-top: 26px;
    padding-right: 50px;
    padding-bottom: 26px;
    padding-left: 50px;

    letter-spacing: .75px;

    background: #282828;
}

.footer2 a {
    letter-spacing: .75px;
    position: relative;
    color: #999;
}

.footer2 a:hover {
    color: #fff;
}

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

.footer2 .fr a {
    margin-left: 25px;
}

.footer2 .fr a:first-child {
    margin-left: 0;
}

.footer2 a>img {
    width: 20px;
}

.footer2 a div {
    position: absolute;
    bottom: 0;
    left: 50%;

    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

    opacity: 0;
}

.footer2 a:hover div {
    bottom: 20px;

    opacity: 1;
}

/*党建工作*/
.build .content {
    padding-right: 100px;
    padding-left: 100px;

    background: #fff;
}

.build .content .list li {
    position: relative;

    float: left;

    width: 33.3333333%;
    height: 700px;
    margin-top: 85px;
    padding-top: 60px;
    padding-right: 65px;
    padding-left: 65px;

    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;

    border-left: 1px solid #dcdcdc;
}

.build .content .list li::after {
    position: absolute;
    top: 170px;
    left: -3px;

    width: 5px;
    height: 60px;

    content: '';
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;

    background: #1b2c43;
}

.build .content .list li:nth-child(3n-2) {
    border-left: 0;
}

.build .content .list li:nth-child(3n-2)::after {
    display: none;
}

/*.build .content .list li:hover
{
    background: #1b2c43;
}*/
.build .content .list li:hover::after {
    opacity: 0;
}

.build .content .list li:hover+li::after {
    opacity: 0;
}

/*.build .content .list li:hover h3,
.build.newslist .content .list li:hover .time,
.build .content .list li:hover p
{
    color: #fff;
}*/
.build .content .list li:hover .border {
    width: calc(100% - 75px);
    width: -webkit-calc(100% - 75px);
    /*width:100%;*/
    margin-right: 45px;

    /*background: #fff;*/
}

.build .content .list li:hover .iconfont {
    /*color: #fff;*/
}

.build .content .list li h3 {
    font-weight: bold;
    line-height: 2;

    margin-bottom: 58px;

    color: #1b2c43;
}

.build.newslist .content .list li h3 {
    margin-bottom: 0;
}

.build.newslist .content .list li .time {
    margin-bottom: 58px;

    color: #999;
}

.build .content .list li p {
    font-size: 18px;
    line-height: 3.42;

    overflow: hidden;

    max-height: 300px;

    color: #666;
}

.build .content .list li .arrow {
    line-height: 28px;

    position: absolute;
    bottom: 22px;
    left: 0;

    width: 100%;
    height: 28px;
    padding-right: 24px;
    padding-left: 55px;
}

.build .arrow .border {
    display: inline-block;

    width: 0;
    height: 1px;
    margin-right: 20px;

    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    vertical-align: middle;

    background: #666;
}

.build .arrow .iconfont {
    font-size: 24px;

    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    vertical-align: middle;

    color: #666;
}

.build .content .paging {
    padding-top: 112px;
    padding-bottom: 112px;
}

/*联系我们*/
.contact .content {
    padding-right: 100px;
    padding-left: 100px;

    background: #fff !important;
}

.contact .content .map {
    position: relative;

    margin-top: 84px;
}

.contact .content .tip {
    font-size: 30px;
    line-height: 1.6;

    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;

    width: 254px;
    height: 215px;
    padding-top: 60px;
    padding-right: 30px;
    padding-left: 30px;

    text-align: center;

    color: #fff;
    background: #1b2c43;
}

.contact .content #map {
    height: 690px;
}

.contact .content .control {
    padding: 15px;

    border: 1px solid #bfbfbf;
}

.contact .content .control .conbtn {
    font-size: 0;

    border: 1px solid #eaeaea;
    border-right: 0;
}

.contact .content .control button {
    font-family: '微软雅黑';
    font-size: 18px;

    display: inline-block;

    width: 30px;
    height: 30px;

    text-align: center;
    vertical-align: middle;

    color: #999;
    border-right: 1px solid #eaeaea;
}

.contact .content .control button img {
    width: 14px;
}

.contact .content .type {
    margin-top: 84px;
    margin-bottom: 90px;
}

.contact .content .type div {
    height: 297px;
    padding-top: 45px;

    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;

    color: #666;
    border: 1px solid #bfbfbf;
}

.contact .content .type div:hover {
    color: #fff;
    border-color: #1b2c43;
    background: #1b2c43;
}

.contact .content .type div:hover .iconfont {
    color: #fff;
}

.contact .content .type div:last-child {
    border-left: 0;
}

.contact .content .type .iconfont {
    font-size: 70px;

    color: #1b2c43;
}

.contact .content .type p {
    font-size: 18px;
    line-height: 1.875;

    margin-top: 50px;
}

/*律师列表*/
.lawyerlist .content {
    padding-right: 150px;
    padding-left: 150px;
}

.lawyerlist .jiansuo {
    margin-top: 81px;
}

.lawyerlist .jiansuo1 span {
    display: block;
    float: left;
    height: 43px;
    margin-right: 37px;
    color: #666666;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 15px;
}

.lawyerlist .jiansuo1 a {
    display: block;
    float: left;
    width: 43px;
    height: 43px;
    background: #eeeeee;
    color: #848484;
    font-size: 22px;
    text-align: center;
    line-height: 42px;
    margin-right: 7px;
    margin-bottom: 15px;
}

.lawyerlist .jiansuo1 a.active,
.lawyerlist .jiansuo1 a:hover {
    color: #fff;
    background: #1b2c43;
}

.lawyerlist .jiansuo2 {
    margin-top: 20px;
}

.lawyerlist .jiansuo2 span {
    display: block;
    float: left;
    height: 45px;
    margin-right: 35px;
    color: #666666;
    font-size: 16px;
    line-height: 45px;
}

.lawyerlist .jiansuo2 input {
    float: left;
    width: 318px;
    height: 45px;
    background: #eee;
    color: #333;
    padding-left: 15px;
}

.lawyerlist .jiansuo2 button {
    float: left;
    width: 137px;
    height: 45px;
    background: #1b2c43;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 44px;
    margin-left: 27px;
}

.lawyerlist .list li:first-child {
    margin-top: 85px;
}

/*l修改*/
.bannei {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.l_syta {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.l_sytb {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bannei .l_sytb video {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .lawyerlist .jiansuo {
        margin-top: 35px;
    }

    .lawyerlist .jiansuo1 span {
        width: 100%;
        margin-right: 0;
    }

    .lawyerlist .jiansuo1 a {
        width: 36px;
        height: 36px;
        font-size: 16px;
        line-height: 35px;
    }

    .lawyerlist .jiansuo2 input {
        width: calc(100% - 152px);
        width: -webkit-calc(100% - 152px);
    }

    .lawyerlist .jiansuo2 button {
        margin-left: 0;
        width: 80px;
    }

    .lawyerlist .list li:first-child {
        margin-top: 40px;
    }
}

.lawyerlist .list li {
    position: relative;

    margin-top: 120px;
}

.lawyerlist .list li .imgdiv {
    position: relative;

    overflow: hidden;
}

.lawyerlist .list li .imgdiv::after {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 93.4%;
    height: 88.8%;

    content: '';
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    border: 1px solid #fff;
}

.lawyerlist li figure .imgdiv,
.lawyerlist li figure figcaption {
    display: inline-block;

    vertical-align: middle;

    color: #fff;
}

.lawyerlist li figure figcaption {
    font-weight: bold;

    position: absolute;
    z-index: 10;
    top: 50%;
    right: 0;

    width: 835px;
    padding: 55px;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.lawyerlist li .imgdiv img {
    -webkit-transition: all 1.3s ease-out 0s;
    -moz-transition: all 1.3s ease-out 0s;
    -ms-transition: all 1.3s ease-out 0s;
    -o-transition: all 1.3s ease-out 0s;
    transition: all 1.3s ease-out 0s;
}

.lawyerlist li:hover .imgdiv img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.lawyerlist li:nth-child(2n-1) figure figcaption {
    background: #1b2c43;
}

.lawyerlist li:nth-child(2n-1) figure figcaption h3,
.lawyerlist li:nth-child(2n-1) figure figcaption h4,
.lawyerlist li:nth-child(2n-1) figure figcaption p {
    color: #fff;
}

.lawyerlist li:nth-child(2n) .imgdiv {
    float: right;
}

.lawyerlist li:nth-child(2n) figure figcaption {
    right: auto;
    left: 0;
}

.lawyerlist li:nth-child(2n) figure figcaption {
    background: #fff;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .1);
}

.lawyerlist li:nth-child(2n) figure figcaption h3,
.lawyerlist li:nth-child(2n) figure figcaption h4,
.lawyerlist li:nth-child(2n) figure figcaption p {
    color: #666;
}

.lawyerlist li figure figcaption h3,
.lawyerlist li figure figcaption h4 {
    font-weight: bold;
}

.lawyerlist li figure figcaption h4:first-of-type {
    font-size: 16px;
}

.lawyerlist li figure figcaption h4:last-of-type {
    margin-top: 15px;
}

.lawyerlist li figure figcaption p {
    line-height: 2.57;

    margin-top: 24px;
}

.lawyerlist .paging {
    padding-top: 103px;
    padding-bottom: 103px;
}

/*律师详情*/
.bannei .group {
    font-family: '宋体';

    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;

    width: 313px;
    height: 310px;
    padding-top: 65px;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;

    color: #fff;
    background: url(../images/bg2.png) center;
}

.bannei .group h1 {
    margin-bottom: 12px;
}

.bannei .group h2:last-of-type {
    margin-top: 62px;
}

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

.lawyer .content .lytitle {
    margin-top: 30px;
    margin-bottom: 30px;

    color: #1b2c43;
}

.lawyer .content .con {
    margin-top: -27px;
}

/*关于我们*/
.about .content {
    padding-right: 50px;
    padding-left: 50px;

    background: #fff !important;
}

.about .content .con {
    position: relative;

    padding-right: 50px;
    padding-left: 50px;

    border-left: 1px solid #e5e5e5;
}

.about .content .con::after {
    position: absolute;
    z-index: 2;
    top: 450px;
    left: -3px;

    width: 5px;
    height: 60px;

    content: '';

    background: #1b2c43;
}

.about .content .con .huge {
    font-family: 'ab';
    font-size: 192px;

    margin-top: 108px;
    margin-bottom: 80px;

    text-align: center;

    color: #dbdbdb;
}

.about .content .con p {
    line-height: 2;

    text-align: center;

    color: #666;
}

.about .content .con .slick1 {
    margin-top: 60px;
    margin-bottom: 80px;
}

.about .content .con .slick1 img {
    max-width: 100%;
}

.about .content .con .slick1 .slick-prev,
.about .content .con .slick1 .slick-next {
    z-index: 10;

    width: 29px;
    height: 74px;

    background-repeat: no-repeat;
    background-position: center;
}

.about .content .con .slick1 .slick-prev {
    left: 55px;

    background-image: url(../images/prev.png);
}

.about .content .con .slick1 .slick-next {
    right: 55px;

    background-image: url(../images/next.png);
}

.about .content .honor {
    position: relative;

    height: 586px;
    margin-top: 80px;
}

.about .content .honor .left {
    position: relative;
    z-index: 10;

    /*overflow: hidden;*/

    width: calc(100% - 820px);
    width: -webkit-calc(100% - 820px);
}

.about .content .honor .left img {
    max-width: 100%;
}

.about .content .honor .right {
    width: 820px;
    height: 100%;
}

.about .content .honor .right .bl {
    position: relative;

    width: 666px;
    height: 100%;
}

.about .content .honor .right .bl::before {
    position: absolute;
    top: 0;
    left: 0;

    width: 1px;
    height: 1000px;

    content: '';

    background: #e5e5e5;
}

.about .content .honor .right {
    width: 716px;
    height: 100%;
}

.about .content .honor .left {
    width: calc(100% - 716px);
    width: -webkit-calc(100% - 716px);
    padding: 0 53px;
}

.about .content .honor .right .bl::after {
    position: absolute;
    z-index: 2;
    top: 236px;
    left: -3px;

    width: 5px;
    height: 60px;

    content: '';

    background: #1b2c43;
    display: none;
}

.about .content .honor .right h6 {
    margin-top: 12px;
    text-align: center;
    color: #999;
    line-height: 14px;
    height: 14px;
    overflow: hidden;
}

.about .content .honor .right .reco a {
    display: block;
    max-width: calc(50% - 25px);
}

.about .content .honor .right .award {
    position: absolute;
    right: 0;
    bottom: 0;

    width: 100%;
}

.g_box1 {
    margin-left: 49px;
}

.about .content .honor .right .award h4 {
    position: relative;
    margin-bottom: 60px;
    padding-left: 20px;
    color: #464646;
    line-height: 30px;
    margin-top: 5px;
}

.about .content .honor .right .award h4::after {
    position: absolute;
    top: 40px;
    left: 0;
    width: 2000px;
    height: 1px;
    content: '';
    background: #e5e5e5;
}

.about .content .honor .right .award p {
    font-size: 16px;
    line-height: 3;

    overflow: hidden;

    width: 600px;
    padding-left: 84px;

    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: #222;
}

.about .content .honor .right .award p:hover {
    font-weight: bold;

    color: #1b2c43;
}

.about .content .honor .right .award .slick-prev,
.about .content .honor .right .award .slick-next {
    z-index: 100;

    width: 11px;
    height: 30px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: 11px 30px;
}

.about .content .honor .right .award .awardslick .slick-prev {
    left: 20px;

    background-image: url(../images/al.png);
}

.about .content .honor .right .award .awardslick .slick-next {
    right: 20px;

    background-image: url(../images/ar.png);
}

.about .content .wrapper {
    position: relative;
    z-index: 10;

    padding-top: 88px;

    background: #fff;
}

.about .content .video {
    padding-top: 85px;
    padding-bottom: 75px;
}

.about .content .video video {
    width: 100%;
    height: 633px;

    cursor: pointer;
}

.about .content .videog {
    position: relative;
}

.about .content .videog.act button {
    visibility: hidden;

    opacity: 0;
}

.about .content .videog .bgimg {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
}

.about .content .videog.act .bgimg {
    opacity: 0;
}

.about .content .videog button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;

    visibility: visible;

    width: 108px;
    height: 108px;

    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    opacity: 1;
    background-size: 108px 108px;
}

.about .content .video p {
    line-height: 1.875;

    margin-top: 75px;

    color: #666;
}

/*媒体查询*/
@media (max-width:1650px) {
    .lawyerlist .content {
        padding-right: 90px;
        padding-left: 90px;
    }

    .about .content .honor .left {
        width: calc(100% - 725px);

        -webkit-width: calc(100% - 725px);
    }

    .about .content .honor .right {
        width: 725px;
    }

    .about .content .honor .right .award p {
        line-height: 2.5;
    }
}

.reco img {
    width: 262px;
    height: 173px;
}

@media (max-width:1616px) {
    .about .content .honor {
        /*height: 457px;*/
    }

    .reco img {
        width: 220px;
    }

    .lawyerlist li figure figcaption {
        width: 660px;
    }
}

@media (max-width:1450px) {
    .titleg {
        /*bottom: 84px;*/
        top: 50%;
    }

    .mainnav button {
        top: 30px;
        right: 50px;
    }

    .case .content {
        padding-right: 100px;
        padding-left: 100px;
    }

    .lawyerlist li figure figcaption {
        width: 650px;
    }

    .lawyerlist li .imgdiv img {
        width: 700px;
    }

}

@media (max-width:1416px) {
    .about .content .honor .right .award p {
        padding-left: 50px;
    }

    .about .content .honor .right .award .slick-next {
        right: 15px;
    }

    .about .content .honor .right .bl {
        width: 600px;
    }

    .about .content .honor .left {
        width: calc(100% - 630px);

        -webkit-width: calc(100% - 630px);
    }

    .about .content .honor .right {
        width: 630px;
    }
}

@media (max-width:1350px) {
    .build .content .list li {
        padding-right: 20px;
        padding-left: 20px;
    }

    .about .content .con .huge {
        font-size: 100px;
    }

    .lawyerlist li figure figcaption {
        width: 535px;
    }
}

@media (max-width:1199px) {

    .lawyerlist li figure .imgdiv,
    .lawyerlist li:nth-child(2n) .imgdiv,
    .lawyerlist li figure figcaption {
        display: block;
        float: none;

        max-width: 910px;
        margin: auto;
    }

    .lawyerlist li figure figcaption {
        position: relative;
        top: auto;
        left: auto;

        width: 100%;

        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .lawyerlist li .imgdiv img {
        width: 100%;
    }

    .build .content .list li h3 {
        font-size: 20px;
    }

    .btng li {
        width: 360px;
    }

    .btng li:nth-child(7) {
        left: -280px;
    }

    .btng li:nth-child(6) {
        left: -313px;
    }

    .btng li:nth-child(5) {
        left: -289px;
    }

    .build .content .list li p {
        line-height: 2;
    }

    .about .content .honor .left,
    .about .content .honor .right {
        float: none;

        width: 100%;
    }

    .about .content .honor .right .award {
        position: relative;
        right: auto;
        bottom: auto;

        margin-top: 40px;
    }

    .about .content .honor .right .bl {
        float: none;

        width: 100%;
        padding-top: 40px;
    }

    .about .content .honor .right .award p {
        padding-right: 50px;
        padding-left: 50px;

        text-align: center;
    }

    .about .content .honor {
        height: auto;
    }

    .about .content .honor .right .reco {
        text-align: center;
    }

    .about .content .honor .right .reco a {
        display: inline-block;
        float: none;

        margin-right: 15px;
        margin-left: 15px;
        padding-right: 0;
    }

    .about .content .video video {
        height: auto;
    }

}

@media (max-width:991px) {
    .about .content .honor .right .award p {
        width: auto;
    }

    .about .content .video p {
        margin-top: 30px;
    }

    .about .content .honor .right .award p {
        font-size: 14px;

        padding-right: 0;
        padding-left: 0;
    }

    .content {
        padding-top: 40px;
    }

    .about .content .con {
        padding-right: 0;
        padding-left: 0;

        border-left: 0;
    }

    .about .content {
        padding-right: 15px;
        padding-left: 15px;
    }

    .about .content .con::after,
    .about .content .honor .right .bl::after,
    .about .content .honor .right .award h4::after,
    .about .content .honor .right .bl::before {
        display: none;
    }

    .about .content .honor .right .award h4 {
        text-align: center;
    }

    .about .content .honor .right .award h4 {
        margin-bottom: 20px;
    }

    .lawyerlist .list li {
        margin-top: 40px;
    }

    .lawyerlist li figure figcaption {
        padding: 30px;
    }

    .lawyerlist .content,
    .build .content {
        padding-right: 15px;
        padding-left: 15px;
    }

    .build .content .list li {
        width: 50%;
        height: 400px;
        margin-top: 20px;
    }

    .build .content .list li h3 {
        margin-bottom: 25px;
    }

    .build .content .list li p {
        max-height: 110px;
    }

    .build .content .list li::after {
        display: none !important;
    }

    .header {
        padding-right: 15px;
        padding-left: 15px;
    }

    .footer {
        line-height: 1.4;
    }

    .footer a {
        display: block;
    }

    .case .content,
    .bulid .content {
        padding-right: 15px;
        padding-left: 15px;
    }

    .case .content .con {
        padding-right: 15px;
        padding-left: 15px;
    }

    .subtitle,
    .subtitle span,
    .subtitle a {
        font-size: 14px;
        line-height: 50px;

        height: 50px;
    }

    .subtitle .right {
        line-height: 50px !important;
    }

    .subtitle .left {
        left: 15px;
    }

    .subtitle .right {
        right: 15px;
    }

    .return {
        margin-top: 20px;
    }

    .case .content .con {
        padding-bottom: 25px;
    }

    .case .content .con {
        padding-top: 30px;
    }

    .contact .content {
        padding-right: 15px;
        padding-left: 15px;
    }

    .bulid .paging,
    .lawyerlist .paging {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .about .content .con .huge {
        font-size: 40px;

        margin-top: 40px;
        margin-bottom: 40px;
    }

    .about .content .con .slick1 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .about .content .honor {
        margin-top: 40px;
    }

    .about .content .honor .right .reco a {
        margin-top: 40px;
    }

    .about .content .honor .right .bl {
        padding-top: 0;
    }

    .about .content .wrapper,
    .about .content .video {
        padding-top: 40px;
    }

    .about .content .video {
        padding-bottom: 40px;
    }

    .about .content .honor .right .award .slick-prev,
    .about .content .honor .right .award .slick-next {
        display: none !important;
    }

    .footer {
        bottom: 10px;
    }

    .contact .content .tip {
        font-size: 20px;

        width: auto;
        height: auto;
        padding: 15px;
    }

    .build .content .list li p {
        font-size: 14px;
    }
}

@media (max-width:767px) {
    .contact .content .type div {
        width: 100%;
        height: auto;
        padding-right: 20px;
        padding-bottom: 30px;
        padding-left: 20px;
    }

    .contact .content .type div:last-child {
        border: 1px solid #bfbfbf;
        border-top: 0;
    }

    .contact .content #map {
        height: 400px;
    }

    .about .content .con .slick1 .slick-prev,
    .about .content .con .slick1 .slick-next {
        width: 8px;
        height: 20px;

        background-size: 8px 20px;
    }

    .about .content .con .slick1 .slick-prev {
        left: 0;
    }

    .about .content .con .slick1 .slick-next {
        right: 0;
    }

    .lawyerlist li figure figcaption {
        padding: 25px;
    }

    .index svg {
        width: 300px;
        height: 300px;
    }

    .index .obj {
        width: 100%;
        max-width: 550px;
        height: auto;
    }

    .titleg {
        /*bottom: 77px;*/
        top: 50%;

        /*width: 290px;*/
        width: 90%;
    }

    .titleg h1 {
        font-size: 18px;
    }

    .titleg h2 {
        font-size: 14px;
    }

    .mainnav ul {
        top: 80px;

        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .mainnav button img {
        width: 25px;
    }

    .mainnav li,
    .mainnav li a {
        font-size: 14px;
        line-height: 40px;

        height: 40px;
    }

    .subtitle {
        height: auto;
    }

    .subtitle .right,
    .subtitle .left {
        position: relative;
        top: auto;
        right: auto;
        left: auto;

        display: block;

        height: auto;
    }

    .build .content .list li {
        width: 100%;
        height: auto;
        margin-top: 0;
        padding-top: 20px;
        padding-bottom: 30px;

        border: none !important;
    }

    .build .content .list li h3 {
        font-size: 18px;
    }

    .build .content .arrow {
        display: none;
    }

    .build .content .list li p {
        max-height: none;
    }

    .titleg h2 {
        width: 88%;
        margin: 10px auto 0;
    }

    .l_sytb {
        display: none;
    }
}

/*==============================================新加版块===============================================*/
.footer {
    /*position: fixed;*/
    bottom: 0px;
    background-color: #272727;
    padding: 20px 50px;
    z-index: 999;
}

.footerfla p {
    display: inline-block;
    margin-right: 65px;
}

.footerfla p img {
    width: 16px;
    margin-right: 8px;
}

.footerflb {
    margin-top: 10px;
    font-size: 12px;
    text-align: left;
}

.footerflb span {
    margin-left: 10px;
}

.footerfra {
    margin-left: 26px;
}

.footerfra img {
    width: 25px;
    transform: translateY(-4px);
}

.w_selifl {
    width: 320px;
    height: 939px;
    padding: 24px 42px;
    position: relative;
    z-index: 1;
}

.w_selifl1 {
    background-image: url(../images/w_selifl1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.w_selifla {
    width: 31px;
}

.w_selifla img {
    width: 100%;
}

.w_seliflbfl {
    font-family: "Conv_iskpotab";
    font-size: 50px;
    color: #fff;
    transform: rotate(90deg);
    position: absolute;
    top: 125px;
    width: 300px;
    left: -133px;
}

.w_seliflb {
    margin-top: 100px;
    position: relative;
}

.w_seliflbfr {
    font-family: "微软雅黑";
    font-size: 20px;
    color: #fff;
    width: 20px;
    margin-left: 55px;
}

.w_seliflc {
    position: absolute;
    bottom: 44px;
}

.w_seliflc img {
    width: 15px;
}

.w_seliflc a p {
    width: 0;
    height: 2px;
    background-color: #fff;
    display: inline-block;
    transform: translateY(7px);
    margin-right: 5px;
    transition: all 0.5s;
}

.w_selifr {
    width: calc(100% - 320px);
    height: 939px;
    position: relative;
}

.w_selifr1 {
    background-image: url(../images/w_selifr1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.w_selifl2 {
    background-image: url(../images/w_selifr2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.w_selifl3 {
    background-image: url(../images/w_selifr3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.w_selifr2 {
    background-color: #f0f0f0;
}

.w_selifrbox1 {
    padding: 26px 0 0;
    margin: 0 -50px;
}

.w_con {
    width: 1210px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 12;
}

.w_selifrbox1lia {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.w_selifrbox1lia img {
    transition: all 0.5s;
}

.w_a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    width: 100%;
}

.w_b {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

.w_selifrbox1lib {
    padding: 24px 6px 0;
    height: 132px;
    position: relative;
}

.w_lititle {
    font-family: "微软雅黑";
    font-size: 16px;
    color: #1b2b42;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
    height: 48px;
}

.w_litime {
    font-family: "微软雅黑";
    font-size: 12px;
    color: #666666;
    margin-top: 15px;
}

.w_selifrbox1li {
    width: 33.333333%;
    padding: 0 50px;
    margin-top: 38px;
}

.w_limore {
    position: absolute;
    bottom: 0;
}

.w_limore p {
    width: 0;
    height: 1px;
    background-color: #485567;
    display: inline-block;
    margin-right: 5px;
    transform: translateY(8px);
    transition: all 0.5s;
}

.w_limore img {
    width: 10px;
    opacity: 0;
    transition: all 0.5s;
}

.w_selifrbox2 {
    padding: 186px 0 0;
    margin: 0 -53px;
}

.w_seli2zi {
    background-color: #fff;
    border-bottom: 8px solid #2d4360;
    padding: 35px;
}

.w_seli2zic {
    font-family: "微软雅黑";
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    margin-top: 22px;
    max-height: 76px;
    height: 76px;
    overflow: hidden;
}

.w_seli2zic p {
    font-family: "微软雅黑";
    font-size: 16px;
    color: #666666;
    line-height: 26px;
}

.w_seli2zib {
    font-family: "微软雅黑";
    font-size: 16px;
    color: #333333;
    margin-top: 24px;
}

.w_seli2zia {
    font-family: "微软雅黑";
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}

.w_seli2zia span {
    font-family: "微软雅黑";
    font-size: 16px;
    color: #666666;
    margin-left: 10px;
    font-weight: normal;
}

.w_seli2 {
    padding: 0 53px;
    display: none;
    overflow: hidden;
}

.w_seli21 {
    display: block;
}

.w_seli22 {
    display: block;
}

.w_seli23 {
    display: block;
}

.w_seli2img {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.w_seli2img img {
    transition: all 0.5s;
}

.w_selifrbox2 .slick-prev {
    width: 42px;
    height: 42px;
    background-image: url(../images/lzq.png);
    background-size: cover;
    background-repeat: no-repeat;
    left: auto;
    right: 130px;
    transform: translate(0);
    top: 122px;
}

.w_selifrbox2 .slick-next {
    width: 42px;
    height: 42px;
    background-image: url(../images/lyq.png);
    background-size: cover;
    background-repeat: no-repeat;
    transform: translate(0);
    top: 122px;
    right: 53px;
}

.w_selifrbox3box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.w_selifrbox3box video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
}

.w_selifrbox3a_title {
    font-family: "宋体";
    font-size: 46px;
    color: #fff;
    font-weight: bold;
}

.w_selifrbox3a_p {
    margin-top: 28px;
}

.w_selifrbox3a_p p {
    font-family: "微软雅黑";
    font-size: 16px;
    color: #fff;
    line-height: 34px;
}

.w_selifrbox3a {
    position: absolute;
    top: 34%;
}

.w_seli {
    overflow: hidden;
}

.w_selifrbox3b {
    width: 118px;
    position: absolute;
    top: 47%;
    right: 9%;
    cursor: pointer;
}

.w_selifrbox3c {
    font-family: "Arial";
    font-weight: bold;
    font-size: 200px;
    color: rgba(246, 246, 246, 0.1);
    position: absolute;
    bottom: 33px;
    right: 0;
    width: 100vw;
    text-align: right;
    z-index: 11;
}

.w_selifrbox3b img {
    width: 100%;
}

.w_se3 {
    display: block;
    min-width: 100%;
    min-height: 100%;
    position: relative;
    z-index: 1;
}

.w_se3.activebox {
    opacity: 0;
    transition: all .3s ease-out;
}

.xiahua {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    width: 22px;
}

.xiahua img {
    width: 100%;
}

.pause {
    display: none;
}

.w_selifrbox3b.act .paly {
    display: none;
}

.w_selifrbox3b.act .pause {
    display: inline-block;
}

.sousuo {
    width: 20px;
    line-height: 70px;
    margin-right: 55px;
    cursor: pointer;
    margin-left: 70px;
}

.sousuo img {
    width: 100%;
}

.g_mask {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    display: none;
    padding: 0 15px;
    z-index: 9999999;
}

.caidansuo {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    height: 30px;
    border-bottom: 1px solid #ffffff;
}

.caidansuo input {
    width: calc(100% - 60px);
    height: 100%;
    font-size: 18px;
    color: #666666;
}

.buts {
    position: absolute;
    bottom: 5px;
    right: 0;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 3px;
    cursor: pointer;
}

.guanbi {
    position: absolute;
    right: 3%;
    top: 3%;
    cursor: pointer;
    width: 48px;
}

.guanbi img {
    width: 100%;
    opacity: 0.6;
    transition: all 0.3s;
}

.logo {
    width: 222px;
}

.logo img {
    width: 100%;
}

.w_daohangli {
    padding: 0 35px;
}

.w_daohangli a {
    font-size: 16px;
    font-family: "微软雅黑";
    color: #fff;
    line-height: 70px;
    position: relative;
}

.w_daohang {
    margin: 0 -35px;
}

.w_daohangli.act>a::before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
}

@media (min-width:1200px) {
    .w_selifrbox1li a:hover .w_limore p {
        width: 101px;
    }

    .w_selifrbox1li a:hover .w_limore img {
        opacity: 1;
    }

    .w_selifrbox1li a:hover .w_selifrbox1lia img {
        transform: scale(1.1);
    }

    .w_seli2 a:hover .w_seli2img img {
        transform: scale(1.1);
    }

    .w_seliflc:hover a p {
        width: 200px;
    }

    .guanbi:hover img {
        transform: rotate(90deg);
        opacity: 1;
    }

}

@media (max-width:1400px) {
    .w_daohangli a {
        font-size: 14px;
    }

    .w_daohangli {
        padding: 0 15px;
    }

    .w_daohang {
        margin: 0 -15px;
    }

    .sousuo {
        width: 18px;
        margin-right: 35px;
        margin-left: 40px;
    }

    .w_con {
        width: 900px;
    }

    .w_selifrbox1li {
        padding: 0 25px;
    }

    .w_selifrbox1 {
        margin: 0 -25px;
    }

    .w_selifl {
        height: 780px;
        width: 270px;
    }

    .w_selifr {
        height: 780px;
        width: calc(100% - 270px);
    }

    .w_selifrbox2 {
        padding: 170px 0 0;
        margin: 0 -25px;
    }

    .w_seli2 {
        padding: 0 25px;
    }

    .w_selifrbox2 .slick-prev {
        top: 105px;
    }

    .w_selifrbox2 .slick-next {
        top: 105px;
    }

    .w_seli2zic {
        font-size: 14px;
        line-height: 20px;
    }

    .w_seli2zi {
        padding: 30px 15px;
        border-bottom: 4px solid #2d4360;
    }

    .w_selifrbox3a_title {
        font-size: 36px;
    }

    .w_selifrbox3a_p p {
        font-size: 12px;
        line-height: 20px;
    }

    .w_selifrbox3a_p {
        margin-top: 20px;
        margin-right: 20px;
    }

    .w_selifrbox3c {
        font-size: 120px;
        bottom: 12px;
    }

    .w_selifrbox3b {
        width: 70px;
    }
}

@media (max-width:1200px) {
    .w_se3 {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
    }

    #video {
        display: none;
    }

    .w_selifl {
        width: 100%;
        height: 80px;
        background: none;
        background-color: rgba(27, 43, 66, 1);
        padding: 23px 15px;
        float: none;
    }

    .w_selifla {
        display: none;
    }

    .w_seliflb {
        margin-top: 0;
    }

    .w_seliflbfr {
        font-size: 18px;
        width: 100%;
        margin-left: 0;
        float: none;
    }

    .w_seliflbfl {
        font-size: 16px;
        transform: rotate(0deg);
        top: 24px;
        width: 100%;
        left: 0;
    }

    .w_seliflc {
        position: absolute;
        bottom: auto;
        transform: translateY(-50%);
        top: 50%;
        right: 15px;
    }

    .w_selifr {
        height: auto;
        width: 100%;
        float: none;
        padding-bottom: 36px;
    }

    .w_con {
        width: 100%;
        padding: 0 15px;
    }

    .w_selifrbox1li {
        padding: 0;
        width: 50%;
        margin-top: 10px;
        padding: 0px 5px;
    }

    .w_selifrbox1li:nth-child(1) {
        /*margin-top: 0;*/
    }

    .w_selifrbox1 {
        margin: 0;
        padding: 0;
    }

    .w_selifrbox1lib {
        padding: 20px 6px 0;
        height: auto;
        position: relative;
    }

    .w_limore {
        position: relative;
        bottom: auto;
        margin-top: 18px;
    }

    .w_limore img {
        opacity: 1;
    }

    .w_section {
        /*margin-top: 36px;*/
    }

    .w_selifrbox2 {
        padding: 0;
        margin: 0;
    }

    .w_seli2 {
        padding: 0;
    }

    .w_seli2zia {
        font-size: 18px;
        line-height: 22px;
        height: 44px;
        overflow: hidden;
    }

    .w_seli2zia span {
        font-size: 14px;
    }

    .w_seli2zib {
        font-size: 14px;
        margin-top: 15px;
    }

    .w_seli2zic p {
        font-size: 14px;
        line-height: 20px;
    }

    .w_seli2zic {
        margin-top: 13px;
        height: 60px;
    }

    .w_seli2zi {
        border-bottom: 4px solid #2d4360;
    }

    .w_selifrbox3c {
        display: none;
    }

    .w_selifrbox3b {
        display: none;
    }

    .w_selifrbox3a {
        position: relative;
        top: auto;
    }

    .w_selifrbox3a_title {
        font-size: 20px;
    }

    .w_selifrbox3a_p p {
        font-size: 14px;
    }

    .w_selifr {
        padding-top: 36px;
    }

    .footer {
        background-color: #272727;
        padding: 15px 15px 15px;
    }

    .footerfl {
        width: 100%;
        float: none;
    }

    .footerfr {
        width: 100%;
        float: none;
        margin-top: 0px;
    }

    .footerfla p {
        display: block;
        margin-right: 0;
        line-height: 20px;
        margin-top: 5px;
        font-size: 12px;
    }

    .footerfra {
        margin-left: 0;
        margin-right: 15px;
    }

    .footerflb {
        line-height: 20px;
        font-size: 12px;
        margin-top: 10px;
    }

    .footer a {
        margin-top: 10px;
        font-size: 12px;
    }

    .footerfra img {
        width: 25px;
        /*transform: translateY(4px);*/
    }

    .xiahua {
        display: none;
    }

    .logo {
        width: 150px;
    }

    .sousuo {
        width: 15px;
        margin-right: 27px;
    }

    .guanbi {
        width: 40px;
    }

    .caidansuo {
        width: 80%;
    }

    /* .w_daohangli {
        display: none;
    } */

    .sousuo {
        display: none;
    }

    .w_seli2 {
        padding: 0 5px;
    }
}

.t {
    position: relative;
    overflow: hidden;
}

.l_ss {
    position: relative;
    top: 0px;
}

.l_ss img {
    width: 100%;
}

.l_ssa {
    position: absolute;
    top: 0px;
    left: 0px;
}

.l_ssa img {
    width: 100%;
}

.l_mco {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 1;
}

.w_selifry.atvn .l_mco img {
    opacity: 0;
}

.xiahua {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    width: 22px;
}


/*6.25修改*/
@media screen and (max-width: 1580px) {
    .w_daohangli {
        padding: 0 15px;
    }

    .w_con {
        width: 1110px;
    }
}

@media screen and (max-width: 1480px) {
    .w_con {
        width: 1010px;
    }

    .w_selifrbox1 {
        padding: 85px 0 0;
    }
}

@media screen and (max-width: 1380px) {
    .w_con {
        width: 900px;
    }

    .w_selifrbox1 {
        padding: 0px 0 0;
    }
}

@media screen and (max-width: 1300px) {
    .w_daohangli {
        padding: 0 10px;
    }
}

@media screen and (max-width: 1200px) {
    .w_con {
        width: 100%;
    }

    .l_sytb {
        display: none;
    }

    .l_indexhover {
        left: 0 !important;
        top: -120px !important;
    }
}


@media (max-width: 390px) {
    .titleg h2 {
        width: 100%;
        font-size: 12px;
    }
}


/*8.8修改*/
.footerfr {
    position: relative;
}

.l_indexhover {
    position: absolute;
    top: -140px;
    z-index: 2;
    left: -25px;
    width: 120px;
    background: #fff;
    border-radius: 5px;
    height: 120px;
}

.l_indexhover img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
}

.l_indexwx {
    cursor: pointer;
}




/*9.16修改*/
.l_inban {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.l_inban img {
    width: auto !important;
    height: 100%;
    min-width: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.l_inban video {
    width: 100vw;
    height: 100vh;
    display: block;
    object-fit: fill;
    z-index: 1;
}

.l_index_mc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #000;
    opacity: 0.3;
}

.l_in_left_qh {
    position: absolute;
    top: 50%;
    left: 30px;
    width: 42px;
    cursor: pointer;
}

.l_in_right_qh {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 42px;
    cursor: pointer;
}

.l_in_left_qh img {
    width: 100%;
}

.l_in_right_qh img {
    width: 100%;
}



@media screen and (max-width: 1200px) {
    .l_in_left_qh {
        display: none;
    }

    .l_in_right_qh {
        display: none;
    }
}





/*9.27修改*/
.l_in_le {
    width: 50%;
    display: inline-block;
}

.l_in_ri {
    width: 50%;
    display: inline-block;
}

.l_in_text {
    width: 100%;
}

.l_in_text .l_in_le {
    text-align: right;
    padding-right: 15px;
}

.l_in_text .l_in_ri {
    text-align: left;
    padding-left: 15px;
}

.l_in_en {
    text-align: center;
    width: 780px;
}

/*6.15 grace*/
.he_banboxflph {
    display: none;
}

.lang {
    display: block !important;
}

.logo {
    position: relative;
}

.g_logo1 {
    position: relative;
    top: 0;
    left: 0;
}

.g_logo2 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: 0;
}

.logo img {
    transition: all .36s;
}

.sousuo {
    position: relative;
}

.sousuo1 {
    position: relative;
    top: 0;
    left: 0;
}

.sousuo2 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: 0;
}

.header.act {
    background: #fff !important;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.header.act .sousuo2 {
    opacity: 1;
}

.header.act .g_logo2 {
    opacity: 1;
}

.header.act .w_daohangli a {
    color: #333;
}

.ace_xl {
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    width: 100%;
    display: none;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .05);
}

.w_daohangli {
    position: relative;
}

.ace_xl li {
    margin-bottom: -40px;
}

.ace_xl li a {
    color: #666;
    font-size: 14px;
    line-height: 28px;
}

.ace_xl ul {
    padding: 10px 15px;
}

.ace_xl li a:hover {
    color: #1c2c42 !important;
}

.ace_xl li a:hover {
    color: rgba(255, 255, 255, 0.6) !important;
}

.ernavn {
    display: none;
}

.he_chanamesp {
    display: none !important;
}

.he_drop1 {
    margin-top: 0 !important;
}

.build .content .list li p {
    line-height: 2;
    height: 112px;
    overflow: hidden;
}

.build .content .list li h3 {
    line-height: 2;
    height: 144px;
    overflow: hidden;
}

.build .content .list li {
    padding-bottom: 85px;
    height: inherit;
}

.he_syconbox {
    padding: 0 !important;
}

/* .he_dynamic{
    padding:0 210px;
} */
.tusa {
    display: none;
}

.imgslick .slick-prev {
    background: url(../images/al.png) no-repeat;
    background-size: cover;
    width: 17px;
    height: 44px;
    left: -35px;
    z-index: 100;
}

.imgslick .slick-next {
    background: url(../images/ar.png) no-repeat;
    background-size: cover;
    width: 17px;
    height: 44px;
    right: -35px;
    z-index: 100;
}

.about .content .honor .right .award p.on {
    font-weight: bold;
    color: #1b2c43;
}

.item {
    display: none;
}

.item.on {
    display: block;
}

.g_honorwz.slick-current p {
    font-weight: bold;
    color: #1b2c43;
}

.g_honor {
    width: 600px;
}

.g_honorwz {
    width: 100%;
}

.g_honorwz p {
    cursor: pointer;
}

.about .content .honor .right .award .g_honor .slick-prev {
    left: 20px;

    background-image: url(../images/al.png);
    display: none !important;
}

.about .content .honor .right .award .g_honor .slick-next {
    right: 20px;

    background-image: url(../images/ar.png);
    display: none !important;
}

.he_propos p {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
}

.he_propos .he_more {
    margin-top: 18px;
}

.footerfr {
    margin-top: 10px;
}

@media screen and (max-width: 425px) {
    .about .content .honor .right .award p {
        width: 320px;
    }
}

/* 6.24 */
.ace_xl {
    min-width: 150px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.ace_xl ul {
    padding: 15px 15px;
}

.ace_xl li {
    margin-bottom: -40px;
}

.ace_xl li:last-child {
    margin-bottom: 0;
}

.ace_xl li a {
    line-height: 18px;
    padding: 6px 0;
}

.he_cratopi {
    opacity: 0;
}

.he_name .he_nameh4 {
    font-size: 30px;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
}

.he_name .he_namesp {
    font-size: 16px;
}

.he_name {
    margin-bottom: 18px !important;
}

.about .content .honor .right .award h4 {
    display: none;
}

.about .content .honor .right .award {
    top: 0;
    bottom: auto;
}

.mc_cont210 {
    padding: 0 210px;
}

.mc_a1s2 .he_profes {
    overflow: hidden;
}

.he_propos {
    padding: 0 125px;
}



@media screen and (max-width: 1680px) {
    .mc_cont210 {
        padding: 0 120px;
    }

    .he_jsuo span {
        margin-left: 45px !important;
    }

    .he_drop1 .he_dropdowle {
        margin-right: 20px !important;
    }
}

@media screen and (max-width: 1440px) {
    .mc_cont210 {
        padding: 0 60px;
    }

    .he_propos {
        padding: 0 88px;
    }

    .he_jsuo span {
        margin-left: 45px !important;
    }

    .he_drop1 .he_dropdowle {
        margin-right: 17px !important;
    }

    .he_conri {
        padding: 90px 50px 180px !important;
    }

    .he_dropdow1 {
        margin-right: 45px !important;
    }
}

@media screen and (max-width: 1199px) {
    .about .content .honor .right .bl::before {
        display: none;
    }

    .g_honor {
        width: 600px;
        margin: 0 auto;
    }

    .header_pc {
        display: none !important;
    }

    .header_ph {
        display: block !important;
    }

    .w_daohangli {
        display: none;
    }
}

@media screen and (max-width: 950px) {
    .mc_cont210 {
        padding: 0 20px;
    }

    .he_propos {
        padding: 0 60px;
    }

    .he_dynamic {
        padding: 0;
    }

    .he_profesim img {
        height: 360px;
    }

    .about .content .honor .left {
        padding: 0px;
    }

    .footer a {
        display: inline-block;
    }

    /* .footerfra img {
        width: 22px;
        transform: translateY(6px);
    } */
}

@media screen and (max-width: 416px) {
    .he_propos {
        padding: 0 15px;
    }

    .he_profesim img {
        height: 280px;
    }

    .he_propos p {
        font-size: 14px;
        line-height: 24px;
    }

}

.he_banbox .he_banboxfl {
    width: 100%;
    height: 100vh;
}

.he_banbox video {
    width: auto;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}



/* *************************************************************** */

/* 手机导航 */
.header_ph {
    height: 64px;
}

.g_phnav1.yxnav_active1,
.g_phnav2.yxnav_active2 {
    color: #000;
}

.mc_ph_hd {
    /* display: none; */
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 64px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.mc_language_ph a {
    line-height: 64px;
    color: #333;
    margin-right: 15px;
}

.mc_ph_hd .mc_ph_logo a {
    line-height: 64px;
}

.mc_ph_logo img {
    width: 100%;
}

.mc_ph_hd .mc_ph_logo {
    width: 168px;
}

.mc_ph_menu {
    overflow: hidden;
    width: 50px;
    height: 50px;
}

.mc_ph_hd .mc_phmenubox {
    width: 50px;
    height: 50px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.mc_ph_hd .mc_phmenubox .point {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 14px;
}

.mc_ph_hd .mc_phmenubox .point .nav_btn,
.mc_ph_hd .mc_phmenubox .point .nav_btn::after,
.mc_ph_hd .mc_phmenubox .point .nav_btn::before {
    display: inline-block;
    width: 28px;
    height: 1px;
    background-color: #333;
}

.mc_ph_hd .mc_phmenubox .nav_btn {
    position: absolute;
    top: 10px;
    right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.mc_ph_hd .mc_phmenubox .nav_btn::after,
.mc_ph_hd .mc_phmenubox .nav_btn::before {
    content: '';
    position: absolute;
    right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.mc_ph_hd .mc_phmenubox .nav_btn::after {
    top: -10px;
}

.mc_ph_hd .mc_phmenubox .nav_btn::before {
    top: 10px;
}

.mc_ph_hd .mc_phmenubox .point.active .nav_btn {
    background: transparent;
}

.mc_ph_hd .mc_phmenubox .point.active .nav_btn::after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mc_ph_hd .mc_phmenubox .point.active .nav_btn::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*ph导航&下拉*/
.phxia {
    position: fixed;
    width: 100%;
    left: 50%;
    top: 64px;
    z-index: 998;
    /* transform: translateX(-50%); */
    padding: 0 15px;
    background-color: #f1f1f1;
    max-height: calc(100vh - 64px);
    overflow: auto;

}

.xialaph {
    display: none;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 18px;
    background-color: #f1f1f1;
    font-family: '微软雅黑';
}

.xialaph h4 {
    position: relative;
}

.xialaph h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: .1;
    background-color: #000;
}

.xialaph h4 a {
    font-size: 14px;
    line-height: 36px;
    text-transform: uppercase;
    color: #999;
    max-width: calc(100% - 36px);
}

.xialaph h4 img {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 13px;
    cursor: pointer;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.xialaph .ul2 {
    display: none;
    padding-top: 7px;
    padding-bottom: 8px;
}

.xialaph .ul2 .container_s {
    max-width: 100%;
    padding: 0 15px;
}

.xialaph h5 {
    position: relative;
}

.xialaph h5::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    opacity: .05;
    background-color: #000;
}

.xialaph h5 a {
    font-family: '微软雅黑';
    font-size: 14px;
    line-height: 35px;
    text-transform: uppercase;
    color: #999;
    max-width: calc(100% - 36px);
}

.xialaph h5 img {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 35px;
    padding: 11px;
    cursor: pointer;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s {
    display: none;
}

.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d {
    display: block;
}

.xialaph .ul3 {
    display: none;
}

.xialaph h6 a {
    font-family: '微软雅黑';
    font-size: 12px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}

.header2 {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 999;
    width: 100%;
    height: 64px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #ffffff;
    transform: translateX(-50%);
}

.header2 .logo {
    width: 80px;
    line-height: 64px;
}

.header2 .logo img {
    width: 100%;
}

.header2 .phsearch {
    position: absolute;
    top: 50%;
    right: 70px;
    width: 25px;
    cursor: pointer;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.header2 .wj_hin_right {
    padding-top: 25px;
}

.header2 .phsearch img {
    width: 100%;
}

.ph_mea_cl {
    overflow: hidden;
    width: 50px;
    height: 100%;
}

.header2 .menuph {
    width: 50px;
    height: 50px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.header2 .menuph .point {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 14px;
}

.header2 .menuph .point .navbtn,
.header2 .menuph .point .navbtn::after,
.header2 .menuph .point .navbtn::before {
    width: 28px;
}

.header2 .menuph .navbtn {
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #666;
}

.header2 .menuph .navbtn::after,
.header2 .menuph .navbtn::before {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #666;
}

.header2 .menuph .navbtn::after {
    top: -10px;
}

.header2 .menuph .navbtn::before {
    top: 10px;
}

.header2 .menuph .point.active .navbtn {
    background: transparent;
}

.header2 .menuph .point.active .navbtn::after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header2 .menuph .point.active .navbtn::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ph_search {
    width: 100%;
    overflow: hidden;
    padding: 0 15px;
    padding-left: 15px;
}

.ph_search_ph {
    width: 100%;
    height: 35px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-top: 18px;
    float: left;
    border-radius: 17.5px;
    position: relative;
}

.ph_search_ph input {
    width: 100%;
    height: 100%;
    text-indent: 20px;
    color: #333333;
}

.ph_search_ph input::-webkit-input-placeholder {
    color: #999999;
}

.ph_search_ph button {
    width: 40px;
    height: 100%;
    color: #ffffff;
    line-height: 35px;
    text-align: center;
    font-size: 20px;
    font-family: "微软雅黑";
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}

.ph_search button .icon-sousuo {
    font-size: 27px;
    color: #999999;
}

.wj_header_i_nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    z-index: 10;
}

/*电话*/
.ph_dh_number {
    width: 100%;
    text-align: center;
    margin-top: 18px;

}

.ph_dh_number .ph_dh_n {
    display: inline-block;
    overflow: hidden;
}

.ph_dh_number .ph_dh_n p {
    float: left;
    font-size: 18px;
    color: #666;
}

.ph_dh_number .ph_dh_n .ph_dh_n_p1 {
    margin-right: 15px;
}

.wj_hin_r_en {
    color: #666;
}

.ph_searchfe {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 16px;
}

.ph_searchfe img {
    width: 100%;
}


.yxnav_active1 a {
    display: block;
}

/* *************************************************************** */

/* 6.28 */
.he_ph_banbox {
    display: none;
}

.he_banbox img {
    height: 100vh;
}

.about .content .video .videog {
    background: #000;
}

@media screen and (max-width: 1200px) {
    .ace_top {
        margin-top: -64px !important;
    }

    .header2,
    .phxia {
        display: block !important;
    }

    .he_jsuo span {
        margin-left: 38px !important;
    }

    .he_dropdow1 {
        margin-right: 22px !important;
    }
}

@media screen and (max-width: 1024px) {
    .he_jsuo span {
        margin-left: 17px !important;
    }

    .he_dropdow1 {
        margin-right: 40px !important;
    }

    .he_jsuo span {
        margin-left: 40px !important;
    }

}

@media screen and (max-width: 950px) {
    .lp {
        float: left;
    }

    .rp {
        float: right;
    }

    .he_ph_banbox {
        display: block;
    }

    .he_pc_banbox {
        display: none;
    }

    .he_banbox a {
        width: 100%;
        height: 100vh;
        position: relative;
    }

    .he_banbox img {
        width: auto !important;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .he_banbox::before {
        display: none;
    }

    .about .content .videog button {
        width: 40px;
        height: 40px;
    }

    .he_dropdow1 .he_dropdowle {
        width: 67px;
    }


}

@media screen and (max-width: 768px) {
    .he_centex {
        width: 80% !important;
    }

    .he_centex img {
        width: 100% !important;
    }

    .he_conri {
        padding: 90px 50px 50px !important;
    }
}

.he_drop1 .he_dropdowle {
    margin-right: 20px !important;
}

@media screen and (max-width: 416px) {
    .he_drop1 .he_dropdowle {
        width: 46px !important;
    }

    .he_drop1 .he_dropdowri {
        width: calc(100% - 67px) !important;
    }

    .he_dropdow1 .he_dropdowle {
        width: 50px !important;
    }

    .he_drop1 .he_dropdowle {
        margin-right: 5px !important;
    }

    .he_drop1 .he_dropdowri {
        width: calc(100% - 54px) !important;
    }

    .he_drop1 .he_dropdowle {
        margin-right: 4px !important;
    }

    .he_jsuo span {
        margin-left: 0px !important;
    }
}


.phxia {
    left: 0 !important;
}

.he_return {
    margin-bottom: 35px;
}

.ace_xl {
    min-width: 150px;
    background: rgba(0, 0, 0, 0.5);
}

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


/*9.24 - grace  start*/
.gn_banwz {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding: 58px 100px;
    width: 100%;
    background-image: linear-gradient(to right, rgba(27, 44, 67, .7), transparent);
    padding-left: 50px;
}

.gn_banwz_box {
    display: none;
}

.gn_banwz_box:first-child {
    display: block;
}

.gn_banwzskfl {
    width: 86px;
}

.gn_banwzskfl img {
    width: 100%;
}

.gn_banwzskfr {
    width: calc(100% - 86px);
    padding-left: 50px;
}

.gn_banwzskfr h3 {
    color: #ffffff;
    font-size: 22px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 8px;
}

.gn_banwzskfr p {
    color: #ffffff;
    opacity: .7;
    font-size: 16px;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
}

.gn_banwz_slogan {
    width: 450px;
}

.gn_banwz_slogan img {
    width: 100%;
}

.gn_banwzsk {
    width: calc(100% - 450px);
    padding-right: 100px;
}

.he_motex p {
    text-align: left;
}

.he_motex {
    padding: 0 130px;
}

.gn_form_bot {
    display: block;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, .2);
}

.gn_form_arr {
    width: 18px;
    cursor: pointer;
}

.gn_form_arr img {
    width: 100%;
    height: auto;
}

.gn_form {
    width: 625px;
    margin: 56px -12px 0;
}

.gn_formfl {
    width: 50%;
    padding: 0 12px;
    margin-bottom: 24px;
}

.gn_form_boxfl {
    color: #fff;
    font-size: 16px;
    line-height: 46px;
    width: 70px;
}

.gn_form_box {
    background: rgba(255, 255, 255, .2);
    padding: 0 24px;
}

.gn_form_boxfr {
    width: calc(100% - 70px);
    padding-left: 18px;
    position: relative;
}

.gn_form_top p {
    color: #999999;
    font-size: 16px;
    line-height: 46px;
    width: calc(100% - 18px);
    padding-right: 20px;
}

.gn_form_boxfr input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999999;
    font-size: 16px;
    line-height: 46px;
}

.gn_form_boxfr input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999999;
    font-size: 16px;
    line-height: 46px;
}

.gn_form_boxfr input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999999;
    font-size: 16px;
    line-height: 46px;
}

.gn_formfl span {
    display: block;
    line-height: 46px;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
}

.gn_form_arr {
    width: 18px;
    line-height: 46px;
}

.gn_form_arr img {
    width: 100%;
    transition: all .36s ease;
}

.gn_form_boxfr input {
    width: 100%;
    height: 46px;
    color: #999;
}

.gn_formfl:last-child .gn_form_box {
    background: rgba(27, 44, 67, .8);
    cursor: pointer;
}

.he_propos {
    position: absolute;
    bottom: inherit !important;
    top: 50%;
    left: 125px;
    transform: translateY(-50%);
}

.gn_form_bot li {
    padding: 0 20px;
    color: #666666;
    font-size: 16px;
    line-height: 32px;
    cursor: pointer;
    margin-bottom: 5px;
}

.gn_form_bot ul {
    height: 230px;
    padding: 10px 0;
    background: #f1f2f3;
}

.gn_form_bot {
    display: none;
    z-index: 10;
}

.gn_form_top.on .gn_form_arr img {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.he_banbox::before {
    display: none;
}

.gn_form_box {
    position: relative;
}

.mCSB_scrollTools {
    width: 10px !important;
    right: 12px !important;
}

.mc_a1s2 .he_profes {
    overflow: inherit;
}

.gn_imgzi {
    position: absolute;
    bottom: 0;
    right: 0;
}

.gn_imgzi p {
    font-size: 42px;
    color: #fff;
    letter-spacing: 1px;
    text-align: right;
    padding-right: 158px;
    margin-top: -20px;
}

.gn_imgzi {
    position: absolute !important;
    z-index: 2 !important;
    top: inherit !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    -webkit-transform: translate(0, 0) !important;
    -moz-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    height: 80px;
    background: rgba(27, 44, 67, .7);
}

.gn_honorfl {
    width: 16.666667%;
    padding: 0 22px;
    margin-bottom: 44px;
}

.gn_honor {
    margin: 66px -22px 0;
}

.gn_honor_box {
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    overflow: hidden;
    background: url(../images/b1_san.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    padding-bottom: 78px;
    background-position: bottom;
}

.gn_honor_img {
    width: 150px;
    margin: 66px auto 40px;
    position: relative;
}

.gn_honor_img img {
    width: 100%;
    height: 100%;
}

.gn_honor_img1 {
    position: relative;
    top: 0;
    left: 0;
}

.gn_honor_img2 {
    position: absolute;
    top: 0;
    left: 0;
}

.gn_honor_wz h4 {
    color: #333;
    font-size: 20px;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 14px;
}

.gn_honor_wz p {
    color: #666666;
    font-size: 16px;
    line-height: 32px;
    height: 128px;
    overflow: hidden;
    text-align: center;
}

.gn_honor_wz {
    padding: 0 36px;
}

.gn_honor .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 8px;
    background: #e8e9ec;
}

.gn_honor .slick-dots {
    bottom: 0;
}

.gn_honor .slick-dots li.slick-active {
    background: #1b2c43;
}

.hel_c1p3jb {
    padding-left: 50px;
    padding-right: 25px;
}

@media screen and (max-width: 1680px) {
    .gn_honorfl {
        padding: 0 10px;
    }

    .gn_honor_box {
        padding-bottom: 46px;
    }

    .gn_honor {
        margin: 50px -10px 0;
    }



}

@media screen and (max-width: 1560px) {
    .gn_honorfl {
        width: 20%;
    }
}

@media screen and (max-width: 1440px) {
    .gn_banwz_slogan {
        width: 300px;
    }

    .gn_banwzskfr h3 {
        font-size: 20px;
        margin-top: 4px;
        margin-bottom: 5px;
    }

    .gn_banwzskfr p {
        font-size: 14px;
    }

    .gn_banwzskfr {
        width: calc(100% - 74px);
        padding-left: 30px;
    }

    .gn_banwzskfl {
        width: 74px;
    }

    .gn_banwz {
        padding: 40px 100px;
        padding-left: 50px;
    }

    .gn_banwzsk {
        width: calc(100% - 300px);
        padding-right: 80px;
    }

    .gn_imgzi p {
        font-size: 38px;
    }
}

@media screen and (max-width: 1360px) {
    .he_profesimbox img {
        height: 580px;
    }

    .gn_banwz_slogan {
        width: 260px;
        margin-top: 10px;
    }

    .gn_banwzsk {
        width: calc(100% - 260px);
    }

    .gn_honorfl {
        width: 25%;
    }
}

@media screen and (max-width: 1280px) {
    .gn_form_bot ul {
        height: 200px;
    }

    .he_profesimbox img {
        height: 560px;
    }

    .gn_imgzi {
        height: 70px;
    }

    .gn_imgzi p {
        font-size: 34px;
    }
}

@media screen and (max-width: 1200px) {
    .gn_banwz {
        padding: 40px;
    }
}

@media screen and (max-width: 768px) {
    .gn_banwzsk {
        width: 100%;
        padding-right: 0;
    }

    .gn_banwz_slogan {
        width: 200px;
        margin-top: 20px;
    }

    .gn_banwz {
        padding: 30px 20px;
    }

    .gn_banwzskfl {
        width: 50px;
    }

    .gn_banwzskfr {
        width: calc(100% - 50px);
        padding-left: 20px;
    }

    .he_motex {
        padding: 0;
    }

    .gn_banwzskfr h3 {
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 0;
        line-height: 24px;
        height: 48px;
    }

    .gn_banwzskfr p {
        font-size: 12px;
        line-height: 20px;
        height: 40px;
    }

    .gn_form_boxfl {
        font-size: 14px;
        line-height: 38px;
        width: 60px;
    }

    .gn_form_boxfr {
        width: calc(100% - 60px);
        padding-left: 15px;
    }

    .gn_form_boxfr input {
        height: 40px;
    }

    .gn_form_boxfr input::-webkit-input-placeholder {
        /* WebKit browsers */
        font-size: 14px;
        line-height: 40px;
    }

    .gn_form_boxfr input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        font-size: 14px;
        line-height: 40px;
    }

    .gn_form_boxfr input:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        font-size: 14px;
        line-height: 40px;
    }

    .gn_form_top p {
        font-size: 14px;
        line-height: 40px;
    }

    .gn_form_bot li {
        font-size: 14px;
        line-height: 28px;
        cursor: pointer;
        margin-bottom: 3px;
    }

    .gn_form_bot {
        top: 55px;
    }

    .gn_form_bot ul {
        height: 180px;
    }

    .gn_form_arr {
        width: 18px;
        line-height: 40px;
    }

    .gn_form {
        width: 100%;
    }

    .gn_formfl {
        width: 100%;
        margin-bottom: 18px;
    }

    .gn_form {
        margin: 32px -12px 0;
    }

    .he_propos {
        padding: 0 20px;
        width: 50%;
    }

    .gn_formfl span {
        line-height: 40px;
    }

    .gn_honorfl {
        width: 50%;
    }

    .gn_imgzi p {
        font-size: 28px;
        padding-right: 20px;
        margin-top: -15px;
    }

    .gn_imgzi {
        height: 50px;
    }
}

@media screen and (max-width: 480px) {
    .gn_banwz_slogan {
        width: 180px;
    }

    .he_propos {
        width: 100%;
    }

    .he_propos {
        top: 0 !important;
        transform: translateY(0) !important;
    }

    .gn_form {
        margin: 32px 0px 0;
    }

    .gn_formfl {
        padding: 0;
    }

    .he_propos .he_proposh4 {
        font-size: 18px !important;
        line-height: 24px !important;
        margin-bottom: 4px !important;
    }

    .he_proposp {
        font-size: 18px !important;
        line-height: 24px !important;
        margin-bottom: 5px !important;
    }

    .gn_form_bot {
        top: 50px;
    }

    .gn_honor {
        width: 280px;
        margin: 32px auto 0;
    }

    .gn_honor_img {
        margin: 40px auto 20px;
    }

    .gn_honor_wz h4 {
        font-size: 18px;
        margin-bottom: 6px;
    }

    .gn_honor_wz p {
        font-size: 14px;
        line-height: 26px !important;
        height: 78px;
    }

    .gn_honor .slick-dots li {
        width: 6px;
        height: 6px;
        margin: 0 6px;
    }

    .gn_imgzi p {
        font-size: 18px;
        padding-right: 20px;
        margin-top: -10px;
    }

    .gn_imgzi {
        height: 40px;
    }
}

.hel_content {
    padding-right: 150px;
    padding-left: 150px;
}

/* d1 star */

.hel_d1ymbx {
    width: 100%;
    position: relative;
    padding: 100px 0 0;
}

.hel_img {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}

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

.hel_d1ymri {
    width: 600px;
    position: relative;
    overflow: hidden;
}

.hel_d1ymri img {
    transition: all 0.6s;
}

.hel_d1ymle {
    width: calc(100% - 600px);
    padding-right: 80px;
}

.hel_d1ymjle {
    width: 310px;
}

.hel_d1ymjri {
    width: calc(100% - 310px);
}

.hel_d1ymzb {
    width: 100%;
    position: relative;
    border-top: 1px solid #e2e2e2;
    padding-top: 70px;
}

.hel_d1ymzb::before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 46px;
    height: 3px;
    background: #233246;
}

.hel_d1ymjte .hel_title {
    font-size: 30px;
    line-height: 1.6;
    color: #333333;
}

.hel_d1ymjte .hel_tisp {
    font-size: 18px;
    line-height: 1.75;
    color: #999999;
}

.hel_d1yolile {
    width: 20px;
    line-height: 32px;
}

.hel_d1yolile img {
    width: 100%;
}

.hel_d1yoliri p {
    font-size: 16px;
    line-height: 2;
    color: #666666;
}

.hel_d1yoliri {
    width: calc(100% - 20px);
    padding-left: 16px;
}

.hel_d1yoliri p a {
    color: #666666;
}

.hel_d1yoli {
    margin-bottom: 15px;
}

.hel_d1ymli {
    margin-bottom: 90px;
}

/* d1 end */

/* d2 star */

.hel_d2mymbx {
    width: 100%;
    position: relative;
}

.hel_d2p1 {
    width: 100%;
    position: relative;
}


.hel_d2p1le {
    width: 52%;
}

.hel_d2p1ri {
    width: 48%;
    padding-left: 69px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;

}

.hel_d2p1leb {
    width: 100%;
    position: relative;
    background-color: #fafafa;
    padding: 64px 95px 90px;
}

.hel_d2p1ti {
    width: 100%;
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid #d7d7d7;
    position: relative;
    padding-bottom: 31px;
}

.hel_d2p1ti::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 46px;
    height: 3px;
    background: #233246;
}

.hel_d2p1ti p {
    font-size: 36px;
    color: #333333;
    line-height: 1.5;
}

.hel_d2p1ti span {
    font-size: 24px;
    color: #999999;
    line-height: 1.5;
    padding-left: 22px;
}

.hel_d2p1map {
    width: 100%;
    /* height: 315px; */
    margin-top: 60px;
}

#map {
    width: 100%;
    height: 100%;
}

.mc_a1s1 .he_estab {
    padding-top: 80px;
    padding-bottom: 66px;
}

.hel_d2p1rib {
    width: 100%;
    position: relative;
    border-top: 1px solid #edeef1;
    border-bottom: 1px solid #edeef1;
    padding-top: 84px;
    height: 100%;
}

.hel_d2p1riti p {
    padding-left: 84px;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
}

.hel_d2p1riti p::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 60px;
    height: 1px;
    background: #233246;
}

.hel_d2p1riti {
    width: 100%;
    border-bottom: 1px solid #edeef1;
    padding-bottom: 38px;
}

.hel_d2p1 {
    padding: 100px 0;
}

.hel_d2p1ul .hel_d1yoliri p {
    font-size: 18px;
}

.hel_d2p1ul .hel_d1yolile {
    line-height: 36px;
}

.hel_d2p1ul {
    padding-top: 84px;
    padding-left: 84px;
}

.hel_d2p2 {
    width: 100%;
    position: relative;
    padding-bottom: 100px;
}

.hel_d2p2ti {
    width: 100%;
    position: relative;
    text-align: center;
}

.hel_d2p2ti .hel_d1ymjte::before {
    content: '';
    position: absolute;
    top: 52px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background: #e7e7e7;
}

.hel_d2p2ti .hel_d1ymjte .hel_title {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

.hel_d2p2ti .hel_d1ymjte .hel_title::before {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #1b2c43;
}

.hel_d2p2ti .hel_d1ymjte .hel_tisp {
    display: block;
    width: 100%;
}

.hel_d2p2ny {
    width: 100%;
    position: relative;
    margin-top: 65px;
}

.hel_d2p2jk {
    width: 100%;
}

.hel_d2p2li {
    width: 25%;
    padding: 0 13px;
}

.hel_d2p2ul {
    margin: 0 -13px;
}

.hel_d2p2po {
    width: 100%;
    position: relative;
    background: #fafafa;
    padding: 36px 43px;
}

.hel_d2p2tti {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
}

.hel_d2p2tti::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 46px;
    height: 1px;
    background: #233246;
}

.hel_d2p2sle {
    width: 10px;
    line-height: 32px;
}

.hel_d2p2sle img {
    width: 100%;
}

.hel_d2p2sri p {
    font-size: 16px;
    line-height: 2;
    color: #999999;
}

.hel_d2p2sri {
    padding-left: 8px;
}

.hel_d2p2tle .hel_title {
    font-size: 28px;
    line-height: 1.2;
    color: #333333;
    margin-bottom: 10px;
}

.hel_d2p2tle .hel_tisp {
    font-size: 16px;
    line-height: 1.625;
    color: #999999;
}

.hel_d2p2tle {
    text-align: left;
}

.hel_d2p2ndjk {
    width: 100%;
    position: relative;
    margin-top: 20px;
}


.hel_d2p2ndjk p {
    font-size: 16px;
    line-height: 2;
    color: #666666;
    height: 64px;
    overflow: hidden;
}

.hel_d2p2li {
    display: none;
}

.hel_d2p2li:nth-child(1) {
    display: block;
}

.hel_d2p2li:nth-child(2) {
    display: block;
}

.hel_d2p2li:nth-child(3) {
    display: block;
}

.hel_d2p2li:nth-child(4) {
    display: block;
}

.hel_d2p2ul .slick-arrow {
    width: 16px;
    height: 28px;
    z-index: 10;
}

.hel_d2p2ul .slick-prev {
    background-image: url('../images/d2_arrow_left.svg');
    background-size: 100% 100%;
    left: -46px;
}

.hel_d2p2ul .slick-next {
    background-image: url('../fonts/d2_arrow_right.svg');
    background-size: 100% 100%;
    right: -46px;
}

.hel_d2pcmle p {
    font-size: 16px;
    line-height: 46px;
    color: #ffffff;
}

.hel_d2pcmri {
    width: 6px;
    line-height: 46px;
}

.hel_d2pcmri img {
    width: 100%;
}


.hel_d2pcmo {
    background: #1b2c43;
    display: inline-block;
    padding: 0 45px;
}

.hel_d2pcmks {
    width: 100%;
    text-align: center;
    margin-top: 56px;
}

.hel_d2pcmle {
    padding-right: 20px;
}

.hel_d1ymli a {
    display: block;
    width: 100%;
}


/* d2 end */

/* c1 star */

.hel_c1ymbx {
    width: 100%;
    position: relative;
    padding: 100px 0 73px;
}

.hel_c1p1 {
    width: 100%;
    position: relative;
    z-index: 10;
}

.hel_c1p1li {
    width: 20%;
    padding: 0 12px;
}

.hel_c1p1ul {
    margin: 0 -12px;
}

.hel_c1p1nbx {
    width: 100%;
    position: relative;
}

.hel_c1p1nwz p {
    font-size: 18px;
    line-height: 1.75;
    color: #333333;
}

.hel_c1p1nhy {
    width: 100%;
}

.hel_c1p1liin .hel_c1p1nhy input {
    padding: 0 25px;
}

.hel_c1p1liin .hel_c1p1nhy {
    padding: 0;
}

.hel_c1p1nhy input {
    width: 100%;
    height: 46px;
    background: #eeeeee;
}

.hel_c1p1nwz {
    margin-bottom: 10px;
}

.hel_c1p1nbt {
    background: #eeeeee;
    padding: 0 25px;
    cursor: pointer;
}

.hel_c1p1nbtri {
    width: 18px;
    line-height: 48px;
}

.hel_c1p1nbtri img {
    width: 100%;
    transition: all 0.36s;
}

.hel_c1p1nbtle {
    width: calc(100% - 18px);
    padding-right: 15px;
}

.hel_c1p1nbtle p {
    line-height: 48px;
    font-size: 16px;
    color: #999999;
    height: 48px;
    overflow: hidden;
}

.hel_c1p1nbd {
    position: absolute;
    top: 98px;
    left: 0;
    width: 100%;
    background: #eeeeee;
    display: none;
    z-index: 10;
}

.hel_c1p2 {
    width: 100%;
    position: relative;
    padding-top: 43px;
}

.hel_c1p1nbks {
    padding: 0px 25px;
    margin: 15px 0;
}

.hel_c1p1nbks p {
    font-size: 16px;
    line-height: 1.5;
    color: #999999;
    transition: all 0.36s;
    cursor: pointer;
    margin: 5px 0;
}

.hel_c1p1nbt.on .hel_c1p1nbtri img {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */
}

.hel_c1p2jri {
    width: 200px;
    margin-bottom: 6px;
}

.hel_c1p2jri button {
    width: 100%;
    line-height: 46px;
    background: #1b2c43;
    font-size: 18px;
    color: #fff;
}

.hel_c1p2kli {
    width: 46px;
    height: 46px;
    background: #eeeeee;
    text-align: center;
    margin-right: 6px;
    transition: all 0.36s;
    margin-bottom: 6px;
}

.hel_c1p2kli a {
    display: block;
    line-height: 46px;
    color: #999999;
    font-size: 20px;
    transition: all 0.36s;
}

.hel_c1p2kli.act {
    background: #1b2c43;
}

.hel_c1p2kli.act a {
    color: #fff;
}

.hel_c1p1nbks {
    height: 120px;
}

.hel_c1p1nbks .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 2px;
}

.hel_c1p1nbks .mCSB_scrollTools .mCSB_draggerContainer {
    left: 13px;
}

.hel_c1p3 {
    width: 100%;
    position: relative;
    margin-top: 76px;
    border-top: 1px solid #d5d5d5;
    padding-top: 76px;
}

.hel_c1p3li {
    width: 33.333333%;
    padding: 0 25px;
    margin-bottom: 50px;
}

.hel_c1p3ul {
    margin: 0 -25px;
}

.hel_c1p3jb {
    width: 100%;
    position: relative;
    background: #eeeeee;
    padding-top: 43px;
    padding-left: 40px;
    transition: all 0.36s;
}

.hel_c1p3jbri {
    width: 220px;
    position: relative;
}

.hel_c1p3jble {
    width: calc(100% - 220px);
    padding-right: 19px;
    padding-top: 15px;
}

.hel_c1p3jtui .hel_tisp {
    font-family: 'Arial' !important;
}

.hel_c1p3jkd {
    margin-top: 24px;
    padding-top: 23px;
    position: relative;
    display: inline-block;
}


.hel_c1p3jkd::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #d5d5d5;
    transition: all 0.36s;
}

.hel_c1p3jkd p {
    font-size: 18px;
    line-height: 1.5;
    color: #666666;
    height: 135px;
    overflow: hidden;
}

/* c1 end */

/* c2 star */
.hel_c2p1 {
    width: 100%;
    position: relative;
}

.hel_c2p1le {
    width: 490px;
    padding-right: 100px;
    padding-top: 78px;
    min-height: 100vh;
}

.hel_c2p1ri {
    width: calc(100% - 490px);
    padding-left: 109px;
    padding-top: 76px;
    padding-bottom: 76px;
    overflow: hidden;
}

.hel_c2p1leig {
    width: 100%;
}

.hel_c2p1leig img {
    width: 100%;
}

.hel_c2p1dle {
    width: 22px;
}

.hel_c2p1dle img {
    width: 100%;
}

.hel_c2p1dri {
    width: calc(100% - 22px);
    padding-left: 15px;
}

.hel_c2p1dri p {
    font-size: 16px;
    line-height: 1.625;
    color: #333333;
}

.hel_c2p1leli {
    margin-bottom: 16px;
}

.hel_c2p1leul {
    margin-top: 28px;
    padding-left: 36px;
}

.hel_c2ymbx {
    width: 100%;
    position: relative;
}

.hel_c2ymbx::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 33.7%;
    height: 100%;
    background: #fafafa;
}

.hel_c2p1rop .hel_c2p1ti {
    font-size: 40px;
    line-height: 1.5;
    color: #333333;
    font-weight: bold;
}

.hel_c2p1rop .hel_c2p1sp {
    font-size: 24px;
    line-height: 1.5;
    color: #666666;
    padding-left: 24px;
}

.hel_c2p1rop {
    display: flex;
    align-items: flex-end;
}

.hel_c2p1fti p {
    font-size: 20px;
    line-height: 1.5;
    color: #333333;
    font-weight: bold;
}

.hel_c2p1fti {
    position: relative;
}

.hel_c2p1fti::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 95px;
    width: calc(100% - 95px);
    height: 1px;
    background: #dfdfdf;
}

.hel_c2p1fti::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 95px;
    width: 20px;
    height: 3px;
    background: #1b2c43;
}

.hel_c2p1ftute p {
    font-size: 16px;
    line-height: 2;
    color: #666666;
}

.hel_c2p1ftute {
    margin-top: 20px;
}

.hel_c2p1ful {
    margin-top: 46px;
}

.hel_c2p1fli {
    margin-bottom: 55px;
}

.hel_c2p1mor a {
    display: block;
    width: 150px;
    border: 1px solid #cdcdcd;
    padding: 0 25px;
}

.hel_c2p1mig {
    width: 6px;
    line-height: 46px;
}

.hel_c2p1mig img {
    width: 100%;
}

.hel_c2p1mie p {
    font-size: 16px;
    line-height: 46px;
    color: #666666;
}

.hel_c2p1mie {
    width: calc(100% - 6px);
    padding-left: 19px;
}

.hel_c1p2jle {
    width: calc(100% - 200px);
}

/* c2 end */


@media screen and (min-width:1200px) {
    .hel_d1ymli:hover .hel_d1ymri img {
        transform: scale(1.06);
    }

    .hel_c1p1nbks p:hover {
        color: #1b2c43;
    }

    .hel_c1p2kli:hover {
        background: #1b2c43;
    }

    .hel_c1p2kli:hover a {
        color: #fff;
    }

    .hel_c1p3li:hover .hel_c1p3jb {
        background: #cacaca;
    }

    .hel_c1p3li:hover .hel_c1p3jkd::before {
        background: #afafaf;
    }
}

/* 响应式 */
.hel_c1p3jkd p {
    font-size: 16px;
    line-height: 1.75;
    height: 112px;
}

.gn_form_top p {
    line-height: 1.75;
    margin-top: 9px;
    margin-bottom: 9px;
}

@media screen and (max-width: 1680px) {
    .hel_c2ymbx::before {

        width: 37%;
    }

    .hel_c1p3jkd p {
        line-height: 1.5;
    }

    .hel_d2p2po {
        padding: 36px 34px;
    }

    .hel_c1p3li {
        padding: 0 20px;
        margin-bottom: 40px;
    }

    .hel_c1p3ul {
        margin: 0px -20px;
    }

    .hel_c1p3jbri {
        width: 180px;
    }

    .hel_c1p3jble {
        width: calc(100% - 180px);
        padding-right: 5px;
        padding-top: 14px;
    }

    .hel_c1p3jb {
        padding-left: 42px;
    }

    .hel_d1ymjle {
        width: 230px;
    }

    .hel_d1ymjri {
        width: calc(100% - 230px);
    }

    .hel_c1p3jkd p {
        font-size: 16px;
        height: 96px;
    }

    .hel_c1p3jble {
        padding-top: 0px !important;
    }

    .hel_c1p3jb {
        padding-left: 26px;
    }
}

@media screen and (max-width: 1560px) {
    .hel_content {
        padding-right: 90px;
        padding-left: 90px;
    }




}

@media screen and (max-width: 1440px) {
    .hel_c2p1le {
        width: 440px;
        padding-right: 80px;
        padding-top: 50px;
    }

    .hel_c2p1ri {
        width: calc(100% - 440px);
        padding-left: 100px;
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .hel_c2p1rop .hel_c2p1ti {
        font-size: 32px;
    }

    .hel_c2p1rop .hel_c2p1sp {
        font-size: 18px;
    }

    .hel_c2p1ful {
        margin-top: 30px;
    }

    .hel_c2p1fli {
        margin-bottom: 30px;
    }

    .hel_d2p1 {
        padding: 65px 0;
    }

    .hel_d2p1leb {
        padding: 45px 60px 68px;
    }

    .hel_d2p1ti p {
        font-size: 28px;
    }

    .hel_d2p1ti span {
        font-size: 18px;
    }

    .hel_d2p1rib {
        padding-top: 60px;
    }

    .hel_d2p1riti {
        padding-bottom: 37px;
    }

    .hel_d2p2tle .hel_title {
        font-size: 22px;
    }

    .hel_d2p2ndjk p {
        height: 96px;
    }

    .hel_d2p2ny {
        margin-top: 46px;
    }

    .hel_d2p2 {
        padding-bottom: 65px;
    }

    .hel_d1ymjte .hel_title {
        font-size: 26px;
    }

    .hel_d2p2ti .hel_d1ymjte::before {
        top: 45px;
    }

    .hel_d1ymjte .hel_tisp {
        font-size: 16px;
    }

    .hel_d2p1riti {
        padding-bottom: 30px;
    }

    .hel_d2p1riti p::before {
        width: 36px;
    }

    .hel_d2p1riti p {
        padding-left: 51px;
    }

    .hel_d2p1ul {
        padding-top: 67px;
        padding-left: 58px;
    }

    .hel_c1ymbx {
        padding: 65px 0 37px;
    }

    .hel_c1p2 {
        padding-top: 32px;
    }

    .hel_c1p3 {
        margin-top: 55px;
        padding-top: 55px;
    }

    .hel_c1p3li {
        padding: 0 15px;
        margin-bottom: 30px;
    }

    .hel_c1p3ul {
        margin: 0px -15px;
    }

    .hel_d1ymzb {
        padding-top: 43px;
    }

    .hel_d1ymle {
        width: calc(100% - 500px);
        padding-right: 51px;
    }

    .hel_d1ymri {
        width: 500px;
    }

    .hel_d1yoli {
        margin-bottom: 4px;
    }

    .hel_d1ymli {
        margin-bottom: 60px;
    }

    .hel_d1ymbx {
        padding: 65px 0 0;
    }

    .hel_c1p3jb {
        padding-left: 30px;
    }

    .hel_c1p3jbri {
        width: 150px;
    }

    .hel_c1p3jble {
        width: calc(100% - 150px);
    }

    .mc_a1s1 .he_estab {
        padding-top: 58px;
        padding-bottom: 37px;
    }

    .hel_c1p3jkd {
        margin-top: 12px;
        padding-top: 12px;
    }

    .hel_c1p3jb {
        padding-left: 20px;
    }

    .hel_c1p3jble {
        padding-right: 0px;
    }
}

@media screen and (max-width: 1366px) {
    .hel_c2p1ri {
        padding-left: 64px;
    }

    .hel_d2p1leb {
        padding: 45px 48px 68px;
    }

    .hel_d2p1map {
        margin-top: 40px;
    }

    .hel_d2p1le {
        width: 52%;
    }

    .hel_c1p3jkd p {
        font-size: 14px;
        height: 84px;
    }

}

@media screen and (max-width: 1280px) {
    .hel_c2p1le {
        width: 383px;
        padding-right: 40px;
    }

    .hel_d2p1ri {
        padding-left: 48px;
    }

    .hel_c1p2kli {
        width: 38px;
        height: 38px;
    }

    .hel_c1p2kli a {
        line-height: 38px;
        font-size: 18px;
    }

    .hel_c1p2jri button {
        line-height: 38px;
        font-size: 16px;
    }

    .hel_c1p2jri {
        width: 150px;
    }

    .hel_c1p2jle {
        width: calc(100% - 150px);
    }

    .hel_c1p1nbt {
        padding: 0 18px;
    }

    .hel_c1p1nbks {
        padding: 0px 18px;
    }

    .hel_c1p1liin .hel_c1p1nhy input {
        padding: 0 18px;
    }

    .hel_c1p3jkd {
        margin-top: 15px;
        padding-top: 16px;
    }

    .hel_c1p3jbri {
        width: 140px;
    }

    .hel_c1p3jble {
        width: calc(100% - 140px);
    }

    /* .hel_c1p3jkd p {
        font-size: 16px;
        line-height: 1.5;
        max-height: 48px;
    } */

    .hel_c1p3jb {
        padding-left: 26px;
        padding-top: 30px;
    }

    .hel_c1p3jble {
        padding-right: 5px;
        padding-top: 6px;
    }

    .hel_d1ymle {
        width: calc(100% - 400px);
        padding-right: 33px;
    }

    .hel_d1ymri {
        width: 400px;
    }

    .hel_d1ymzb {
        padding-top: 32px;
    }

    .hel_d1ymjle {
        width: 180px;
    }

    .hel_d1ymjri {
        width: calc(100% - 180px);
    }

    .hel_c1p3jble {
        padding-right: 17px;
    }

    .hel_d2p2tle .hel_title {
        margin-bottom: 4px;
    }

    .hel_c1p3jkd {
        margin-top: 10px;
        padding-top: 10px;
    }

    .hel_c1p3jkd p {
        height: 105px;
    }
}

@media screen and (max-width: 1240px) {
    .hel_c2ymbx::before {
        width: 39%;
    }
}

@media screen and (max-width: 1199px) {
    .hel_content {
        padding-right: 20px;
        padding-left: 20px;
        width: 100%;
    }

    .hel_c2p1rop .hel_c2p1ti {
        font-size: 26px;
    }

    .hel_d2p1leb {
        padding: 33px 36px 48px;
    }

    .hel_d2p1rib {
        padding-top: 32px;
    }

    .hel_d2p1riti {
        padding-bottom: 20px;
    }

    .hel_d2p1ti p {
        font-size: 24px;
    }

    .hel_d2p1ul {
        padding-top: 42px;
        padding-left: 48px;
    }

    .hel_d1yolile {
        width: 16px;
    }

    .hel_d2p1ul .hel_d1yoliri p {
        font-size: 16px;
    }

    .hel_d1yoliri {
        width: calc(100% - 16px);
        padding-left: 13px;
    }

    .hel_d2p1ul .hel_d1yolile {
        line-height: 32px;
    }

    .hel_d2p1 {
        padding: 53px 0;
    }

    .hel_d2p2jk {
        padding: 0 40px;
    }

    .hel_d2p2ul .slick-prev {
        left: -18px;
    }

    .hel_d2p2ul .slick-next {
        right: -18px;
    }

    .hel_c1p3li {
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .hel_c1p3ul {
        margin: 0px -10px;
    }

}

@media screen and (max-width: 950px) {

    .hel_c2p1le {
        width: 340px;
        padding-right: 28px;
    }

    .hel_c2p1fti p {
        font-size: 18px;
    }

    .hel_c1p1li {
        width: 33.333333%;
        margin-bottom: 18px;
    }

    .hel_c1p1nwz p {
        font-size: 16px;
    }

    .hel_c1p3li {
        width: 50%;
    }

    .hel_d1ymri {
        width: 340px;
    }

    .hel_d1ymle {
        width: calc(100% - 340px);
        padding-right: 20px;
    }

    .hel_d1yoliri p {
        font-size: 14px;
    }

    .hel_d1yolile {
        line-height: 28px;
    }

    .hel_d1ymli {
        margin-bottom: 24px;
    }

    .mc_a1s1 .he_estab {
        padding-top: 20px;
        padding-bottom: 4px;
    }

    .mc_a1s1 {
        padding: 0 0px;
    }
}

@media screen and (max-width: 768px) {
    .hel_c2p1le {
        width: 100%;
        padding-right: 0px;
    }

    .hel_c2p1leig {
        width: 300px;
        max-width: 100%;
    }

    .hel_c2p1le {
        position: relative;
        z-index: 10;
    }

    .hel_c2p1le::after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: #fafafa;
        height: 100%;
        width: 100vw;
        z-index: -1;
    }

    .hel_c2ymbx::before {
        display: none;
    }

    .hel_c2p1ri {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .hel_c2p1le {
        padding-top: 25px;
        padding-bottom: 20px;
        min-height: inherit;
    }

    .hel_c2p1ri {
        padding-top: 34px;
        padding-bottom: 36px;
    }

    .hel_c2p1rop .hel_c2p1ti {
        font-size: 18px;
    }

    .hel_c2p1rop .hel_c2p1sp {
        font-size: 14px;
        padding-left: 10px;
    }

    .hel_c2p1fti p {
        font-size: 16px;
    }

    .hel_c2p1fti::before {
        left: 80px;
        width: calc(100% - 50px);
    }

    .hel_c2p1fti::after {
        left: 80px;
        height: 2px;
    }

    .hel_c2p1ful {
        margin-top: 18px;
    }

    .hel_c2p1ftute p {
        font-size: 14px;
    }

    .hel_c2p1ftute {
        margin-top: 8px;
    }

    .hel_c2p1fli {
        margin-bottom: 17px;
    }

    .hel_c2p1mie p {
        font-size: 14px;
        line-height: 39px;
    }

    .hel_c2p1mig {
        line-height: 39px;
    }

    .hel_c2p1mie {
        width: calc(100% - 6px);
        padding-left: 12px;
    }

    .hel_c2p1mor a {
        padding: 0 20px;
    }

    .hel_c2p1mor a {
        width: 119px;
    }

    .hel_d2p1le {
        width: 100%;
    }

    .hel_d2p1ri {
        width: 100%;
        padding-left: 0;
        position: static;
        transform: inherit;
    }

    .hel_d2p1map {
        /* height: 240px; */
    }

    .hel_d2p1ti p {
        font-size: 18px;
    }

    .hel_d2p1ti span {
        font-size: 14px;
        padding-left: 9px;
    }

    .hel_d2p1leb {
        padding: 25px 20px 30px;
    }

    .hel_d2p1ti {
        padding-bottom: 14px;
    }

    .hel_d2p1ti::before {
        bottom: -1px;
        width: 26px;
        height: 2px;
    }

    .hel_d2p1map {
        margin-top: 25px;
    }

    .hel_d2p1 {
        padding: 38px 0;
    }

    .hel_d2p1ri {
        margin-top: 35px;
    }

    .hel_d2p1riti p {
        font-size: 16px;
    }

    .hel_d2p1rib {
        padding-top: 22px;
    }

    .hel_d2p1riti {
        padding-bottom: 14px;
    }

    .hel_d2p1ul {
        padding-top: 19px;
        padding-left: 48px;
        padding-bottom: 19px;
    }

    .hel_d1yoli {
        margin-bottom: 8px;
    }

    .hel_d1ymjte .hel_title {
        font-size: 18px;
    }

    .hel_d1ymjte .hel_tisp {
        font-size: 14px;
    }

    .hel_d2p2ti .hel_d1ymjte::before {
        top: 32px;
    }

    .hel_d2p2tle .hel_title {
        font-size: 16px;
    }

    .hel_d2p2tle .hel_tisp {
        font-size: 14px;
    }

    .hel_d2p2sri p {
        font-size: 14px;
    }

    .hel_d2p2sle {
        line-height: 26px;
    }

    .hel_d2p2tti::before {
        width: 36px;
    }

    .hel_d2p2ul .slick-arrow {
        width: 10px;
    }

    .hel_d2p2jk {
        padding: 0 26px;
    }

    .hel_d2p2ny {
        margin-top: 24px;
    }

    .hel_d2p2ndjk p {
        height: 56px;
        font-size: 14px;
    }

    .hel_d2p2li {
        padding: 0 10px;
    }

    .hel_d2p2ul {
        margin: 0 -10px;
    }

    .hel_d2pcmle p {
        font-size: 14px;
        line-height: 39px;
    }

    .hel_d2pcmri {
        width: 6px;
        line-height: 38px;
    }

    .hel_d2pcmo {
        padding: 0 22px;
    }

    .hel_d2pcmle {
        padding-right: 10px;
    }

    .hel_d2pcmks {
        margin-top: 38px;
    }

    .hel_d2p2 {
        padding-bottom: 38px;
    }

    .hel_c1p1nhy input {
        height: 38px;
    }

    .hel_c1p1nbtle p {
        line-height: 38px;
        font-size: 14px;
        height: 38px;
    }

    .hel_c1p1nbtri {
        width: 12px;
        line-height: 38px;
    }

    .hel_c1p1nbtle {
        width: calc(100% - 12px);
        padding-right: 10px;
    }

    .hel_c1p1nbd {
        top: 84px;
    }

    .hel_c1ymbx {
        padding: 36px 0 18px;
    }

    .hel_c1p1nwz p {
        font-size: 14px;
    }

    .hel_c1p1nwz {
        margin-bottom: 4px;
    }

    .hel_c1p2 {
        padding-top: 5px;
    }

    .hel_c1p2kli a {
        line-height: 30px;
        font-size: 16px;
    }

    .hel_c1p2kli {
        width: 30px;
        height: 30px;
    }

    .hel_c1p2jri button {
        line-height: 30px;
        font-size: 14px;
    }

    .hel_c1p2jri {
        width: 100px;
    }

    .hel_c1p2jle {
        width: calc(100% - 100px);
    }

    .hel_c1p3 {
        margin-top: 31px;
        padding-top: 26px;
    }

    .hel_c1p1li {
        padding: 0 6px;
    }

    .hel_c1p1ul {
        margin: 0 -6px;
    }

    .hel_d1ymle {
        width: 100%;
        padding-right: 0;
    }

    .hel_d1ymri {
        float: left;
        margin-top: 15px;
    }

    .hel_d1ymzb {
        padding-top: 26px;
    }

    .hel_d1ymli {
        margin-bottom: 33px;
    }

    .hel_d1ymbx {
        padding: 37px 0 0;
    }

    .hel_c1p3jb {
        padding-left: 20px;
        padding-top: 30px;
        padding-right: 20px;
    }

    .hel_c1p3jbri {
        width: 124px;
    }

    .hel_c1p3jble {
        padding-right: 9px;
        width: calc(100% - 124px);
    }

    .gn_form_top p {
        margin-top: 7px;
        margin-bottom: 7px;
    }
}

@media screen and (max-width: 480px) {
    .hel_c2p1leul {
        margin-top: 22px;
        padding-left: 0px;
    }

    .hel_c2p1dle {
        width: 18px;
    }

    .hel_c2p1dri {
        width: calc(100% - 18px);
        padding-left: 12px;
    }

    .hel_c2p1dri p {
        font-size: 14px;
    }

    .hel_c2p1leli {
        margin-bottom: 11px;
    }

    .hel_d2p1 {
        padding: 36px 0;
    }

    .hel_d2p1ul {
        padding-left: 16px;
    }

    .hel_d2p2po {
        padding: 23px 20px;
    }

    .hel_d2pcmks {
        margin-top: 27px;
    }

    .hel_c1p1li {
        width: 50%;
    }

    .hel_c1p2jle {
        width: 100%;
    }

    .hel_c1p2jri {
        float: left;
        margin-top: 18px;
    }

    .hel_c1p3 {
        margin-top: 24px;
        padding-top: 26px;
    }

    .hel_c1p3li {
        width: 100%;
    }

    .hel_d1ymjle {
        width: 100%;
    }

    .hel_d1ymjri {
        width: 100%;
    }

    .hel_d1ymzb {
        padding-top: 23px;
    }

    .hel_d1ymri {
        margin-top: 10px;
    }

    .hel_c1p3 .paging,
    .lawyerlist .paging {
        padding-top: 19px;
        padding-bottom: 22px;
    }


    .ace_top .mc_a1s1 {
        /* padding-left: 20px;
        padding-right: 20px; */
        padding-bottom: 30px;
    }

    .hel_c1p3jkd {
        margin-top: 8px;
        padding-top: 9px;
    }

    .hel_c1p3jkd p {
        height: 105px;
    }

}

.he_banbox video {
    z-index: 10;
}

.mc_a1s1 .he_bgtte {
    z-index: 0;
}

.mc_a1s1 .he_motex {
    padding: 0 0px;
}

.mc_a1s1 .he_motex p {
    text-align: left;
}


.lp,
.rp {
    display: inline-block;
}


.gn_form {
    display: flex;
    flex-wrap: wrap;
}

.he_langg .lang {
    line-height: 70px;
}

.header.act .lang a {
    color: #333;
}
/* 4.8 */
.hel_d2p1map img{
    width:100%;
}

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

.g5_map_img a{
    display: block;
    width: 100%;
    height: 100%;
}

.g5_map_img:not(:first-child){
    display: none;
}

.zixun {
    font-size: 24px;
    color: #e95412;
	line-height: 2;
}
.goumai {
    width: 64px;
    height: 38px;
    background: #006666;
    margin-top: 36px;
    margin-right: 43px;
}
.goumai2 {
    width: 60px;
    height: 38px; 
    color: #f7f3f3;
}
.w {
    width: 1181px;
    margin: 0 auto;
}
.hto{
   padding: 13px 20px;
    border: 1px solid #207979;
    display: block;
    margin-left: 16px;
    color: #fbfbfb;    
	text-decoration: none;
	opacity: 1;
	float: left;
	list-style-type: none;
	background: #006666;
			
}