*, :after, :before {
    box-sizing: border-box;
    margin: 0;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
html {
    font-family: MicrosoftYaHei;
    font-size: 13px;
    word-spacing: 1px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    scroll-behavior: smooth;
}
body {
    margin: 0;
}
.header {
    width: 100%;
    height: 90px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNBNkQ2NEYxMjNFNDExRTk4RkM4QzcyMzBCQzVCMDlEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNBNkQ2NEYyMjNFNDExRTk4RkM4QzcyMzBCQzVCMDlEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0E2RDY0RUYyM0U0MTFFOThGQzhDNzIzMEJDNUIwOUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0E2RDY0RjAyM0U0MTFFOThGQzhDNzIzMEJDNUIwOUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4FpejzAAAAF0lEQVR42mJiYGBYxgQkGEaJkUIABBgACPYBbxw2RkQAAAAASUVORK5CYII=);
    background-repeat: repeat-x;
    position: fixed;
    top: -100px;
    z-index: 999;
    transition: all .3s;
    visibility: hidden;
}
.header-simple {
    top: -130px;
    height: 47px;
    visibility: hidden;
}
.min-width {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.top-left {
    float: left;
    padding: 22px 0;
}
.header-simple .top-left {
    padding: 9px 0;
    width: 200px;
    height: 45px;
}
.top-right, .top-search-box {
    float: right;
}
.logo {
    display: inline-block;
    width: 200px;
    height: 45px;
}
.header-simple .top-left .logo {
    width: 153px;
    height: 32px;
}
img {
    border-style: none;
}
.logo img {
    width: 100%;
    height: 100%;
}
.top-right-bottom {
    width: 100%;
}
ul {
    padding: 0;
    list-style: none;
}
.top-right ul {
    display: inline-block;
    padding: 0;
    width: 100%;
}
.top-nav-item {
    position: relative;
    text-align: center;
}
.top-right ul li {
    list-style: none;
    line-height: 47px;
    color: #fff;
    width: 105px;
    float: left;
}
a {
    background-color: transparent;
}
.button--green, a {
    text-decoration: none;
}
a {
    transition: all .3s;
}
a:hover {
    color: #fb0;
}
.top-right ul li a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    height: 47px;
    border-bottom: 2px solid transparent;
    transition: all .3s;
    font-size: 14px;
}
.top-right ul li.active a, .top-right ul li:hover {
    color: #fb0;
    border-color: #fb0;
}
.nav-item-list {
    position: absolute;
    top: 47px;
    left: 50%;
    -webkit-transform: translate(-50%,3%);
    transform: translate(-50%,3%);
    transition: all .3s;
    height: auto;
    opacity: 0;
    overflow: hidden;
    z-index: 0;
    visibility: hidden;
}
.nav-item-list-item {
    white-space: nowrap;
    background-color: #f7b500;
    color: #1b1a1a;
    width: 100%;
    overflow: hidden;
    padding: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
}
.nav-item-list-item>a {
    color: #1b1a1a!important;
    border: 0!important;
    height: 35px!important;
    line-height: 35px;
}
.top-right ul li a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    height: 47px;
    border-bottom: 2px solid transparent;
    transition: all .3s;
    font-size: 14px;
}
.header-simple.active, .header.active {
    visibility: visible;
    visibility: initial;
}
.header.active {
    top: 0;
}
.top-search-box {
    position: relative;
    width: 75px;
}.top-search-box .verticalbar {
    height: 85px;
    width: 1px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABPCAYAAAAqR6+VAAABIUlEQVQoUyXPL8jCABAF8BcMFovJZDLajEaj1Wi1Wq2rK27zHzJEZTI2xhAURZCNwXBTmBZBmGnJZLAIgqB+PL4LP97dwcEBLEEQUphMJmmIophBu93Oot/v56AoSp5tgalISpAkqcxUYaqSGmRZrpMGaZIWFwIRSYczlcyIzQMrJofsSMTZmVzZJuRG7uRBnuRF3uRDvuT3j6IoX3S73Q96vd6bL7wwGAyeGA6HD6iqesdoNLphPB4nmE6nV2iadoau6xEMw9jBNE0HlmWtYNu2jfl8PsNisVCxXC47WK/XIjabjYDtdtuC4zhNuK7bgOd5dfi+X0MQBFWEYVjBfr8v43A4lBBFURGn06mA4/GYx+VyyZEs4jjOIEmSNA+k/gCMfb4RkTRP1wAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 5px;
    margin-left: 30px;
}.top-search-box .search-btn {
    height: 24px;
    width: 24px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACcUlEQVRIS7WVS4iNYRjHf3/lklxG1FhImISssSAlt4hiQVkgS9EIMY2y0RByGYWyoFjIgs1QlEsJKUmSiEJCCZsh9/jrOef9Tt+czswx5/Bszul9v/f5PfdHdCO2RwCLgeXAFGA48AN4BpwFOiTd7e59dq7yD2zH2T5gU9ldJzAQ6Js7vw009wTqArA9FrgMNAG/gK3AxbBaUliP7ZHAVGAzMDPB1ks6UsmbEsD2KOBJsnI30Cbpc08hsL0IOAf0A1olxbsukge8BEYD6yQdrRbb7D4Z9gAYBiyQdCn/tgCw3Q5sAA5ICtd7JbYnAo+BL0CDpJ+lJNseDHwEvkqKJNYktvcCW4AWSfG/ILK9CjgZVSPpYE3ai1GIMv4AvJEU+SwBrgGzIv6SXtUKSKG+AcwAGiW9yzz4BvQH+khynYAdwPaASLqVAULpJ0lD6lGePGgGDgELJUX/FHIQgO+SBvwDQAsQvTBH0tUMELNlHDBUUlRTzWL7FLASmCDpaQbYCWwDZkuKhNcstmNeDYp5Jel3BpgEPALuSJpWq3bbMXk7YtJKWlYq05Sch8Dkeryw/QIYE3okhcHFPkiAzIto9SZJb3vjie0TwBqgXdLG/Nv8sFsLxJB7D8yTdP9vIDnlnZIayt+U74NWYFf6KH6PS3peCWQ7Nl0bMD4NuZhjZyStqOhBdmh7CRAux/gNuQ7EaoywhZII59LU/XG/H9gDHEvnVyTN7ZKDcgttx1qMlbk6KSz/JMbxaeBwfl3ajl0wH7ggKaqqmOSexHZjWkQR31ibryVFc1YU2+eB2HQFSFVANQO6yU8GufdfAKn0bwLT/wDDVevfmaEMhAAAAABJRU5ErkJggg==);
    position: absolute;
    top: 50%;
    right: -15px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    cursor: pointer;
}.top-right-top {
    width: 100%;
    color: #fff;
    padding-right: 25px;
}.langueAndLogin {
    text-align: right;
    margin: 14px 0;
}.bottom-line {
    width: 100%;
    height: 1px;
    background: url(../img/3e882bd.png) no-repeat 100%;
}.top-right-top a {
    font-size: 12px;
    color: #fff;
}.langueLineLogin {
    margin: 0 6px;
}.top-right ul li.active a, .top-right ul li:hover {
    color: #fb0;
    border-color: #fb0;
}.top-nav-item:hover .nav-item-list {
    opacity: 1;
    visibility: visible;
    visibility: initial;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}footer {
    width: 100%;
    background-color: #2d2d2d;
    color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
}.content {
    position: relative;
    z-index: 90;
    background: #fff;
    margin-bottom: 176px;
    overflow: hidden;
}footer .left-bg-color, footer .right-bg-color {
    flex: 1;
}footer .left-bg-color {
    background-color: #2d2d2d;
}footer .bottom-min-width {
    width: 1200px;
    margin: 0 auto;
    display: flex;
}footer .right-bg-color {
    background-color: #494949;
}.footer-left {
    padding: 15px 30px 15px 0;
}footer .footer-right {
    background-color: #494949;
    width: 100%;
    display: flex;
    flex-direction: column;
}.footer-logo {
    width: 236px;
    height: 105px;
    background: url(../img/045eb9c.png) no-repeat;
    background-size: 100% 100%;
    text-indent: -999em;
}footer .icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 15px;
    margin-top: 10px;
    cursor: pointer;
}footer .icon.mail {
    background: url(../img/b47473a.png) no-repeat;
    background-size: 100% 100%;
    margin-left: 0;
}footer .icon.wechat {
    background: url(../img/4a7b732.png) no-repeat;
    background-size: 100% 100%;
}footer .icon.pyq {
    background: url(../img/8b08110.png) no-repeat;
    background-size: 100% 100%;
}footer .icon.qq {
    background: url(../img/08bf8cd.png) no-repeat;
    background-size: 100% 100%;
}footer .icon.qzone {
    background: url(../img/7d9d9c5.png) no-repeat;
    background-size: 100% 100%;
}footer .footer-link-info {
    display: flex;
    align-items: center;
    padding: 20px 0;
}footer .footer-nav {
    display: flex;
    flex-wrap: wrap;
    margin-left: 30px;
    margin-top: 20px;
    width: 348px;
}footer .footer-nav>div {
    width: 87px;
    margin-bottom: 20px;
    text-align: left;
}footer .footer-nav>div a {
    color: #fff;
    font-size: 13px;
    transition: color .3s;
}footer .footer-right .verticalbar {
    height: 109px;
    width: 1px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABtCAYAAABgIwuoAAABgUlEQVQoU03QL2gCUQAG8A9kYWAwGCwLlpWllSWTybS0tLZkspnWllb09PQU/6KH4oF4gk7BaTgVFT2FU5xhZUFhwSAMBJGJN762F3583/sH7wEc5XLZgmQyeQFBEC4Ri8WsCIVCNgQCATurA8Fg8ArRaNTJdM19N4hEIrdMdxBF0cUTbiYPwuHwPesD0yPnnpi8TD7iZ30mL+SVCFyQSJpVJgpRyRvve2fSyJDoxCAfPPbJ9EXW5JtsyY78kD05kCP5JSdyJuY/RFE0+cAzH32CJEm/5Ih4PH4geyQSiR/+2g6pVGqLTCbzjWw2u0Yul/tCPp//hCzLHygUCgaKxaKOUqk0hKIoGn/8nbyhUqmoUFVVQbValVGv19Oo1WoSGo2GgGaz+YpWq/WCdrv9jE6n4yc+aJrmRbfbfUKv13tEv99/wGAwuMdoNPJgMpm4MR6PXZhOp3fkFrqu32A+n19jsVg4sVwur7BarRyYzWZ2GIZhY7Vis9lccu4Cpmla/gDKNgiFm2UIuAAAAABJRU5ErkJggg==) no-repeat;
    margin: 0 30px;
}.footer-center-link {
    display: flex;
    flex: 1;
    flex-direction: column;
}.footer-center-link .friendship-link-box {
    display: flex;
    flex-wrap: wrap;
}.footer-center-link .friendship-link-box .link-box {
    width: 137px;
}.footer-center-link a {
    font-size: 12px;
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    transition: all .3s;
}.footer-code {
    display: flex;
    align-items: center;
}.footer-code .footer-code-box:first-of-type {
    margin-right: 32px;
}.footer-code .footer-code-box a {
    display: flex;
    align-items: center;
    justify-content: center;
}.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #707070;
    height: 29px;
    padding-left: 30px;
}.footer-bottom a {
    color: #fff;
    font-size: 12px;
}.back-top {
    padding: 10px;
    font-size: 30px;
    color: #fff;
    background-color: hsla(0,0%,60.8%,.8);
    position: fixed;
    z-index: 9999;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    display: none;
}.back-top i{
    font-size: 30px;
}

