@font-face {
    font-family: "iconfont";
    src: url('../font/iconfont.eot?t=1576571733499');
    /* IE9 */
    src: url('../font/iconfont.eot?t=1576571733499#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
        url('../font/iconfont.woff?t=1576571733499') format('woff'),
        url('../font/iconfont.ttf?t=1576571733499') format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
        url('../font/iconfont.svg?t=1576571733499#iconfont') 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;
}

body {
    background: #f8f8f8;
    font-size: 16px;
    color: #303030;
}

img {
    border: 0;
}

ul,
li,
dl,
dd,
dt,
p {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    color: #303030;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: none;
}

.clear {
    clear: both;
}

.txtleft {
    text-align: left;
}

.txtright {
    text-align: right;
}

.ahover {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.line1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.line2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.line3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.body {
    width: 1400px;
    margin: 0 auto;
    position: relative;
}

.containerx {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.containerInnerBox {
    width: 1400px;
    height: auto;
    margin: 0 auto;
}

.resolveOutBox {
    width: 100%;
    height: auto;
    background-size: cover;
    overflow: hidden;
}

.resolveMakeBox {
    width: 1400px;
    height: auto;
    max-width: 10000px;
    height: auto;
    overflow: hidden;
}

.resolve {
    width: auto;
    overflow: hidden;
    height: 480px;
    position: relative;
    float: left;
    cursor: pointer;
}

.maskBox {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    left: 0;
    transform: all 0.3s;
}

.resolveAlertBox {
    width: 140px;
    height: 100%;
    background: #232323;
    float: left;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.resolveAlert .moreA {
    line-height: 40px;
    color: #888;
    font-size: 14px;
    text-decoration: underline;
}

.resolveMakeBox {
    transition: all 0.3s;
    transition-timing-function: linear;
}

.resolveMakeBox .resolve {
    transition: all 0.3s;
    transition-timing-function: linear;
}

.resolveMakeBox .resolveDelay {
    transition: all 0.3s;
    transition-delay: 0.02s;
    transition-timing-function: linear;
}

.resolveDelay {
    transition: all 0.3s;
    transition-delay: 0.02s;
    transition-timing-function: linear;
}

.resolveInnerBox {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 10;
    float: left;
    height: 480px;
}

.resolveImg {
    width: 100%;
    height: 100%;
    float: left;
}

.resolveInner {
    width: 100%;
    height: 480px;
    overflow: hidden;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.resolveText {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 40px;
    z-index: 2;
    text-align: right;
    padding-top: 130px;
    color: #fff;
}

.resolveText .text1 {
    font-size: 24px;
    margin: 25px 0 10px;
}

.resolveText .text2 {
    font-size: 14px;
    margin: 0 0 50px;
}

.containerx p {
    line-height: normal;
}

.containerH3 {
    font-size: 36px;
    margin-bottom: 75px;
}

.containerH3 .en {
    color: #e5e5e5;
    text-transform: uppercase;
}

#gsgk {
    width: 610px;
    height: 920px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

#gsgk a {
    color: #fff;
}

#gsgk .text1 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 40px;
}

#gsgk .text2 {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 90px;
}

#gsgk .more a {
    display: inline-block;
    padding: 0 50px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    background: #fff;
    text-align: center;
    color: #333;
}

#gsgk .more a:hover {
    background: #333;
    color: #fff;
}

.slideTxtBox {
    width: 100%;
    text-align: left;
    position: relative;
}

.slideTxtBox .hd {
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: -110px;
}

.slideTxtBox .hd ul li {
    float: left;
    cursor: pointer;
    margin-left: 20px;
}

.slideTxtBox .hd ul li a {
    display: inline-block;
    padding: 0 30px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 10px #ddd;
}

.slideTxtBox .hd ul li.on {
    height: 30px;
    background: #fff;
}

.slideTxtBox .hd ul li.on a {
    display: inline-block;
    background: #222;
    color: #fff;
}

.slideTxtBox .bd {
    padding: 0;
    zoom: 1;
}

.slideTxtBox .mainbox {
    width: 100%;
    height: 395px;
    background: #fff;
    box-shadow: 0 0 30px #eee;
    border-radius: 15px;
    overflow: hidden;
}

