.indx-banner-container {
    height: 599px;
}

.indx-banner-container .swiper {
    height: 599px;
}

:root {
    --swiper-theme-color: #04a583 !important;
}

.indx-banner-container .plate-r {
    position: absolute;
    left: 50%;
    right: 50%;
    top: 105px;
    z-index: 2;
    width: 359px;
    height: 472px;
    margin: 0 auto;
    padding: 20px 33px 20px;
    margin-right: -650px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 12px;
}

.indx-banner-container .plate-r .register-title {
    position: relative;
    width: 357px;
    height: 40px;
    line-height: 40px;
    font-size: 28px;
    color: #333;
    margin-bottom: 8px;
}

.indx-banner-container .plate-r .register-title .ded-tips {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    margin: 0 0 0 10px;
}

.indx-banner-container .plate-r .register-title .ded-tips span {
    font-size: 28px;
}

.indx-banner-container .plate-r .form-redio {
    margin-bottom: 12px;
    position: relative;
    background: #fff;
}

.indx-banner-container .plate-r .form-redio label {
    display: inline-block;
    width: 173px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #e8e8e8;
    cursor: pointer;
}

.indx-banner-container .plate-r .form-redio label:first-child {
    margin-right: 5px;
}

.indx-banner-container .plate-r .form-redio input[type=radio] {
    appearance: none;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border: 1px solid #c7c3bd;
    outline: none;
    cursor: pointer;
    border-radius: 20px;
    margin: -4px 5px 0 0;
}

.indx-banner-container .plate-r .form-redio input[type=radio]:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #06a381;
    border: 1px solid #06a381;
    border-radius: 10px;
    transform: scale(0);
    transition: all ease-in-out 300ms;
}

.indx-banner-container .plate-r .form-redio input[type=radio]:checked {
    border: 1px solid #06a381;

}

.indx-banner-container .plate-r .form-redio input[type=radio]:checked:after {
    transform: scale(1);
}

.indx-banner-container .plate-r .form-item {
    margin-bottom: 12px;
    position: relative;
    background: #fff;
}

.indx-banner-container .plate-r .form-item.ver-code input {
    width: 230px;
}

.indx-banner-container .plate-r .form-item input {
    height: 34px;
    background: #fff;
    outline: none;
    border: none;
    width: 100%;
    text-indent: 20px;
    font-size: 14px;
    border: 1px solid #e8e8e8;
}

.indx-banner-container .plate-r .form-item .pwd-icon-img {
    position: absolute;
    right: 8px;
    top: 0;
    width: 17px;
    height: 17px;
    padding: 8px 5px 12px;
    box-sizing: content-box;
}

.indx-banner-container .plate-r .form-item .pwd-icon-img img {
    width: 100%;
}

.indx-banner-container .plate-r .form-item .password-tips {
    position: absolute;
    top: 37px;
    left: 0px;
    right: 0px;
    z-index: 999;
    padding: 15px 18px 10px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    text-align: justify;
    line-height: 18px;
    font-weight: normal;
    font-size: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    cursor: initial;
    border-radius: 2px;
    line-height: 1.6;
    color: #777f84;
}

.indx-banner-container .plate-r .form-item .password-tips S {
    position: absolute;
    top: -14px;
    left: 38px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #cfcfcf transparent;
    border-style: dashed dashed solid dashed;
    border-width: 7px;
}

.indx-banner-container .plate-r .form-item .password-tips S i {
    position: absolute;
    top: -7px;
    left: -8px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #fff transparent;
    border-style: dashed dashed solid dashed;
    border-width: 8px;
    cursor: pointer;
}

.indx-banner-container .plate-r .form-item .password-tips p {
    margin-bottom: 4px;
}

.indx-banner-container .plate-r .form-item .password-tips p i {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    margin: -3px 5px 0 0;
}

.indx-banner-container .plate-r .form-item .password-tips p i img {
    width: 100%;
}

.indx-banner-container .plate-r .remember {
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 14px;
}

.indx-banner-container .plate-r .remember label {
    cursor: pointer;
    color: #666;
}

.indx-banner-container .plate-r .remember input {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}


.indx-banner-container .plate-r .remember a:hover {
    text-decoration: underline;
}

.indx-banner-container .plate-r .remember a {
    color: #06a381;
}


/*自定义复选框*/
input[type="checkbox"] {
    -webkit-appearance: none;
    background: url(../images/index/checkbox@icon.png) -26px 0 no-repeat;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    width: 19px;
    cursor: pointer;
    outline: none;
}

input[type="checkbox"]:checked {
    background: url(../images/index/checkbox@icon.png) 0 0 no-repeat;
}

.indx-banner-containerr .plate-r .form-item input::placeholder {
    color: #999999;
}

.indx-banner-container .plate-r .form-item .get-code {
    color: #048c6f;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    height: 34px;
    line-height: 34px;
    background: #fff;
    padding: 0 24px;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #e8e8e8;
    background-color: #f7f7f7;
}

.indx-banner-container .plate-r .form-item .get-code:before {
    display: block;
    content: '';
    height: 21px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    z-index: 1;
}