.top-banner{
    /*width: 100%;
    height: 900px;*/
    overflow: hidden;
}.top-banner img{
    width: 100%;
    max-height: 100%;
}
.swiper-button-prev{
    
}
.swiper-button-next{
    
}

.index-advantage {
    background-color: #fff;
    padding: 70px 0 50px;
}.index-advantage .min-width {
    display: flex;
}.i-adv-left {
    width: 734px;
    height: 100%;
}.i-adv-left.animate {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}.seven-plus {
    width: 116px;
    height: 34px;
    background: url(../img/69daa58.png) no-repeat;
    background-size: 100% 100%;
    text-indent: -999em;
}.i-adv-left .serve-detail-box {
    margin-top: 20px;
}.i-adv-left .serve-detail {
    text-indent: 2em;
    font-size: 14px;
    color: #000;
    line-height: 24px;
}.more-detail {
    color: #333;
    font-size: 13px;
    line-height: 24px;
    display: inline-block;
    margin-top: 15px;
    cursor: pointer;
    border-bottom: 1px solid #fb0;
}.to-about-right-arrow {
    display: inline-block;
    transition: all .5s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}.serve-detail-list {
    overflow: hidden;
    margin-top: 25px;
}.serve-detail-list ul {
    display: inline-block;
    width: 100%;
}.serve-detail-list li {
    float: left;
    text-align: center;
    width: 178px;
    height: 132px;
}.serve-detail-list .icon {
    width: 35px;
    height: 33px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 10px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: all .5s;
}.serve-detail-list .icon.quality {
    background-image: url(../img/5b3d7e5.png);
}.serve-detail-list .icon.purchase {
    background-image: url(../img/c9ad343.png);
}.serve-detail-list .icon.costPerformance {
    background-image: url(../img/5232ba6.png);
}.serve-detail-list .icon.parts {
    background-image: url(../img/469092d.png);
}.serve-detail-list .icon.specialist {
    background-image: url(../img/c83c0a9.png);
}.serve-detail-list .icon.serve {
    background-image: url(../img/0e95045.png);
}.serve-detail-list .icon.shipments {
    background-image: url(../img/d8621ba.png);
}.serve-detail-list .s-d-l-title {
    font-size: 15px;
}.serve-detail-list .icon:hover {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}.serve-detail-list .s-d-l-title .s-d-l-title-line {
    width: 60px;
    height: 1px;
    display: block;
    margin: 10px auto;
    background-color: #f6b600;
}.serve-detail-list .s-d-l-detail {
    font-size: 12px;
    color: #717171;
    margin-top: 10px;
    padding: 0 11px;
}.more-serve-btn {
    width: 36px;
    height: 21px;
    background-image: url(../img/7ff7ff8.png);
    margin: 60px;
    -webkit-animation: shake1 1s infinite;
    animation: shake1 1s infinite;
}
@keyframes shake1{
0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}
100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}.i-adv-right {
    overflow: hidden;
    display: flex;
    padding-left: 14px;
}.i-adv-right-title {
    width: 162px;
    height: 30px;
    background: url(../img/bcd7156.png) no-repeat;
    background-size: 100% 100%;
}.i-adv-right-bottom-img {
    width: 197px;
    height: 405px;
    background: url(../img/6d5673d.jpg) no-repeat;
    background-size: 100% 100%;
}.i-adv-right-right-img {
    width: 290px;
    height: 472px;
    background: url(../img/027ea93.jpg) no-repeat;
    background-size: 100% 100%;
}