.slideBox1 {
    width: 700px;
    height: 395px;
    overflow: hidden;
    position: relative;
    float: left;
}

.slideBox1 .hd1 {
    height: 10px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    bottom: 20px;
    z-index: 1;
}

.slideBox1 .hd1 ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.slideBox1 .hd1 ul li {
    float: left;
    margin-right: 6px;
    width: 10px;
    height: 10px;
    background: #fff;
    cursor: pointer;
    text-indent: -999em;
    border-radius: 100%;
}

.slideBox1 .hd1 ul li.on {
    background: #0062b3;
    color: #fff;
}

.slideBox1 .bd1 {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox1 .bd1 li {
    zoom: 1;
    vertical-align: middle;
    position: relative;
}

.slideBox1 .bd1 img {
    width: 700px;
    height: 395px;
    display: block;
}

.slideBox1 .bd1 li .title {
    width: 700px;
    height: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    margin: 0;
}

.slideBox1 .bd1 li .title a {
    color: #fff;
    line-height: 50px;
    padding-left: 15px;
}

.newsbox {
    width: 600px;
    margin-right: 50px;
    float: right;
}

.infolist {
    padding-top: 15px;
}

.infolist li {
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid #e5e5e5;
}

.infolist li .shijian {
    font-size: 18px;
    margin-right: 30px;
    font-weight: bold;
}

.infolist li .shijian em {
    font-size: 14px;
    color: #e5e5e5;
    font-style: normal;
    font-weight: normal;
}

.infolist li a {
    font-weight: bold;
}

.piclist1 {}

.piclist1 li {
    float: left;
    box-shadow: 0 0 20px #ccc;
    margin: 0 13px 0 0;
    margin-bottom: 20px;
    /*margin-top: 20px;*/
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;

}

.piclist1 li img {
    width: 220px;
    height: 70px;
}

.piclist1 li:hover {
    transform: translate(0, -15px);
}

.picScroll-left .bd {}

#foot_menu {}

#foot_menu li {
    display: inline-block;
    color: #919191;
    padding-right: 30px;
    margin-right: 30px;
    font-size: 14px;
    position: relative;
}

#foot_menu li:after {
    content: '';
    width: 1px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    background: #919191;
}

#foot_menu li:last-child:after {
    display: none;
}

#foot_menu li a {
    color: #919191;
    line-height: 50px;
}

#foot_lx {
    position: absolute;
    right: 0;
    top: 10px;
}

#foot_lx li {
    display: inline-block;
    position: relative;
    margin-left: 15px;
    padding-left: 15px;
}

#foot_lx li .hover {
    position: absolute;
    left: -120px;
    top: 0;
    z-index: 2;
    display: none;
}

#foot_lx li:hover .hover {
    display: block;
}

#foot_lx li:after {
    content: '';
    width: 1px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    background: #919191;
}

#foot_lx li:first-child:after {
    display: none;
}

#foot_lx li img {
    width: 30px;
    height: 30px;
}

#foot_erweima {
    width: 420px;
    height: 210px;
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid #414141;
    padding-top: 45px;
}

#foot_erweima .pic {
    float: left;
    margin-right: 30px;
}

#foot_erweima .text1 {
    color: #919191;
    font-size: 14px;
    padding-top: 5px;
}

#foot_erweima .text2 {
    color: #fff;
    font-size: 26px;
    padding-top: 5px;
}

#foot_yx {
    width: 550px;
    height: 210px;
    border-right: 1px solid #414141;
    padding: 80px 0 0 80px;
    position: absolute;
    left: 420px;
    top: 0;
}

#foot_yx li {
    color: #919191;
    line-height: 36px;
    font-size: 14px;
}

#foot_form {
    width: 400px;
    position: absolute;
    right: 0;
    top: 60px;
}

#foot_form .text1 {
    color: #919191;
    font-size: 14px;
    margin-bottom: 10px;
}

#foot_form .sch_input {
    width: 335px;
    height: 50px;
    float: left;
    background: #636363;
    border: none;
}

#foot_form .sch_btn {
    width: 65px;
    height: 50px;
    line-height: 50px;
    float: left;
    background: #fff;
    border: none;
    color: #333;
    text-align: center;
    font-size: 14px;
}