.indx-banner-container .plate-r .now-register {
    border: none;
    outline: none;
    width: 100%;
    height: 44px;
    border-radius: 6px;
    background-image: linear-gradient(249deg, #06a381 0%, #06a381 100%);
    color: #fff;
    font-size: 20px;
    margin-top: 10px;
}

.index-seavice-container {
    height: 100px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    background-color: #fff;
}

.index-seavice-container .index-seavice-body .service .lines {
    float: left;
    padding: 22px 0 0 0;
    margin-right: 85px;
}

.index-seavice-container .service .lines .dt {
    font-size: 18px;
}

.index-seavice-container .service .lines .dt i {
    display: inline-block;
    vertical-align: middle;
    margin: -10px 5px 0 0;
    width: 35px;
    height: 35px;
}

.index-seavice-container .service .lines.delivery-time i {
    background: url(../images/index/batch-index@icon.png);
}

.index-seavice-container .service .lines.special-price i {
    background: url(../images/index/batch-index@icon.png) -41px 0;
}

.index-seavice-container .service .lines.quality i {
    background: url(../images/index/batch-index@icon.png) -81px 0;;
}

.index-seavice-container .service .lines .des {
    margin-top: 6px;
    color: #666;
}

.index-seavice-container .notice {
    position: relative;
    width: 430px;
    float: right;
    margin: 18px 0 0 0;
}

.index-seavice-container .notice:before {
    content: '';
    position: absolute;
    left: -65px;
    top: 0;
    width: 1px;
    height: 58px;
    background-color: #eee;
}

.index-seavice-container .notice .item .title {
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
}

.index-seavice-container .notice .item .title i {
    display: inline-block;
    vertical-align: middle;
    width: 21px;
    height: 21px;
    margin: -4px 5px 0 0;
    background: url(../images/index/batch-index@icon.png) -125px 0;
}

.index-seavice-container .notice .item .title h3 {
    display: inline-block;
    vertical-align: middle;
}

.index-seavice-container .notice .item .list {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    height: 24px;
}

.index-seavice-container .notice .item .list li span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.index-seavice-container .notice .item .list li p {
    display: inline-block;
}

.index-seavice-container .notice .item .list li a {
    width: 260px;
    display: inline-block;
    vertical-align: middle;
}

.index-seavice-container .notice .item .more {
    color: #04a583;
}

.index-seavice-container .notice .item .more:hover {
    text-decoration: underline;
}

.index-seavice-container .notice .item.keywords {
    margin-top: 8px;
}

.index-seavice-container .notice .item.keywords .title {
    margin-top: 3px;
}

.index-seavice-container .notice .item.keywords .title i {
    margin-top: 4px;
    background: url(../images/index/batch-index@icon.png) -156px 0;
}

.index-seavice-container .notice .item.keywords a {
    display: inline-block;
    padding: 3px 10px 2px;
    margin-right: 5px;
    border: 1px dotted #30ac92;
    border-radius: 20px;
}

.index-advantage-container {
    margin-top: 30px;
}

.index-advantage-container .index-advantage-body {
    background-color: #fff;
}

.index-advantage-container .index-advantage-body .aboutUs {
    position: relative;
    float: left;
    width: 300px;
    height: 386px;
    background: linear-gradient(to bottom, #84beaf, #f7fffc);
}

.index-advantage-container .index-advantage-body .aboutUs .title {
    width: 300px;
    height: 170px;
    background: url(../images/index/problem-titlem@bg.png) top;
}

.index-advantage-container .index-advantage-body .aboutUs .title h4 {
    display: inline-block;
    margin: 86px 0 0 116px;
    color: #fff;
}

.index-advantage-container .index-advantage-body .aboutUs .videoItem {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 129px;
    right: 0;
    margin: auto;
    z-index: 2;
    width: 262px;
    height: 196px;
    border-radius: 10px;
}

.index-advantage-container .index-advantage-body .aboutUs .videoItem .play {
    overflow: hidden;
    position: relative;
    width: 262px;
    height: 160px;
    cursor: pointer;
}

.index-advantage-container .index-advantage-body .aboutUs .videoItem .play i {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    width: 79px;
    height: 79px;
    background: url(../images/index/about-video@icon.png);
}

.index-advantage-container .index-advantage-body .aboutUs .videoItem .play img {
    transition: 0.3s;
}

.index-advantage-container .index-advantage-body .aboutUs .videoItem .play:hover img {
    transform: scale(1.05);
}

.index-advantage-container .index-advantage-body .aboutUs .videoItem .name {
    height: 36px;
    background-color: #06a381;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    color: #fff;
}

.index-advantage-container .index-advantage-body .box {
    width: 890px;
    float: left;
    padding: 32px 0 0 50px
}

.index-advantage-container .index-advantage-body .box .item {
    float: left;
    width: 260px;
    text-align: center;
    margin-right: 49px;
}

.index-advantage-container .index-advantage-body .box .item:last-child {
    margin-right: 0;
}

.index-advantage-container .index-advantage-body .box .item .p-img {
    overflow: hidden;
    display: block;
    border-radius: 12px;
    transition: 0.3s;
}

.index-advantage-container .index-advantage-body .box .item .p-img img {
    transition: 0.3s;
}

.index-advantage-container .index-advantage-body .box .item .p-img img:hover {
    transform: scale(1.05);
}

.index-advantage-container .index-advantage-body .box .item dl {
    margin-top: 20px;
}

.index-advantage-container .index-advantage-body .box .item dl dt {
    font-size: 18px;
    margin-bottom: 10px;
    color: #0a9d7e;
}

.index-advantage-container .index-advantage-body .box .item dl dd {
    color: #555;
    font-size: 15px;
}

.index-advantage-container .index-advantage-body .box .item dl dd.spacer {
    position: relative;
    text-align: center;
    font-size: 0;
    margin-bottom: 15px;
}

.index-advantage-container .index-advantage-body .box .item dl dd.spacer i {
    display: inline-block;
    height: 1px;
    width: 70px;
    background-color: #0a9d7e;
    background: linear-gradient(to right, #fff, #b2b2b2, #fff);
}

.index-advantage-container .index-advantage-body .box .item dl dd.spacer span {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: -3px;
    margin: auto;
    width: 5px;
    height: 5px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #b2b2b2;
    background-color: #fff;
}

.index-advantage-container .index-advantage-body .box .item:hover dl dd.spacer i {
    background-color: #0a9d7e;
    background: linear-gradient(to right, #fff, #00ab87, #fff);
}

.index-advantage-container .index-advantage-body .box .item:hover dl dd.spacer span {
    border: 1px solid #00ab87;
}


.index-quote-container {
    margin-top: 30px;
}

.index-quote-container .index-quote-body {
    border-top: 4px solid #00ab87;
    height: 430px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.index-quote-container .index-quote-body .quoteBox {
    position: relative;
    width: 454px;
    height: 430px;
    background-color: #fff;
}

.index-quote-container .index-quote-body .quoteBox:before {
    content: '';
    position: absolute;
    left: 0;
    top: -4px;
    z-index: 2;
    width: 31px;
    height: 30px;
    background: url(../images/index/quote-angleMark@bg.png);
}

.index-quote-container .index-quote-body .quoteBox .tabs {
    font-size: 16px;
    overflow: hidden;
}

.index-quote-container .index-quote-body .quoteBox .tabs:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    clear: both;
}

.index-quote-container .index-quote-body .quoteBox .tabs li {
    float: left;
    width: 50%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
    padding-top: 2px;
    background-color: #f5f5f5;
    border-bottom-left-radius: 12px;
}

.index-quote-container .index-quote-body .quoteBox .tabs li:first-child {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0;
}

.index-quote-container .index-quote-body .quoteBox .tabs li i {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin: -4px 5px 0 0;
}

.index-quote-container .index-quote-body .quoteBox .tabs li i.pcb {
    background: url(../images/index/quote@icon.png);
}

.index-quote-container .index-quote-body .quoteBox .tabs li i.smt {
    background: url(../images/index/quote@icon.png) -26px 0;
}

.index-quote-container .index-quote-body .quoteBox .tabs .selected {
    background: #fff;
    border-top-right-radius: 10px;
    color: #00ab87;
    font-weight: bold;
}

.index-quote-container .index-quote-body .quoteBox .tab-box {
    padding-top: 30px;
    box-sizing: border-box;
    background: #fff;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item {
    padding: 0 30px;
    height: 225px;
    display: none
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item.smt {
    padding: 0 20px;
    height: 225px;
    display: none
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .item-row {
    margin-bottom: 18px;
    position: relative;
    z-index: 2
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .item-row .label {
    poso
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .item-row .label span {
    display: inline-block;
    position: relative;
    margin-left: -7px;
    margin-right: 1px;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .item-row:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    clear: both
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .item-row:first-child {
    position: relative;
    z-index: 4
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .item-row input {
    border: 0;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l {
    float: left;
    width: 189px;
    margin-right: 20px
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .label {
    font-size: 14px;
    color: #333;
    margin-bottom: 3px
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .box-size {
    border-radius: 2px;
    box-sizing: border-box;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .box-size:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    clear: both
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .box-size .flag {
    display: inline-block;
    font-size: 18px;
    width: 28px;
    height: 36px;
    line-height: 36px;
    color: #999;
    text-align: center;
    float: left
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .box-size .length, .index-quote-container .index-quote-body .quoteBox .tab-box .box-item .box-size .width {
    width: 180px;
    height: 36px;
    border: 1px solid #d6d6d6;
    line-height: 36px;
    text-indent: 10px;
    border-radius: 4px;
    float: left;
    background: #fff
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .box-size .unit {
    display: inline-block;
    width: 32px;
    border-left: 1px solid #d6d6d6;
    text-align: center;
    line-height: 32px;
    background: #efefef;
    float: left;
    font-size: 14px
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .box-size .number {
    width: 130px;
    line-height: 32px;
    height: 32px;
    background: #fff;
    float: left;
    text-indent: 10px
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .label {
    font-size: 14px;
    color: #333;
    margin-bottom: 3px
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down {
    position: relative;
    z-index: 999;
    width: 182px;
    height: 36px;
    border: 1px solid #d6d6d6;
    background: none;
    border-radius: 4px;
    cursor: pointer
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down:after {
    display: block;
    content: '⏷';
    text-align: center;
    line-height: 34px;
    color: #999;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    right: 0;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .layers {
    height: 36px;
    background: #fff;
    line-height: 36px;
    width: 150px;
    text-indent: 10px;
    cursor: pointer;
    border-radius: 3px;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .drop-down {
    position: absolute;
    top: 30px;
    left: -1px;
    width: 152px;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    background: #fff;
    display: none
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .drop-down li {
    height: 25px;
    line-height: 25px;
    text-indent: 10px;
    cursor: pointer
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .drop-down li:hover {
    background: #efefef
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .drop-down .disabled {
    color: #a8a8a8;
    background: #efefef
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-r {
    float: left;
    width: 184px;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-r .box-size {
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    box-sizing: border-box
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-r .box-size:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    clear: both
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-r .label {
    font-size: 14px;
    color: #333;
    margin-bottom: 3px
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-r .the-drop-down {
    position: relative;
    width: 182px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #d6d6d6;
    cursor: pointer
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-r .the-drop-down:after {
    display: block;
    content: '⏷';
    text-align: center;
    line-height: 34px;
    color: #999;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    right: 0;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-r .the-drop-down .layers {
    height: 36px;
    background: #fff;
    line-height: 36px;
    width: 148px;
    text-indent: 10px;
    cursor: pointer;
    border-radius: 3px;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-r .the-drop-down .drop-down {
    position: absolute;
    top: 36px;
    left: -1px;
    width: 184px;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
    display: none
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-r .the-drop-down .drop-down li {
    height: 28px;
    line-height: 28px;
    text-indent: 10px;
    cursor: pointer
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-r .the-drop-down .drop-down li:hover {
    background: #efefef
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-r .the-drop-down .drop-down .disabled {
    color: #a8a8a8;
    background: #efefef
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .boards-nub-warp ul li {
    width: 20%;
    float: left;
    margin-bottom: 5px;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .boards-nub-warp ul li label {
    cursor: pointer;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .boards-nub-warp ul li input {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 2px 0 0;
    cursor: pointer;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .boards-nub-warp ul li a {
    display: block;
    color: #757575;
    overflow: hidden;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .boards-nub-warp ul li.free {
    width: 125px;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .boards-nub-warp ul li.free:hover .free-icon {
    opacity: 0.9;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .boards-nub-warp ul li.free .free-icon {
    display: inline-block;
    vertical-align: middle;
    width: 93px;
    height: 22px;
    background: url(../images/index/free-proofing@icon.png);
    margin: -1px 0 0 4px;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .boards-nub-warp ul li.receive-free {
    width: 155px;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .boards-nub-warp ul li.receive-free:hover .free-icon {
    opacity: 0.9;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .boards-nub-warp ul li.receive-free .free-icon {
    display: inline-block;
    vertical-align: middle;
    width: 125px;
    height: 22px;
    background: url(../images/index/free-proofing@icon.png) -99px 0;
    margin: 0 0 0 4px;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .boards-nub-warp ul {
    font-family: verdana;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .boards-nub-warp {
    display: none;
    position: absolute;
    top: 36px;
    left: -1px;
    z-index: 9999;
    padding: 15px 10px 20px 20px;
    width: 360px;
    border: 1px solid #d6d6d6;
    background-color: #fff;
    text-align: justify;
    font-weight: normal;
    font-size: 13px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: initial;
    color: #757575;
    border-radius: 3px;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .boards-nub-warp .custom {
    margin-top: 12px;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .boards-nub-warp .custom .txtstyle {
    width: 110px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #d8d8d8;
    color: #6E6E6E;
    padding-left: 3px;
    margin-right: 3px;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .boards-nub-warp .custom button {
    width: 60px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    border: 0px;
    font-size: 12px;
    margin-left: 6px;
    border-radius: 2px;
    color: #fff;
    background-color: #ff6a00;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .boards-nub-warp .custom button.confirmbtn {
    background-color: #ff6a00;
}

.index-quote-container .index-quote-body .quoteBox .tab-box .box-item .row-l .the-drop-down .boards-nub-warp .custom button.cancelbtn {
    background-color: #ccc;
}

.index-quote-container .tab-box .smt .row-l, .index-quote-container .tab-box .stencil .row-l {
    width: 100px
}

.index-quote-container .tab-box .smt .row-l .smt-num, .index-quote-container .tab-box .stencil .row-l .smt-num {
    width: 100%;
    line-height: 36px;
    height: 36px;
    text-indent: 10px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #d6d6d6 !important;
}

.index-quote-container .tab-box .smt .row-r, .index-quote-container .tab-box .stencil .row-r {
    width: 189px
}

.index-quote-container .tab-box .smt .row-r .smt-num, .index-quote-container .tab-box .stencil .row-r .smt-num {
    width: 100%;
    line-height: 36px;
    height: 36px;
    background: #fff;
    text-indent: 10px;
    border-radius: 4px;
}

.index-quote-container .tab-box .choose {
    position: relative
}

.index-quote-container .tab-box .choose:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    clear: both
}

.index-quote-container .tab-box .choose li {
    float: left;
    margin: 0 8px 3px 0;
    padding: 0 16.9px;
    text-align: center;
    height: 36px;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    background-color: #fff;
    line-height: 36px;
    cursor: pointer
}

.index-quote-container .tab-box .choose li:hover {
    border: 1px solid #59a483;
    background: url(../images/index/choose-active@ico.png) bottom right no-repeat #fff
}

.index-quote-container .tab-box .choose li:last-child {
    margin-right: 0;
}

.index-quote-container .tab-box .choose .over {
    border: 1px solid #59a483;
    color: #59a483;
    background: url(../images/index/choose-active@ico.png) bottom right no-repeat #fff
}

.index-quote-container .tab-box .stencil .row-l {
    width: 189px
}

.index-quote-container .tab-box .stencil .row-l .box-size {
    width: 189px
}

.index-quote-container .tab-box .stencil .row-r {
    width: 187px
}

.index-quote-container .tab-box .stencil .choose li {
    width: 56px;
    text-align: center;
    padding: 0;
    margin-right: 5px;
    margin-bottom: 0
}

.index-quote-container .index-quote-body .tab-box .box-item .quoteBtn {
    padding-top: 15px
}

.index-quote-container .index-quote-body .tab-box .box-item .quoteBtn button {
    width: 100%;
    height: 46px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 46px;
    text-align: center;
    background-color: #00ab87;
    color: #fff;
    border-radius: 6px;
    border: 0;
}

.index-quote-container .index-quote-body .tab-box .box-item .quoteBtn button:hover {
    background-color: #00b38c;
    box-shadow: 0 4px 6px #eee
}

.index-quote-container .index-quote-body .productBox {
    width: 820px;
    height: 430px;
}

.index-quote-container .index-quote-body .productBox .item {
    float: left;
    width: 270px;
    height: 390px;
    background-color: #fff;
    text-align: center;
    padding: 20px 0;
    margin: 0 5px 0 0;
}

.index-quote-container .index-quote-body .productBox .item:last-child {
    margin-right: 0;
}

.index-quote-container .index-quote-body .productBox .item .dt {
    font-size: 18px;
    color: #00ab87;
}

.index-quote-container .index-quote-body .productBox .item .more {
    display: inline-block;
    margin: 0 auto;
    width: 130px;
    height: 32px;
    margin-top: 12px;
    line-height: 32px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 3px;
}

.index-quote-container .index-quote-body .productBox .item .more:hover {
    border: 1px solid #00ab87;
}

.index-quote-container .index-quote-body .productBox .item dl {
    margin-top: 20px;
}

.index-quote-container .index-quote-body .productBox .item dl dt {
    font-size: 18px;
    margin-bottom: 10px;
    color: #0a9d7e;
}

.index-quote-container .index-quote-body .productBox .item dl dt.spacer {
    position: relative;
    text-align: center;
    font-size: 0;
    margin-bottom: 15px;
}

.index-quote-container .index-quote-body .productBox .item dl dt.spacer i {
    display: inline-block;
    height: 1px;
    width: 70px;
    background-color: #0a9d7e;
    background: linear-gradient(to right, #fff, #b2b2b2, #fff);
}

.index-quote-container .index-quote-body .productBox .item dl dt.spacer span {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: -3px;
    margin: auto;
    width: 5px;
    height: 5px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #b2b2b2;
    background-color: #fff;
}

.index-quote-container .index-quote-body .productBox .item dl dd {
    overflow: hidden;
    height: 70px;
}

.index-quote-container .index-quote-body .productBox .item:hover .more {
    border: 1px solid #00ab87;
    color: #00ab87;
}

.index-quote-container .index-quote-body .productBox .item:hover dl dt.spacer i {
    background-color: #0a9d7e;
    background: linear-gradient(to right, #fff, #00ab87, #fff);
}

.index-quote-container .index-quote-body .productBox .item:hover dl dt.spacer span {
    border: 1px solid #00ab87;
}

.index-pcbSmart-container {
    height: 590px;
    background: url(../images/index/img/pcbSmart@bg.jpg);
    margin-top: 35px;
}

.index-pcbSmart-container .index-pcbSmart-body {
    padding: 55px 0;
}

.index-pcbSmart-container .index-pcbSmart-body .title {
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}

.index-pcbSmart-container .index-pcbSmart-body .title h3 {
    font-size: 36px;
}

.index-pcbSmart-container .index-pcbSmart-body .certificate {
    width: 490px;
    margin-top: 10px;
}

.index-pcbSmart-container .index-pcbSmart-body .certificate .item .dt {
    color: #fff;
    margin-bottom: 10px;
}

.index-pcbSmart-container .index-pcbSmart-body .certificate .item .dt i {
    width: 34px;
    height: 28px;
    margin: 0 10px 0 0;
    color: #fff;
    line-height: 28px;
    display: inline-block;
    text-align: center;
    background-color: #00ab87;
    border-radius: 3px;
}

.index-pcbSmart-container .index-pcbSmart-body .certificate .item .show {
    text-align: center;
}

.index-pcbSmart-container .index-pcbSmart-body .certificate .item .dt span {
    font-size: 16px;
}

.index-pcbSmart-container .index-pcbSmart-body .certificate .item .patent {
    width: 373px;
    height: 137px;
    margin: auto;
    text-align: center;
    background: url(../images/index/certification@bg.png) 0 bottom no-repeat;
}

.index-pcbSmart-container .index-pcbSmart-body .certificate .item .patent .p-img {
    height: 79px;
}

.index-pcbSmart-container .index-pcbSmart-body .certificate .item .patent .p-icon {
    display: block;
    margin-top: 12px;
}

.index-pcbSmart-container .index-pcbSmart-body .allIsndustry {
    width: 720px;
    height: 360px;
    border-radius: 12px;
    padding: 25px;
    background-color: rgba(0, 0, 0, 0.3);
}

.index-pcbSmart-container .index-pcbSmart-body .allIsndustry .item .dt {
    color: #fff;
    margin-bottom: 30px;
}

.index-pcbSmart-container .index-pcbSmart-body .allIsndustry .item .dt i {
    width: 34px;
    height: 28px;
    margin: 0 8px 0 0;
    line-height: 28px;
    display: inline-block;
    text-align: center;
    background-color: #00ab87;
    border-radius: 3px;
}

.index-pcbSmart-container .index-pcbSmart-body .allIsndustry .lines {
    text-align: center;
}

.index-pcbSmart-container .index-pcbSmart-body .allIsndustry .lines li {
    width: 200px;
    height: 65px;
    margin: 0 15px 35px 0;
    display: inline-block;
    line-height: 62px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
}

.index-pcbSmart-container .index-pcbSmart-body .allIsndustry .lines li:nth-child(3n) {
    margin-right: 0;
}

.index-pcbSmart-container .index-pcbSmart-body .allIsndustry .lines li i {
    display: inline-block;
    vertical-align: middle;
    margin: -4px 10px 0 0;
    width: 25px;
    height: 25px;
}

.index-pcbSmart-container .index-pcbSmart-body .allIsndustry .lines li i.txIcon {
    background: url(../images/index/industry@icon.png);
}

.index-pcbSmart-container .index-pcbSmart-body .allIsndustry .lines li i.qcIcon {
    background: url(../images/index/industry@icon.png) -42px 0;
}

.index-pcbSmart-container .index-pcbSmart-body .allIsndustry .lines li i.gkIcon {
    background: url(../images/index/industry@icon.png) -83px 0;
}

.index-pcbSmart-container .index-pcbSmart-body .allIsndustry .lines li i.ylIcon {
    background: url(../images/index/industry@icon.png) 0 -43px;
}

.index-pcbSmart-container .index-pcbSmart-body .allIsndustry .lines li i.xfIcon {
    width: 27px;
    background: url(../images/index/industry@icon.png) -42px -43px;
}

.index-pcbSmart-container .index-pcbSmart-body .allIsndustry .lines li i.afIcon {
    background: url(../images/index/industry@icon.png) -82px -43px;
}

.index-pcbSmart-container .index-pcbSmart-body .allIsndustry .lines li i.znIcon {
    background: url(../images/index/industry@icon.png) 0 -83px;
}

.index-pcbSmart-container .index-pcbSmart-body .allIsndustry .lines li i.xnyIcon {
    width: 27px;
    height: 27px;
    background: url(../images/index/industry@icon.png) -42px -82px;
}

.index-pcbSmart-container .index-pcbSmart-body .allIsndustry .lines li i.ledIcon {
    width: 23px;
    background: url(../images/index/industry@icon.png) -84px -83px;
}

.index-process-container {
    margin-top: 30px;
}

.index-process-container .index-process-body .process {
    padding-bottom: 20px;
}

.index-process-container .index-process-body .process .item {
    float: left;
    width: 170px;
    height: 375px;
    background-color: #e8e8e8;
    margin-right: 22px;
}

.index-process-container .index-process-body .process .item .dt {
    width: 170px;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    background-color: #e8e8e8;
    text-align: center;
}

.index-process-container .index-process-body .process .item .list {
    padding: 0 10px;
    background-color: #fff;
}

.index-process-container .index-process-body .process .item .list li {
    text-align: center;
    line-height: 37px;
    border-bottom: 1px dashed #e1e1e1;
    font-size: 16px;
}

.index-process-container .index-process-body .process .item .dt i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    width: 28px;
    height: 21px;
}

.index-process-container .index-process-body .process .item .dt i.bclxIocn {
    background: url(../images/index/process@icon.png);
}

.index-process-container .index-process-body .process .item .dt i.gylxIocn {
    background: url(../images/index/process@icon.png) -45px 0;
}

.index-process-container .index-process-body .process .item .dt i.bmclIocn {
    background: url(../images/index/process@icon.png) -87px 0;
}

.index-process-container .index-process-body .process .item .dt i.hyyyIocn {
    width: 21px;
    background: url(../images/index/process@icon.png) -130px 0;
}

.index-process-container .index-process-body .process .item:hover {
    background-color: #00ab87;
}

.index-process-container .index-process-body .process .item:hover .dt {
    background-color: #00ab87;
    color: #fff;
}

.index-process-container .index-process-body .realTime-order {
    width: 502px;
    height: 365px;
    padding: 5px;
    background-color: #00ab87;
}

.index-process-container .index-process-body .realTime-order .inner {
    position: relative;
    height: 350px;
    background-color: #fff;
    padding: 8px 12px;
    border-top-left-radius: 20px;
}

.index-process-container .index-process-body .realTime-order .inner:before {
    display: none;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 10px;
    height: 20px;
    background-color: #00ab87;
}

.index-process-container .index-process-body .realTime-order .title {
    padding: 5px 0;
    border-bottom: 1px solid #00ab87;
}

.index-process-container .index-process-body .realTime-order .title i {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-top: -5px;
    background: url(../images/index/process@icon.png) -159px 0;
}

.index-process-container .index-process-body .realTime-order .title h3 {
    display: inline-block;
    font-size: 18px;
}

.index-process-container .index-process-body .realTime-order .title p {
    float: right;
}

.index-process-container .index-process-body .realTime-order .title p.nub {
    margin-left: 42px;
}

.index-process-container .index-process-body .realTime-order .title p span {
    font-size: 18px;
    margin: 0 2px;
}

.index-process-container .index-process-body .realTime-order .list {
    overflow: hidden;
    height: 265px;
}

.index-process-container .index-process-body .realTime-order .th {
    text-align: center;
    padding: 15px 5px 5px;
    color: #999;
    background-color: #fff;
}

.index-process-container .index-process-body .realTime-order .th div {
    float: left;
    width: 12%;
}

.index-process-container .index-process-body .realTime-order .th div.deliveryDate {
    margin-right: 2%;
}

.index-process-container .index-process-body .realTime-order .th div:first-child {
    text-indent: -14px;
}

.index-process-container .index-process-body .realTime-order .list .line {
    overflow: hidden;
    padding: 7px 5px;
    border: 1px solid #f2f2f2;
    margin-bottom: 8px;
}

.index-process-container .index-process-body .realTime-order .list .line div {
    float: left;
    width: 12%;
    text-align: center;
}

.index-process-container .index-process-body .realTime-order .list .line div:first-child {
    text-align: left;
}

.index-process-container .index-process-body .realTime-order .list .line div.deliveryDate {
    color: #fff;
    margin-top: -2px;
    margin-right: 2%;
}

.index-process-container .index-process-body .realTime-order .list .line div.deliveryDate p {
    display: inline-block;
    background-color: #ff9429;
    line-height: 1.3;
    padding: 2px;
    border-radius: 4px;
}

.index-process-container .index-process-body .realTime-order .list .line div.deliveryDate p i {
    display: inline-block;
    margin: 0 1px 0 1px;
}

.index-process-container .index-process-body .realTime-order .list .line div.deliveryDate p span {
    display: inline-block;
    background-color: #fff;
    border-radius: 3px;
    padding: 0 5px 0 3px;
    color: #ff9429;
}


.index-smtMounting-container {
    height: 590px;
    background-color: #048065;
}

.index-smtMounting-container .index-smtMounting-body {
    margin-top: 35px;
    padding: 34px 0 0 0;
}

.index-smtMounting-container .index-smtMounting-body .title {
    text-align: center;
    color: #fff;
}

.index-smtMounting-container .index-smtMounting-body .title h3 {
    font-size: 36px;
}

.index-smtMounting-container .index-smtMounting-body .title p {
    font-size: 18px;
    margin-top: 5px;
}

.index-smtMounting-container .index-smtMounting-body .title p span {
    margin: 0 10px;
}

.index-smtMounting-container .index-smtMounting-body .box {
    height: 450px;
    color: #fff;
    margin: 25px 0 0 0;
}

.index-smtMounting-container .index-smtMounting-body .box .special-price {
    width: 248px;
    height: 385px;
    margin-right: 1px;
    padding: 30px 25px;
    background-color: #048c6f;
}

.index-smtMounting-container .index-smtMounting-body .box .special-price .p-img {
    text-align: center;
}

.index-smtMounting-container .index-smtMounting-body .box .special-price .p-name {
    font-size: 18px;
    margin: 28px 0 10px;
}

.index-smtMounting-container .index-smtMounting-body .box .special-price .p-des {
    color: #33ffd3;
}

.index-smtMounting-container .index-smtMounting-body .box .special-price .more {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    height: 36px;
    text-align: center;
    color: #fff;
    margin-top: 25px;
    line-height: 36px;
    background-color: #029f7e;
    border-radius: 3px;
}

.index-smtMounting-container .index-smtMounting-body .box .smtProcess {
    width: 931px;
    height: 385px;
    padding: 30px 25px;
    background-color: #048c6f;
}

.index-smtMounting-container .index-smtMounting-body .box .smtProcess .factoryShow {
    overflow: hidden;
}

.index-smtMounting-container .index-smtMounting-body .box .smtProcess .factoryShow img {
    float: left;
    margin-right: 10px;
}

.index-smtMounting-container .index-smtMounting-body .box .smtProcess .factoryShow img:last-child {
    margin-right: 0;
}

.index-smtMounting-container .index-smtMounting-body .box .smtProcess .dt {
    font-size: 18px;
    margin: 20px 0 15px 0;
}

.index-smtMounting-container .index-smtMounting-body .box .smtProcess .line p {
    width: 400px;
    display: inline-block;
    padding: 10px 10px;
    margin: 0 20px 10px 0;
    background-color: #049173;
    color: #33ffd3;
    border: 1px solid #029f7e;
    border-radius: 6px;
}

.index-smtMounting-container .index-smtMounting-body .box .smtProcess .line p i {
    display: inline-block;
    border-radius: 15px;
    width: 24px;
    height: 24px;
    margin: 0 3px 0 0;
    text-align: center;
    line-height: 24px;
    background-color: #0ea484;
}

.index-icBom-container {
    height: 560px;
    background: url(../images/index/img/icBom@bg.jpg) center;
}

.index-icBom-container .index-icBom-body {
    padding-top: 50px;
}

.index-icBom-container .index-icBom-body .title {
    text-align: center;
}

.index-icBom-container .index-icBom-body .title h3 {
    font-size: 36px;
}

.index-icBom-container .index-icBom-body .box {
    margin-top: 30px;
}

.index-icBom-container .index-icBom-body .box .dt {
    font-size: 30px;
    color: #117d66;
    padding: 0 30px;
}

.index-icBom-container .index-icBom-body .box .list {
    width: 590px;
    margin-top: 20px;
}

.index-icBom-container .index-icBom-body .box .list li {
    width: 140px;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.index-icBom-container .index-icBom-body .box .list li i {
    margin: 0 auto;
    width: 66px;
    height: 66px;
    margin-bottom: 5px;
}

.index-icBom-container .index-icBom-body .box .list li i.icIcon1 {
    background: url(../images/index/icBom@icon.png);
}

.index-icBom-container .index-icBom-body .box .list li i.icIcon2 {
    background: url(../images/index/icBom@icon.png) -72px 0;
}

.index-icBom-container .index-icBom-body .box .list li i.icIcon3 {
    background: url(../images/index/icBom@icon.png) -143px 0;
}

.index-icBom-container .index-icBom-body .box .list li i.icIcon4 {
    background: url(../images/index/icBom@icon.png) -215px 0;
}

.index-icBom-container .index-icBom-body .box .list li i.icIcon5 {
    background: url(../images/index/icBom@icon.png) 0 -72px;
}

.index-icBom-container .index-icBom-body .box .list li i.icIcon6 {
    background: url(../images/index/icBom@icon.png) -72px -72px;
}

.index-icBom-container .index-icBom-body .box .list li i.icIcon7 {
    background: url(../images/index/icBom@icon.png) -143px -72px;
}

.index-icBom-container .index-icBom-body .box .bom-box {
    width: 340px;
    height: 300px;
    background-color: #fff;
    border-radius: 12px;
    padding: 20px 30px;
}

.index-icBom-container .index-icBom-body .box .bom-box .bomUpload .upload {
    position: relative;
    overflow: hidden;
    height: 145px;
    padding: 45px 0 45px;
    margin-bottom: 10px;
    border: 2px dashed rgba(0, 0, 0, 0.13);
    background-color: #f8f8f8;
    border-radius: 3px;
    margin-top: 5px;
    text-align: center;
    font-size: 14px;
}

.index-icBom-container .index-icBom-body .box .bom-box .bomUpload .upload i {
    height: 47px;
}

.index-icBom-container .index-icBom-body .box .bom-box .bomUpload .upload p {
    margin-top: 4px;
}

.index-icBom-container .index-icBom-body .box .bom-box .bomUpload .upload .bomFile {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

.index-icBom-container .index-icBom-body .box .bom-box .bomUpload .upload .bomBtn {
    width: 138px;
    height: 36px;
    background-color: #117d65;
    color: #fff;
    border-radius: 3px;
    border: 0;
    font-size: 14px;
    margin-top: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

.index-icBom-container .index-icBom-body .box .bom-box .bomUpload .upload .bomBtn:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.index-icBom-container .index-icBom-body .box .bom-box .bomUpload .upload .upload-success {
    margin-top: 30px;
}

.index-icBom-container .index-icBom-body .box .bom-box .bomUpload .upload .upload-success .name {
    max-width: 180px;
    display: inline-block;
    vertical-align: middle;
}

.index-icBom-container .index-icBom-body .box .bom-box .bomUpload .upload .upload-success .del {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    background: url(../images/index/remove.png) left center no-repeat;
    cursor: pointer;
    color: #ff6a00;
    margin-left: 5px;
}

.index-icBom-container .index-icBom-body .box .bom-box .bomUpload .upload .uploadSuccessBtn {
    width: 152px;
    height: 42px;
    background-color: #117d65;
    color: #fff;
    border-radius: 3px;
    border: 0;
    font-size: 16px;
    margin-top: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

.index-icBom-container .index-icBom-body .box .bom-box .bomUpload .upload:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

.index-icBom-container .index-icBom-body .box .bom-box .bomUpload .bom-dt {
    font-size: 16px;
}

.index-icBom-container .index-icBom-body .box .bom-box .bomUpload .note {
    color: #999;
}

.index-icBom-container .index-icBom-body .box .bom-box .bomUpload .note a {
    color: #117d65;
}

.index-icBom-container .index-icBom-body .box .bom-box .bomUpload .note a:hover {
    text-decoration: underline;
}


.index-globalNetwork-container {
    height: 526px;
    background: url(../images/index/img/globalNetwork@bg.jpg) center;
}

.index-globalNetwork-container .index-globalNetwork-body {
    padding: 95px 0 0 0;
}

.index-globalNetwork-container .index-globalNetwork-body .listData li {
    float: left;
    width: 25%;
    text-align: center;
    font-size: 16px;
}

.index-globalNetwork-container .index-globalNetwork-body .listData li .nub {
    font-size: 42px;
    color: #00ab87;
    font-weight: bold;
}


/*新闻资讯*/
.J-news-container {
    background-color: #fff;
}

.J-news-container .J-news-body {
    overflow: hidden;
    padding: 40px 0 40px;
}

.J-news-container .J-news-body .title {
    position: relative;
    height: 70px;
}

.J-news-container .J-news-body .title h3 {
    display: inline-block;
    vertical-align: middle;
    font-size: 36px;
    line-height: 1;
}

.J-news-container .J-news-body .title .des {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0 0 15px;
    font-size: 14px;
    letter-spacing: 3px
}

.J-news-container .J-news-body .title .des i {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: -2px 5px 0 0;
    border: 3px solid #47c2a8;
    font-size: 0;
    border-radius: 10px;
}

.J-news-container .J-news-body .title .spacer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 55px;
    height: 3px;
    background-color: #47c2a8;
}

.J-news-container .J-news-body .title .more {
    position: absolute;
    right: 0;
    top: -10px;
    display: block;
    width: 160px;
    height: 40px;
    margin-top: 20px;
    line-height: 40px;
    font-size: 14px;
    border-radius: 40px;
    color: #999;
    text-align: center;
    border: 1px solid #999;
}

.J-news-container .J-news-body .title .more i {
    display: inline-block;
    width: 21px;
    height: 11px;
    background: url(../images/index/news-more@icon.png) no-repeat;
    margin-left: 18px;
}

.J-news-container .J-news-body .title .more:hover {
    border: 1px solid #ff6a00;
    color: #ff6a00;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.J-news-container .J-news-body .title .more:hover i {
    background: url(../images/index/news-more-hover@icon.png);
}

.J-news-container .J-news-body .title .more span {
    font-size: 18px;
    margin-left: 3px;
}

.J-news-container .J-news-body .box {
    margin-top: 25px;
    font-size: 14px;
}

.J-news-container .J-news-body .box .list li {
    float: left;
    width: 297px;
    margin-right: 30px;
}

.J-news-container .J-news-body .box .list li:nth-child(4) {
    margin-right: 0;
}

.J-news-container .J-news-body .box .list li .item .date {
    color: #999;
    font-size: 16px;
    margin-bottom: 15px;
}

.J-news-container .J-news-body .box .list li .item .date span {
    font-size: 38px;
    line-height: 1;
    margin-right: 10px;
}

.J-news-container .J-news-body .box .list li .item .show {
    overflow: hidden;
    height: 183px;
    transition: all 0.3s;
}

.J-news-container .J-news-body .box .list li .item .show a {
    display: block;
    height: 183px;
}

.J-news-container .J-news-body .box .list li:hover .item .show a {
    transform: scale(1.04);
}

.J-news-container .J-news-body .box .list li .item .info {
    padding: 18px 0;
}

.J-news-container .J-news-body .box .list li .item .info .dt {
    font-size: 16px;
}

.J-news-container .J-news-body .box .list li .item .info .des {
    height: 45px;
    color: #999;
    margin-top: 10px;
}

.J-news-container .J-news-body .box .list li .item .btn {
    display: block;
    width: 160px;
    height: 40px;
    margin-top: 20px;
    line-height: 40px;
    border-radius: 40px;
    color: #999;
    text-align: center;
    border: 1px solid #999;
}

.J-news-container .J-news-body .box .list li .item .btn i {
    display: inline-block;
    width: 21px;
    height: 11px;
    background: url(../images/index/news-more@icon.png) no-repeat;
    margin-left: 18px;
}

.J-news-container .J-news-body .box .list li .item .btn:hover {
    border: 1px solid #ff6a00;
    color: #ff6a00;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.J-news-container .J-news-body .box .list li .item .btn:hover i {
    background: url(../images/index/news-more-hover@icon.png);
}

.J-news-container .J-news-body .box .list li .item .btn span {
    font-size: 18px;
    margin-left: 3px;
}


/*--------底部版权--------*/
.footer {
    padding: 38px 0 35px;
    /*border-top: 4px solid #fc5d0d;*/
    background-color: #3d3d3d;
    color: #b3b3b3;
}

.footer .copyright-group1 {
    overflow: hidden;
}

.footer .copyright-group1 .foot-nav-sidebar {
    float: left;
    width: 602px;
    border-right: 1px solid #464646;
    padding-bottom: 8px;
    font-size: 14px;
}

.footer .copyright-group1 .foot-nav-sidebar .item {
    float: left;
    margin: 0 21px 0 0;
    width: 98px;
    color: #999;
}

.footer .copyright-group1 .foot-nav-sidebar .item dt {
    margin-bottom: 15px;
    color: #b3b3b3;
    font-size: 16px !important;
}

.footer .copyright-group1 .foot-nav-sidebar .item dd {
    margin-top: 4px;
}

.footer .copyright-group1 .foot-nav-sidebar .item a {
    color: #fff;
}

.footer .copyright-group1 .foot-nav-sidebar .item a:hover {
    color: #ff6a00;
    text-decoration: underline;
}

.footer .copyright-group1 .foot-tel-center {
    float: left;
    margin-left: 50px;
    width: 335px;
    font-size: 14px;
    color: #fff;
}

.footer .copyright-group1 .foot-tel-center em {
    margin: 12px 0;
}

.footer .copyright-group1 .foot-tel-center p.dt {
    color: #b3b3b3;
    font-size: 16px;
}

.footer .copyright-group1 .foot-tel-center p {
    margin-bottom: 4px;
}

.footer .copyright-group1 .foot-tel-center p.tel {
    height: 41px;
    margin-bottom: 12px;
}

.footer .copyright-group1 .foot-ewm-right {
    float: right;
    text-align: center;
    font-size: 12px;
    background-color: #393939;
    padding: 8px;
    margin-left: 2px;
}

.footer .copyright-group1 .foot-ewm-right p {
    margin-top: 5px;
    font-size: 13px;
}

.footer .copyright-group2 {
    margin-top: 28px;
    padding: 12px 0 18px;
    border-top: 1px solid #464646;
    border-bottom: 1px solid #464646;
}

.footer .copyright-group2 .Rz-item {
    float: left;
    margin-right: 50px;
}

.footer .copyright-group2 .Rz-item:nth-child(3n) {
    margin-right: 0;
}

.footer .copyright-group2 .Rz-item .dt {
    display: block;
    color: #b3b3b3;
    font-size: 14px;
    margin-bottom: 5px;
}

.footer .copyright-group2 .Rz-item .ico a {
    float: left;
    margin: 0 2px 0 0;
    background-color: #fff;
    transition: 0.2s;
}

.footer .copyright-group2 .Rz-item .ico a img {
    float: left;
}

.footer .copyright-group2 .Rz-item .ico a:hover {
    background-color: #fff;
    overflow: hidden;
}

.footer .copyright-group2 .Rz-item .ico span {
    float: left;
    margin: 0 2px 0 0;
}


.footer .copyright-group3 {
    margin-top: 20px;
    font-size: 14px;
    color: #fff;
}

.footer .copyright-group3 p {
    margin-bottom: 6px;
}

.footer .copyright-group3 p a {
    color: #fff !important;
}

.footer .copyright-group3 p a:hover {
    color: #ff6a00 !important;
    text-decoration: underline;
}

.footer .copyright-group3 b {
    font-weight: normal;
}

.footer .links {
    margin-top: 20px;
    padding: 20px 0 0;
    font-size: 13px;
    border-top: 1px solid #464646;
}

.footer .links a {
    color: #afafaf;
    display: inline-block;
    margin-left: 12px;
    margin-bottom: 10px;
}

.footer .links a:hover {
    color: #fff;
    text-decoration: underline;
}


/*--------网上咨询--------*/
.Online-consulting {
    position: fixed;
    top: 520px;
    right: 0;
    z-index: 999;
    margin-top: -100px;
    width: 50px;
}

.Online-consulting ul {
    width: 54px;
}

.Online-consulting ul li {
    position: relative;
    margin-bottom: 1px;
    width: 50px;
    height: 50px;
    border-radius: 3px;
    background-color: #453f3d;
    background: rgba(0, 0, 0, 0.6);

}

.Online-consulting ul li a {
    position: relative;
    display: block;
    color: #666;
}

.Online-consulting ul li a:hover {
    border-radius: 3px;
    background-color: #2b303a;
}

.Online-consulting ul li .hide {
    position: absolute;
    top: 0;
    left: 50px;
    z-index: -1;
    width: 185px;
    border-radius: 3px;
    background-color: #252931;
    color: #fff;
    opacity: 0;
}

.Online-consulting ul li .qq {
    overflow: hidden;
    padding: 14px 0 13px 10px;
}

.Online-consulting ul li .qq i {
    display: inline-block;
    margin-top: -2px;
    vertical-align: middle;
}

.Online-consulting ul li .tel {
    padding: 18px 0 18px 10px;
    line-height: 1;
}

.Online-consulting ul li .ewm {
    float: left;
    margin-right: 1px;
    padding: 20px 20px;
    background-color: #252931;
}

.Online-consulting ul li .ewm p {
    margin-top: 10px;
}

/*--------翻页--------*/
.pagination {
    display: inline-block;
    margin: 20px 0;
    padding-left: 0;
    border-radius: 4px;
}

/*2024-3-22 追加港澳台区号 start*/
.new-input {
    border: 1px solid #e8e8e8;
}

.new-input::after {
    clear: both;
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    content: '.';
    line-height: 0;
}

.new-input .segment-box {
    position: relative;
    height: 34px;
    float: left;
}

.new-input .segment-box .zone {
    height: 100%;
    line-height: 34px;
    color: #333333;
    font-size: 14px;
    padding-left: 20px;
    cursor: pointer;
}

.new-input .segment-box .zone:after {
    display: inline-block;
    content: '';
    background: url("../images/index/select-arrow.png") no-repeat 96% center;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    transition: all .3s;
}

.new-input .segment-box .zone.active:after {
    transform: rotate(180deg);
}

.new-input .zone-lists {
    position: absolute;
    left: -1px;
    top: 34px;
    width: 130px;
    text-indent: 0;
    background: #fff;
    z-index: 1001;
    border: 1px solid #ddd;
    border-radius: 0 0 4px 4px;
}

.new-input .zone-lists .li {
    line-height: 40px;
    padding-left: 10px;
    cursor: pointer;
    font-size: 14px;
    color: #333333;
}

.new-input .zone-lists .li:hover {
    background: #f5f5f5;
    cursor: pointer;
    font-size: 14px;
    color: #333333;
}

.new-input .text {
    width: 284px !important;
    float: right;
    border: none !important;
}

/*2024-3-22 追加港澳台区号 end*/