.index-category {
    width: 1200px;
    transition: all .3s;
    display: flex;
    margin: 0 auto 70px;
}.index-category .category-item {
    width: 25%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 105% 100%;
    background-position: 50%;
    position: relative;
    transition: all .3s;
    cursor: pointer;
    height: 562px;
    display: block;
    color: #fff;
}.index-category .category-item.item1 {
    background: url(../img/9ed5f14.jpg) no-repeat;
    background-size: 100% 100%;
}.category-item-title {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}.index-category .category-item .icon {
    width: 78px;
    height: 60px;
    display: inline-block;
    margin-left: 23px;
}.index-category .category-item .icon.wajueji {
    background: url(../img/06ba0bf.png) no-repeat;
    background-size: 100% 100%;
}.category-item-line {
    width: 50px;
    height: 2px;
    background-color: #f7b401;
    margin: 0 auto 5px;
}.index-category .category-item h3 {
    color: #fff;
    font-weight: 400;
    font-size: 22px;
}.index-category .category-item.item2 {
    background: url(../img/d1a7729.jpg) no-repeat;
    background-size: 100% 100%;
}.index-category .category-item .icon.tuituji {
    background: url(../img/d2f8037.png) no-repeat;
    background-size: 100% 100%;
}.index-category .category-item.item3 {
    background: url(../img/f531b61.jpg) no-repeat;
    background-size: 100% 100%;
}.index-category .category-item.item4 {
    background: url(../img/46f8384.jpg) no-repeat;
    background-size: 100% 100%;
}.index-category .category-item .icon.zhuangzaiji {
    background: url(../img/f1fcd47.png) no-repeat;
    background-size: 100% 100%;
}.index-category .category-item:hover {
    background-size: 125% 120%;
}