#foot_info {
    font-size: 14px;
    color: #919191;
    line-height: 50px;
    text-align: center;
}

#foot_info a {
    color: #919191;
}

#foot_info .right {
    float: right;
}


/**头部部分**/
.header {
    width: 100%;
    padding: 0px 50px;
    height: 600px;
}

.Headertop {
    overflow: ;
    padding-top: 42px;
}

.logo {
    float: left;
}

.naver {
    float: right;
    padding-top: 20px;
}

.naver ul {
    float: left;
    width: 870px;
}

.naver ul li {
    float: left;
    color: #fff;
    font-size: 16px;
    margin-right: 65px;
    position: relative;
}

.naver ul li a {
    color: #fff;
}

.naver ul li:last-child {
    margin-right: 0;
}

.naver ul li:hover {
    border-bottom: 2px solid #fff;
    animation: 0.5s moces ease-in forwards;
    padding-bottom: 10px;
}

.naver ul li:hover ul {
    display: block;
}

@keyframes moces {
    0% {
        transform: skewX(120deg)opacity: 0.5;
    }

    50% {
        opacity: 1;
    }
}

.naver ul li ul {
    position: absolute;
    left: 50%;
    top: 35px;
    background: rgba(255, 255, 255, 0.1);
    float: none;
    width: 100px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    margin-left: -50px;
    display: none;
}

.naver li li {
    float: none;
    margin-right: 0;
}

.naver li li a {
    color: #fff;
    line-height: 40px;
}

.naver li.navMenu-item-3 ul {
    width: 200px;
    text-align: center;
    margin-left: -100px;
}

.naver li li:hover {
    border-bottom: none;
    animation: none;
    padding: 0;
    border-bottom: 1px solid #fff;
}

.search {
    float: right;
    position: relative;
    width: 40px
}

.search .seartx {
    width: 135px;
    position: absolute;
    left: -25px;
    background: none;
    border: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    opacity: 0.7;
}

.search .sbt {
    width: 30px;
    height: 30px;
    background: url(search.png) no-repeat center;
    border: 0;
    position: absolute;
    right: 0;
}

.Headline {
    width: 1400px;
    margin: auto;
    margin-top: 50px;
}

.Headline h3 {
    text-align: right;
    color: #fff;
    margin-bottom: 0px;
}

.Headline h3.EN {
    opacity: 0.5;
    font-size: 36px;
}

.Headline h3.CN {
    font-size: 60px;
}

/**内容部分**/
.column {
    width: 1400px;
    margin: auto;
    padding: 0px 40px;
    height: 170px;
    background: url(cnrbg.png) no-repeat top center;
    position: relative;
    top: -190px;
    left: 0px;
}

.column ul {
    overflow: hidden;
    padding-top: 100px;
}

.column ul li {
    float: left;
    border-radius: 25px;
    background: #f8f8f8;
    padding: 5px 30px;
    margin-right: 10px;
}

.column ul li:hover {
    background: #000;
    color: #fff;
}

.column ul li:hover a {
    color: #fff;
}

.column ul li.on {
    background: #000;
    color: #fff;
}

.column ul li.on a {
    color: #fff;
}

.container {
    width: 1400px;
    margin: auto;
    background: #fbfbfb;
    margin-top: -190px;
    padding: 0 45px;
    padding-bottom: 60px;
}

.container p {
    line-height: 2.2em;
}

/**单页**/
.detail {}

h2 {
    text-align: center;
    font-size: 36px;
    margin-top: 10px;
}

.infos {
    text-align: center;
    margin-bottom: 30px;
    font-size: 14px;
}

.infos span {
    margin: 0px 10px;
    opacity: 0.5;
}

.contain {
    color: #303030;
    line-height: 2.2em;
    font-size: 16px;
}

.pre_next {
    margin: 30px 0px;
}

.pre_next ul {
    display: flex;
    justify-content: space-between;
    opacity: 0.5;
}

.contain p {
    margin-bottom: 15px;
}

/**图文**/
.twlist {
    margin-bottom: 60px;
}

.twlist ul {}

.twlist ul li {
    height: 130px;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
    background: #fff;
    margin-bottom: 32px;
}

.twlist ul li .Times {
    float: left;
    padding: 0px 45px;
    text-align: center;
    color: #222222;
    height: 100%;
}

.twlist ul li .Times .day {
    width: 60px;
    font-size: 36px;
    margin-top: 15px;
    margin-bottom: 0px;
    position: relative;
}

.twlist ul li .Times .day:after {
    content: "";
    width: 60px;
    height: 1px;
    background: #d4d4d4;
    position: absolute;
    top: 30px;
    left: 0;
}

.twlist ul li .Times .my {
    font-size: 16px;
}

.twlist ul li .Times p {
    line-height: normal;
}

.twlist ul li .Imgs {
    float: left;
    width: 284px;
    height: 130px;
}

.twlist ul li .Imgs img {
    width: 284px;
    height: 130px;
}

.twlist ul li .Texts {
    float: left;
    width: 66%;
    padding-right: 30px;
    padding-left: 15px;
    padding-top: 25px;
}

.twlist ul li .Texts .Titles {
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
}

.twlist ul li .Texts .descript {
    color: #2c2c2c;
    opacity: 0.5;
    line-height: 24px;
    margin-top: 10px;
    font-size: 14px;
}

.twlist ul li:hover .Times {
    background: #000;
    color: #fff;
}

/**信息列表**/
.infolist1 {}

.infolist1 ul li .Times {
    position: relative;
}

.infolist1 ul li .Times .day {
    margin-top: 30px;
}

.infolist1 ul li .Times .day:after {
    display: none;
}

.infolist1 ul li .Times:after {
    content: "";
    width: 1px;
    height: 75px;
    background: #000;
    position: absolute;
    left: 150px;
    top: 30px;
}

.infolist1 ul li .Texts {
    width: 88%;
    padding-left: 30px;
}

.infolist1 ul li .pic,
.infolist1 ul li .more,
.infolist1 ul li .Times2 {
    display: none;
}

.infolist1 ul li.li1 {
    height: 300px;
    position: relative;
}