.news-box {
    width: 100%;
    height: 688px;
    background: url(../img/833cafe.jpg) no-repeat;
    background-size: 100% 100%;
}.news-box .min-width {
    display: flex;
    justify-content: space-between;
}.news-box .news-left, .news-box .news-right {
    width: 48%;
    height: 100%;
    text-align: center;
}.news-left-title {
    background: url(../img/470a5e3.png) no-repeat;
    background-size: 100% 100%;
}.news-left-title, .news-right-title {
    margin-top: 85px;
    width: 150px;
    height: 46px;
    text-indent: -999em;
    display: inline-block;
}.news-right-title {
    background: url(../img/cacb1ff.png) no-repeat;
    background-size: 100% 100%;
}.news-category {
    width: 573px;
    overflow: hidden;
    margin: 30px auto 0;
    display: flex;
    justify-content: space-around;
}.news-category .news-category-item {
    color: #787878;
    padding: 10px 50px;
    font-size: 15px;
    cursor: pointer;
    margin: 0 5px;
}.news-category .news-category-item.active, .news-category .news-category-item:hover {
    background-color: #fb0;
    color: #fff;
}.news-list {
    padding: 20px 3px;
}.i-card {
    text-align: left;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 4px 0 hsla(0,0%,60%,.5);
    border: 1px solid #eee;
    overflow: hidden;
}.i-card img {
    width: 275px;
    height: 154px;
    float: left;
}.i-card .news-desc {
    padding: 15px 15px 15px 25px;
    margin-left: 265px;
}.i-card .news-desc .news-desc-title {
    font-size: 15px;
    color: #201f1f;
}.i-card .news-desc .news-desc-detail {
    max-height: 80px;
    overflow: hidden;
    color: #989898;
    font-size: 12px;
    margin-top: 15px;
    line-height: 25px;
}.i-card .news-list li {
    width: 576px;
}



.contact-us {
    height: 390px;
    width: 100%;
    background: url(../img/57249bf.jpg) no-repeat;
    background-size: 100% 100%;
}.contact-us .min-width {
    display: flex;
    justify-content: space-between;
}.footer-map {
    width: 100%;
    height: 390px;
    background: url(../img/f7f3607.jpg) no-repeat;
    background-size: 100% 100%;
    margin-left: -75px;
}.footer-right-input {
    width: 590px;
    height: 390px;
    background-color: hsla(0,0%,100%,.1);
}.footer-input-title {
    text-align: center;
    padding-top: 20px;
}.iconContactUs {
    display: inline-block;
    width: 110px;
    height: 27px;
    background: url(../img/610a84e.png) no-repeat;
    background-size: 100% 100%;
}.footer-sub-title {
    color: #9e9e9e;
    font-size: 12px;
    margin-top: 17px;
}.st-i-input-row {
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
}.left-input {
    padding: 0 30px;
}.st-i-input-text-box {
    position: relative;
}.st-i-input-label {
    display: inline-block;
    line-height: 40px;
    color: #9e9e9e;
    font-size: 13px;
    padding-left: 5px;
}.st-i-input-text {
    float: right;
    width: calc(100% - 50px);
    height: 40px;
    background-color: transparent;
    border: 0;
    outline: 0;
    border-bottom: 1px solid #9e9e9e;
    color: #9e9e9e;
    font-size: 13px;
}.st-i-index-textarea {
    margin-top: 25px;
    padding: 0 30px;
    overflow: hidden;
    position: relative;
}.st-i-index-textarea .st-i-input-label {
    left: 30px;
}
.st-i-input-textarea {
    position: absolute;
    top: -10px;
    left: 0;
}.st-i-index-textarea textarea {
    width: calc(100% - 50px);
    background-color: transparent;
    border: 0;
    outline: 0;
    border-bottom: 1px solid #9e9e9e;
    font-size: 13px;
    color: #9e9e9e;
    resize: none;
    float: right;
}
textarea {
    overflow: auto;
}.count-us-btn-group {
    display: flex;
    justify-content: space-around;
}.el-col-16 {
    width: 66.66667%;
}.verification-box {
    padding: 10px 18px 10px 35px;
}.drag {
    position: relative;
    background-color: #9e9e9e;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
}.drag_bg {
    background-color: #7ac23c;
    height: 40px;
    width: 0;
}.drag_text {
    position: absolute;
    top: 0;
    left: 9px;
    width: 100%;
    text-align: center;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    color: #fff;
    font-size: 13px;
}.handler {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 40px;
    border: 1px solid #ccc;
    cursor: move;
}.handler_bg {
    background: #fb0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==) no-repeat 50%;
}
.handler_ok_bg{
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center;
}.el-col-8 {
    width: 33.33333%;
}.submit-btn {
    width: 100%;
    height: 40px;
    background-color: #fb0;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
}