.infolist1 ul li.li1 .pic {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.infolist1 ul li.li1 .pic img {
    width: 530px;
    height: 300px;
}

.infolist1 ul li.li1 .Times {
    display: none;
}

.infolist1 ul li.li1 .Times2 {
    display: block;
    position: absolute;
    left: 590px;
    top: 50px;
    font-size: 18px;
}

.infolist1 ul li.li1 .Texts {
    width: 680px;
    position: absolute;
    left: 590px;
    top: 90px;
    padding: 0;
}

.infolist1 ul li.li1 .more {
    display: block;
    position: absolute;
    left: 590px;
    top: 215px;
}

.infolist1 ul li.li1 .more span {
    display: block;
    width: 120px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #000;
    border-radius: 25px;
    color: #fff;
}

/**图片列表**/
.imgslist {}

.imgslist ul {
    margin-left: -20px;
}

.imgslist ul li {
    width: 315px;
    height: 225px;
    padding: 20px;
    background: #fff;
    float: left;
    margin-bottom: 20px;
    margin-left: 17px;
}

.imgslist ul li .imgs {
    width: 275px;
    height: 154px;
}

.imgslist ul li .imgs img {
    width: 100%;
    height: 100%;
}

.imgslist ul li .img_txt {
    text-align: center;
    margin-top: 10px;
}

/**联系我们**/
.contact {}

.map {
    width: 100%;
    height: 400px;
    background: #f0f0f0;
    margin-top: 30px;
}

.contact_method {
    position: absolute;
    /* top: 240px; */
    top: 440px;
    left: 50%;
    margin-left: -522px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
}

.contact_method ul {}

.contact_method ul li {
    height: 150px;
    padding: 40px 65px;
    background: #fff;
    float: left;
    text-align: center;
    position: relative;
}

.contact_method ul li:after {
    content: "";
    width: 1px;
    height: 100px;
    background: #e5e5e5;
    position: absolute;
    top: 30px;
    left: 0px;
}

.contact_method ul li:first-child:after {
    display: none;
}

.contact_method ul li p {
    margin-top: 20px;
}

.contact_method ul li:nth-child(2) p {
    margin-top: 5px;
}

.contact_method ul li:nth-child(3) p {
    margin-top: 15px;
}

.intro {
    width: 70%;
    /* margin: 100px auto; */

    margin: 190px auto 0 auto;

    text-align: center;
}

.intro-til {
    font-size: 30px;
}

.intro-txts {
    color: #4c4c4c;
    opacity: 0.5;
    margin-top: 30px;
}

/**业务领域**/
.sy {}

.sy ul {
    margin-left: -30px;
}

.sy ul li {
    width: 420px;
    background: #fff;
    position: relative;
    float: left;
    margin-left: 25px;
    margin-bottom: 25px;
}

.sy ul li .Sign {
    width: 100%;
}

.sy ul li .Sign .Signcnr {
    width: 100%;
    position: absolute;
    top: 80px;
    text-align: center;
}

.sy ul li .Sign .Signtxt {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-top: 15px;
}

.sy ul li .desc {
    padding: 30px 25px;
}

.sy ul li .desc .more {
    width: 120px;
    height: 30px;
    margin: 30px auto;
    text-align: center;
    line-height: 30px;
    background: #000;
    border-radius: 25px;
    color: #fff;
}

.sy ul li .desc .more a {
    color: #fff;
}

.sy ul li .desc_tx {
    height: 56px;
    font-size: 14px;
    color: #6b6b6b;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

section.dark .pagination>li.active>a,
.pagination>li.active>a {
    border-color: #000;
    background-color: #000;
}

.yewubox {
    position: relative;
    perspective: 1000px;
    width: 260px;
    height: 480px;
    float: left;
    margin-right: 25px;
}

.yewubox:last-child {
    margin-right: 0;
}

.yewubox .box-img {
    transform: rotateY(0);
    transition: all .5s ease-in-out 0s
}

.yewubox:hover .box-img {
    transform: rotateY(-90deg)
}

.yewubox .box-img img {
    width: 100%;
    height: 480px;
}

.yewubox .box-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 60px 20px;
    text-align: center;
    background: rgba(0, 0, 0, 1);
    transform: rotateY(90deg);
    transition: all .5s ease-in-out 0s
}

.yewubox:hover .box-content {
    transform: rotateY(0)
}

.yewubox .title {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase
}

.yewubox .description {
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.yewubox .box-content .icon {
    margin-top: 70px;
    margin-bottom: 20px;
}

.yewubox .box-content .more {
    margin-top: 30px;
}

.yewubox .social-links {
    margin: 0;
    padding: 0;
    list-style: none
}

.yewubox .social-links li {
    display: inline-block;
    margin: 0 10px
}

.yewubox .social-links li a {
    font-size: 20px;
    color: #a6a6a6
}

.yewubox .social-links li a:hover {
    text-decoration: none;
    color: #fff
}

@media only screen and (max-width:990px) {
    .yewubox {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:479px) {
    .yewubox .box-content {
        padding: 20px
    }
}

.pager li {
    width: 50%;
}

.pager li>a,
.pager li>span {
    padding: 5px 0;
}

/**图片列表**/
.imgslist {
    overflow: hidden;
}

.imgslist ul {
    margin-left: -20px;
}

.imgslist ul li {
    width: 315px;
    height: 225px;
    padding: 20px;
    background: #fff;
    float: left;
    margin-bottom: 20px;
    margin-left: 17px;
}

.imgslist ul li .imgs {
    width: 275px;
    height: 154px;
}

.imgslist ul li .imgs img {
    width: 100%;
    height: 100%;
}

.imgslist ul li .img_txt {
    text-align: center;
    margin-top: 10px;
}

.imgslist2 {
    overflow: hidden;
}

.imgslist2 li {
    float: left;
    margin: 10px 20px 20px;
    box-shadow: 0 0 20px #ccc;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.imgslist2 li img {
    width: 220px;
    height: 70px;
}

.imgslist2 li:nth-child(5n) {
    margin-right: 0;
}

.imgslist2 li:hover {
    transform: translate(0, -15px);
}

.functions .btn {
    opacity: 0;
}

/* ------------ */

.advlist {
    position: relative;
}

.advlist .prev,
.advlist .next {
    position: absolute;
    top: calc((100% - 70px) / 2);
    display: inline-block;
    left: 0;
}

.advlist .next {
    left: auto;
    right: 0;
}