.bottom-nav-bar {
    width: 100%;
    background-color: #f7b500;
    min-width: 1200px;
}.bottom-nav-content {
    width: 1200px;
    height: 45px;
    margin: 0 auto;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
}.bottom-nav-content .bottom-nav-item {
    line-height: 47px;
    text-align: center;
}.bottom-nav-content .bottom-nav-item a {
    color: #000;
}

.banner-top {
    max-height: 600px;
    width: 100%;
    overflow: hidden;
    position: relative;
}.banner-top img {
    width: 100%;
    max-width: 1920px;
    min-width: 1200px;
}.banner-nav-bar {
    width: 1200px;
    height: 45px;
    background-color: hsla(0,0%,100%,.7);
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}.banner-nav-item {
    float: left;
    width: 145px;
    text-align: center;
}.banner-nav-item a.active, .banner-nav-item a:hover {
    color: #f7b500;
}
.banner-nav-item:first-of-type a {
    font-weight: 700;
    font-size: 20px;
}
.banner-nav-item a {
    color: #1b1a1a;
    line-height: 45px;
    font-size: 15px;
}.detail-box {
    width: 1200px;
    margin: 0 auto;
}.about-title-box {
    display: flex;
    margin-top: 20px;
}.about-title-box>div {
    flex: 1;
    text-align: right;
}
.breadCrumbs {
    font-size: 12px;
    color: #666;
}.breadCrumbs a {
    color: #666;
}.breadCrumbs .active {
    color: #f7b500;
}.detail-box {
    width: 1200px;
    margin: 0 auto;
}

.page-news .news-list {
    width: 1100px;
    margin: 20px auto;
}.page-news .news-card {
    display: inline-block;
    width: 100%;
    height: 170px;
    border: 1px solid #eee;
    margin-bottom: 17px;
    transition: all .6s;
    overflow: hidden;
}.page-news .news-card:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,.1);
}.page-news .news-card:hover .news-time:before {
    opacity: 1;
    width: 48px;
}
.page-news .news-time:before {
    content: "";
    display: inline-block;
    height: auto;
    vertical-align: middle;
    border-top: 1px solid #b83d00;
    width: 0;
    position: absolute;
    left: 75px;
    top: 25%;
    z-index: 3;
    opacity: 0;
    transition: all .3s ease-out 0s;
}.page-news .news-time {
    float: left;
    color: #fff;
    font-size: 12px;
    width: 90px;
    height: 90px;
    background: #fb0;
    margin: 36px 0 0 36px;
    padding: 28px 0 0 18px;
    position: relative;
}.page-news .news-time div:nth-of-type(2) {
    font-size: 18px;
}.page-news .news-info {
    float: left;
    margin: 40px 0 0;
    transition: all .6s cubic-bezier(.215,.61,.355,1);
}.page-news .news-card:hover .news-info {
    padding-left: 15px;
}.page-news .news-info h3 {
    color: #4f4f4f;
    font-size: 18px;
    position: relative;
}.page-news .news-title {
    height: 42px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .6s cubic-bezier(.215,.61,.355,1);
    font-size: 16px;
    color: #575757;
    line-height: 32px;
    text-align: left;
    top: 54px;
    text-indent: 0;
    padding-left: 40px;
    width: 430px;
}.page-news .news-desc {
    color: #6a6a6a;
    text-align: left;
    padding-left: 40px;
    transition: all .6s cubic-bezier(.215,.61,.355,1);
    width: 520px;
    display: block;
    overflow: hidden;
    height: 40px;
    margin-top: 5px;
    line-height: 18px;
}.page-news .news-img {
    float: right;
    width: 300px;
    height: 100%;
    padding: 20px 45px 20px 0;
}.page-news .load-more-data {
    text-align: center;
    margin-top: 35px;
    margin-bottom: 50px;
    display: none;
}.page-news .load-more-data button {
    padding: 20px 130px;
    outline: none;
    background-color: #f7b500;
    border: 0;
    color: #fff;
    cursor: pointer;
}.news-detail {
    padding-left: 35px;
    width: 100%;
}.more-news {
    width: 290px;
    float: left;
    position: relative;
}.more-news.fixed {
    position: fixed;
    top: 70px;
}.more-news h3 {
    display: block;
    text-align: center;
    position: relative;
    color: #575757;
    margin-bottom: 20px;
    font-size: 18px;
}.more-news h3:before {
    left: 0;
}
.more-news h3:after, .more-news h3:before {
    content: "";
    position: absolute;
    top: 12px;
    border-top: 1px solid #d3d3d3;
    width: 90px;
}.more-news h3:after {
    right: 0;
}
.more-news h3:after, .more-news h3:before {
    content: "";
    position: absolute;
    top: 12px;
    border-top: 1px solid #d3d3d3;
    width: 90px;
}.more-news-item {
    display: block;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 20px;
    margin-bottom: 20px;
}.news-relevant-time {
    float: left;
    width: 48px;
    height: 48px;
    color: #fff;
    background-color: #fb0;
    padding: 10px 5px 0;
}.news-relevant-content {
    padding-left: 65px;
}.news-relevant-content .news-relevant-title {
    font-size: 14px;
    color: #303030;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
}.news-relevant-content .news-relevant-abstract {
    color: #999;
    font-size: 12px;
    overflow: hidden;
    height: 26px;
}.detail-html {
    width: 790px;
    overflow: hidden;
    margin-left: 320px;
    border-left: 1px solid #d3d3d3;
    padding-left: 35px;
    min-height: 450px;
}.news-title {
    color: #4f4f4f;
    font-size: 24px;
    text-align: center;
}.news-sub-title {
    color: #999;
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 25px;
}.back-list {
    text-align: center;
    display: block;
}.back-list a {
    padding: 10px 100px;
    background-color: #fff;
    border: 1px solid #f7b500;
    color: #f7b500;
    margin: 40px 0;
    outline: none;
    cursor: pointer;
    transition: all .3s;
    display: inline-block;
}.back-list a:hover {
    background-color: #f7b500;
    color: #fff;
}
.article-card {
    display: flex;
    cursor: pointer;
}.img-box {
    height: 160px;
    width: 270px;
    overflow: hidden;
}.img-box img {
    width: 100%;
    height: 100%;
    transition: all .3s;
}.article-detail {
    padding-left: 40px;
    flex: 1;
    position: relative;
}..article-title-content {
    transition: all .3s;
    display: inline-block;
    font-weight: 700;
}.article-date {
    font-size: 13px;
    color: #888;
    font-weight: 400;
    float: right;
    margin-top: 14px;
}.article-title {
    font-size: 16px;
    color: #555;
    font-weight: 400;
    margin-top: 10px;
}.article-desc, .show-detail {
    color: #999;
    transition: all .3s;
}
.article-desc {
    margin-top: 25px;
    line-height: 27px;
    font-size: 13px;
    width: 640px;
    overflow: hidden;
}.show-detail {
    padding: 5px 20px;
    border: 1px solid rgba(0,0,0,.1);
    margin-top: 27px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 14px;
}a:hover {
    color: #fb0;
}.article-card:hover .img-box>img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}.article-card:hover .article-desc, .article-card:hover .article-title-content {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}.article-card:hover .show-detail {
    background-color: #fb0;
    color: #fff;
    border: 1px solid #fb0;
}.article-list {
    width: 1100px;
    margin: 0 auto 30px;
}.article-list .line {
    width: 100%;
    height: 1px;
    background-color: rgba(0,0,0,.08);
    margin-top: 15px;
    margin-bottom: 15px;
}.article-nav {
    width: 800px;
    display: flex;
    margin: 20px auto 26px;
}.nav-item {
    flex: 1;
    padding: 0 30px;
}.nav-item div {
    cursor: pointer;
    padding: 10px 20px;
    border: 1px solid #f7b500;
    color: #f7b500;
    text-align: center;
}.active {
    color: #f7b500;
}.nav-item.active div {
    background-color: #f7b500;
    color: #fff;
}.card {
    width: 100%;
    height: 135px;
    background-color: #f4f4f4;
    margin-bottom: 10px;
    display: flex;
    border: 1px solid transparent;
    transition: all .3s;
}.article-date {
    width: 156px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}.day, .mount {
    color: #c5c5c5;
}
.day {
    font-size: 50px;
    text-align: center;
}.mount {
    font-size: 14px;
    margin-top: 2px;
}.article-desc {
    color: #4f4f4f;
    font-size: 13px;
    line-height: 20px;
    margin-top: 10px;
    overflow: hidden;
    height: 40px;
}.card:hover {
    border: 1px solid #f7b500;
}

.news-list-box{
    width: 1200px;
    margin: 0 auto;
}
.search-input-box {
    width: 760px;
    position: relative;
}.searchi-input {
    width: 100%;
    height: 60px;
    outline: none;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    padding-left: 30px;
    font-size: 18px;
}.searchi-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 145px;
    height: 100%;
    background-color: #f7b500;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: center;
    line-height: 60px;
    font-size: 30px !important;
    color: #282828;
    cursor: pointer;
}.F7B500{
    color: #f7b500;
}.serach-list {
    width: 1100px;
    margin: 30px auto 20px;
}.s-card {
    width: 100%;
    background-color: #f4f4f4;
    margin-bottom: 5px;
    padding: 20px 25px;
    font-size: 14px;
}.s-card .detail {
    display: flex;
}.s-card .detail>div {
    flex: 1;
    color: #303030;
}


.excavatorIndex-title {
    color: #f7b500;
    font-size: 32px;
    text-align: center;
    margin-top: 72px;
}.excavatorIndex .line {
    width: 44px;
    height: 2px;
    background-color: #f7b500;
    margin: 15px auto 0;
}.excavatorIndex-desc {
    text-align: center;
    line-height: 37px;
    color: #494545;
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 30px;
}.category-nav {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto 40px;
}.category-item:first-of-type {
    margin-left: 32px;
}
.category-item {
    float: left;
    width: 150px;
    height: 145px;
    padding: 10px;
    color: #333;
    margin-right: 49px;
}.category-item-img {
    width: 100%;
    height: 100px;
}.category-item-img img {
    width: 100%;
    height: 100%;
    opacity: .5;
    transition: all .3s;
}.category-item.active .category-item-img img, .category-item:hover .category-item-img img {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}.category-title {
    text-align: center;
    line-height: 40px;
}.category-item:last-of-type {
    margin-right: 0;
}.product-list {
    width: 100%;
    height: 405px;
    background-image: url(../img/a3af63b.jpg);
}.product-content {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-top: 75px;
}#triangle-down {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #fff;
    position: absolute;
    left: 80px;
    top: 0;
    transition: all .3s;
}.recommended {
    display: none;
}.recommended-item {
    display: block;
    position: relative;
    cursor: pointer;
    width: 289px;
    height: 289px;
    margin-right: 15px;
}.recommended-item img {
    width: 100%;
    height: 100%;
}.recommended-title {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    color: #fff;
    padding: 0 5px;
    line-height: 50px;
}.recommended-title-text {
    display: inline-block;
    width: 247px;
    overflow: hidden;
    text-overflow: ellipsis;
}.recommended .right-arrow {
    float: right;
    font-size: 20px;
    padding: 8px;
    background-color: #f7b500;
    line-height: 17px;
    margin-top: 10px;
}


.product-list2 {
    padding-top: 15px;
    overflow: hidden;
    position: relative;
    z-index: 100;
    width: 1200px;
    margin: 0 auto;
}.product-item:nth-of-type(1n) {
    margin-left: 0;
}
.product-item {
    width: 277px;
    height: 300px;
    float: left;
    margin: 20px 25px;
    position: relative;
}.product-img-box {
    width: 277px;
    height: 277px;
    border: 1px solid #d6d6d6;
    box-shadow: 0 0 5px 0 hsla(0,0%,73.3%,.56);
}.product-img-box img {
    width: 100%;
    height: 100%;
}.product-name {
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #141414;
    font-size: 15px;
    overflow: hidden;
}.product-detail {
    width: 100%;
    height: 100%;
    background-color: rgba(247,150,0,.9);
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s;
    opacity: 0;
    cursor: pointer;
}.product-detail-name {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-top: 55px;
}.product-line {
    width: 88px;
    height: 4px;
    background-color: #fff;
    margin: 20px auto 0;
}.product-detail-detail {
    color: #fff;
    padding-left: 30px;
    margin: 10px;
}.product-detail-detail span:first-of-type {
    text-align-last: justify;
    width: 100px;
    display: inline-block;
}.product-item:nth-of-type(4n) {
    margin-right: 0;
}
.product-item:nth-of-type(1n) {
    margin-left: 0;
}.product-item:hover .product-img-box {
    border: 0;
    box-shadow: 0;
}.product-item:hover .product-name {
    display: none;
}.product-item:hover .product-detail {
    opacity: 1;
    height: 110%;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}.recommend {
    text-align: center;
    color: #444;
    width: 1200px;
    margin: 0 auto;
}.line2 {
    width: 44px;
    height: 2px;
    background-color: #444;
    margin: 10px auto 30px;
}.swiper-out-box {
    position: relative;
}.recommend-item {
    float: left;
    display: block;
    width: 300px;
    height: 344px;
    position: relative;
}.recommend-item img {
    width: 100%;
    height: 294px;
    cursor: pointer;
}.recommend-item-title {
    width: 100%;
    color: #333;
    font-size: 14px;
    margin-top: 16px;
}
/*------图片滚动---*/
a.abtn {  position: absolute; top: 50%;width: 27px;height: 44px;margin-top: -22px;z-index: 10;cursor: pointer;background-size: 27px 44px;background-position: 50%;background-repeat: no-repeat;outline: none; height: 78px; width: 32px; background-size: contain;}         
a.aleft {left: -50px; background-image: url(../img/c496673.png);}            
a.agrayleft {opacity: .35; cursor: auto;  pointer-events: none;}         
a.aright { right: -50px;background-image: url(../img/dbf460a.png);}          
a.agrayright {opacity: .35; cursor: auto;  pointer-events: none;}         
.scrolllist {width: 1200px;height: 344px;position: relative;margin-bottom: 20px;}            
.scrolllist .imglist_w {width: 1200px;height: 344px;overflow: hidden;float: left; position: relative; /*必要元素*/}           
.scrolllist .imglist_w ul {width: 20000px;position: absolute;left: 0px;top: 0px;}   


.search-bar {
    width: 1200px;
    margin: 20px auto 0;
    background-color: #f6f6f6;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    font-size: 14px;
}.select-box {
    width: 285px;
    height: 38px;
    border: 1px solid #cbcbcb;
    background-color: #fff;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    color: #7f7f7f;
    line-height: 38px;
}.select-box .select {
    padding-left: 15px;
}.select-box .down-icon {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 14px;
}.select-box .selecti-item {
    position: absolute;
    left: -1px;
    width: 285px;
    z-index: 50;
    background-color: #fff;
    border: 1px solid #cbcbcb;
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    transition: all .3s;
}.select-nav-item {
    padding-left: 10px;
}.key-search-input {
    height: 38px;
    width: 250px;
    padding-left: 15px;
}.serach-btn {
    padding: 11px 60px;
    border: 0;
    outline: none;
    cursor: pointer;
    color: #fff;
    background-color: #f7b500;
    margin-left: 40px;
}.select-box.active .selecti-item {
    opacity: 1;
    z-index: 999;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}.select-nav-item:hover {
    background-color: #eee;
}

.content_wrapper {
    background-color: #f8f8f8;
    padding: 54px 0;
}.wrapper {
    width: 1170px;
    margin: 0 auto;
    position: relative;
}.wrapper .item_img {
    width: 630px;
    height: 500px;
    padding: 0 65px;
}.postInfo {
    width: 480px;
    position: absolute;
    top: 50px;
    right: calc(50% - 590px);
    border-bottom: none;
    float: right;
    height: 550px;
}.postInfo .title {
    line-height: 30px;
    color: #303030;
    font-size: 23px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 30px;
}.postInfo .description {
    color: #999;
    padding-top: 20px;
    font-size: 13px;
    line-height: 24px;
}.postInfo .spec {
    margin-top: 20px;
}.postInfo .spec .val {
    font-size: 13px;
    color: #999;
    line-height: 24px;
}.postInfo .description {
    color: #999;
    padding-top: 20px;
    font-size: 13px;
    line-height: 24px;
}.item_detail {
    width: 1170px;
    margin: 0 auto;
}.item_detail .title {
    font-size: 16px;
    margin: 20px 0;
}.item_detail_html {
    font-size: 13px!important;
    color: #999!important;
    line-height: 24px!important;
    padding: 0 214px;
    margin: 20px 0;
}.more_wrap .content_list .item_block {
    padding: 1%;
    width: 32%;
    float: left;
    margin-right: 15px;
    transition: all .5s ease;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}.more_wrap .content_list .item_block .item_box {
    color: #999;
    display: block;
}.more_wrap .content_list .item_block .item_box .item_img {
    width: 120px;
    height: 120px;
    float: left;
     margin-right: 15px; 
}.more_wrap .content_list .item_block .item_info {
    height: 120px;
    padding-top: 15px;
}.more_wrap .content_list .item_block .item_info .title {
    font-size: 14px;
    color: #333;
    margin: 0;
}.more_wrap .content_list .item_block .item_info .subtitle {
    margin-top: 8px;
}

.u-middle-content {
    height: 90vh;
    width: 100%;
    background-image: url(../img/54e9518.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}.u-text {
    width: 677px;
    height: 267px;
    background-image: url(../img/3695ce7.png);
    top: 300px;
    left: 50px;
    z-index: 1000;
}.u-form {
    width: 450px;
    min-height: 100px;
    background-color: rgba(0,0,0,.6);
    top: 180px;
    right: 220px;
    z-index: 1001;
    padding: 30px;
}
.u-form, .u-text {
    position: absolute;
}.register-box {
    color: #fff;
}.register-title {
    border-left: 5px solid #f7b500;
    padding-left: 10px;
    font-size: 22px;
}.register-info {
    margin-top: 35px;
}.form-input-box {
    position: relative;
    margin-bottom: 18px;
}.form-input-box i{
    position: absolute;
    width: 54px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 20px;
    color: #666;
    left: 0;
    top: 0;
    z-index: 1;
}.form-input {
    width: 100%;
    height: 46px;
    font-size: 16px;
    color: #999;
    outline: none;
    position: relative;
    padding-left: 54px;
    border: 1px solid #bcbcbc;
}.submit-login {
    width: 100%;
    height: 45px;
    outline: 0;
    margin-top: 20px;
    font-size: 18px;
}
.get-key-code, .submit-login {
    border: 0;
    background-color: #f7b500;
    color: #fff;
    cursor: pointer;
}.to-login {
    float: right;
    margin-top: 13px;
}.to-login a {
    color: #f7b500;
}.register-box{
    color: #fff;
}.form-input-box.keycode .form-input {
    padding-right: 170px;
}.get-key-code {
    position: absolute;
    top: 0;
    right: 0;
    padding: 14px 40px;
    border: 0;
    outline: none;
    background-color: #f7b500;
    color: #fff;
    cursor: pointer;
}.submit-register {
    width: 100%;
    height: 45px;
    border: 0;
    outline: 0;
    cursor: pointer;
    background-color: #949494;
    color: #fff;
    margin-top: 20px;
}.checkprotocol {
    background-color: #f7b500;
}