.server_head {
    position: relative;
    height: 300px;
    background: url(img/fuwu/icon-server-head-bg.png) no-repeat center center;
    background-size: auto 100%;
}
.bq_head {
    position: relative;
    height: 300px;
    background: url(img/fuwu/sec_bq.png) no-repeat center center;
    background-size: auto 100%;
}
.zl_head {
    position: relative;
    height: 300px;
    background: url(img/fuwu/sec_zl.png) no-repeat center center;
    background-size: auto 100%;
}

.server_head .p1 {
    font-family: PingFang-SC-Medium;
    padding: 64px 0 14px;
    font-size: 36px;
    font-weight: 500;
    text-align: left;
    color: #181c29;
}

.server_head .p2 {
    line-height: 28px;
    font-size: 14px;
    font-family: PingFang-SC-Medium;
    font-weight: 400;
    text-align: left;
    color: #181c29;
}

.server_tab {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: rgba(255, 255, 255, .6);
}

.server_tab .tab_item {
    position: relative;
    display: inline-block;
    margin-right: 82px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    color: #181c29;
}

.server_tab .tab_item.on {
    color: #FF6521;
}

.server_tab .tab_item.on:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 56px;
    height: 2px;
    margin-left: -28px;
    background-color: #FF6521;
}

.server_1 {
    background-color: #fff;
    padding-bottom: 50px;
}

.c_tit {
    font-size: 32px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: #181c29;
    padding: 50px 0 30px;
}

.server_1 .list_item {
    float: left;
    position: relative;
    width: 386px;
    height: 216px;
    background-color: #fff;
    box-shadow: 0px 0px 15px 0px #e8ebee;
    padding: 30px;
    margin-left: 21px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.server_1 .list_item:hover {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    transform: translateY(-10px);
}

.server_1 .server_list {
    margin-left: -21px;
}

.list_item .a1 {
    display: block;
    font-size: 20px;
    font-family: PingFang-SC-Medium;
    text-align: left;
    color: #181c29;
    margin-bottom: 18px;
}

.list_item .p1 {
    font-size: 14px;
    font-family: PingFang-SC-Medium;
    font-weight: 400;
    text-align: left;
    color: #828897;
    line-height: 20px;
}

.list_item .price {
    margin-top: 7px;
}

.list_item .price i {
    font-size: 14px;
    color: #ff6521;
}

.list_item .price .num {
    font-size: 32px;
    font-family: "DINProM";
    font-weight: 400;
    text-align: left;
    color: #ff6521;
    vertical-align: sub;
    margin-right: 4px;
}

.list_item .price .txt {
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-Light;
    font-weight: 300;
    text-align: left;
    color: #4d5260;
}

.list_item .bottom {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 30px;
    padding: 0 30px;
}

.list_item .see_d {
    width: 102px;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    color: #FF6521;
    border: 1px solid #ff6521;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.list_item .see_d:hover {
    color: #fff;
    background: #ff6521;
}

.server_2 {
    background: url(img/fuwu/icon-server-fuwu2.png) no-repeat center center;
    background-size: cover;
}

.server_2 .tit,
.server_3 .tit {
    padding-bottom: 10px;
}

.server_2 .list_item,
.server_3 .list_item {
    margin-top: 20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.server_2 .list_item:hover {
    background: url(img/fuwu/icon-server-fuwu-hover.png) no-repeat center center;
    background-size: cover;
}

.server_3 {
    background-color: #fff;
}

.server_3 .list_item {
    width: 590px;
    height: 196px;
    margin-left: 20px;
}

.server_3 .list_item:hover {
    background: url(img/fuwu/icon-server-fuwu-hover3.png) no-repeat center center;
    background-size: cover;
}

.server_4 {
    background: #f6f7f9;
}

/* 版权服务 */
#reg-view{
    background-color: #f6f7f9;
}
#reg-view .top {
    position: relative;
    z-index: 2;
    width: 1200px;
    height: 150px;
    margin: -80px auto 0;
    /* overflow: hidden; */
    background: #fff;
    background: rgba(255, 255, 255, .6);
    backdrop-filter: blur(5px);
}

#reg-view .top>.clearfix {
    padding-left: 30px;
}

#reg-view .top h2 {
    height: 60px;
    line-height: 60px;
}

#reg-view .top h2 .title {
    margin-right: 20px;
    font-size: 18px;
    color: #333;
    font-weight: normal;
}

#reg-view .top h2 .text {
    font-size: 14px;
    color: #999;
}

.select-container {
    padding: 0 20px 0 0px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 230px;
    height: 42px;
    background: #fff;
    border: 1px solid #bbbfc9;
    cursor: pointer;
}

.select-container::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    background: url(img/arrow1.png) no-repeat left center;
}

.select-container.active::after,
.select-container:hover::after {
    background: url(img/arrow1_.png) no-repeat left center;
}

.select-container .select-head {
    padding-left: 40px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #999;
    background: url(img/register/icon.png) no-repeat 14px center;
    background-size: 13px 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.select-container.hasValue .select-head {
    color: #333;
}

.select-container .select-body {
    display: none;
    position: absolute;
    top: 42px;
    left: -1px;
    padding: 5px 0px 0 0px;
    width: 250px;
    font-size: 12px;
    background: #fff;
    border: 1px solid #bbbfc9;
    border-top: none;
    z-index: 10;
}

.select-container.active .select-body,
.select-container:hover .select-body {
    display: block;
}

.select-container .select-body .select-item {
    padding-left: 30px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #666;
    background: #fff;
}

.select-container .select-body .select-item:hover,
.select-container .select-body .select-item.active {
    color: #ff6521;
    font-weight: 600;
    background: #f0f0f0;
}

.select-container .select-body .select-item.active {
    cursor: default;
}

#reg-view .input-wrap {
    margin-top: 15px;
    margin-left: 10px;
    padding: 10px 15px;
    width: 220px;
    height: 22px;
    border: 1px solid #bbbfc9;
    background-color: #fff;
}

#reg-view .input-wrap input {
    width: 220px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #333;
}

#reg-view .input-wrap.gc {
    width: 190px;
}

#reg-view .input-wrap.gc input {
    float: left;
    width: 100px;
}

#getCodes {
    float: left;
    width: 90px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #FF6521;
    text-align: center;
}

#getCodes:active {
    color: #f00;
}

#getCodes.default {
    color: #999;
}

#reg-view .top .search {
    /* float: left; */
    margin: 15px 0 0 10px;
    width: 120px;
    height: 44px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    background: #FF6521;
}

#reg-view .top .search:active {
    color: #ddd;
    background: #f50;
}

#reg-view #slideList {
    height: 60px;
    background: #fff;
}

#reg-view #slideList p {
    padding-left: 30px;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
}

#reg-view #slideList p b {
    margin-right: 10px;
    color: #666;
}

#reg-view #slideList p .text {
    color: #999;
}

#reg-view #slideList p em {
    margin-left: 20px;
    color: #FF6521;
    font-weight: 600;
}

.bq_server .server_1 .list_item {
    transition: all .3s ease-out;
}

.bq_server .server_1 {
    background: #f6f7f9;
}

.bq_server .list_item .price .txt {
    color: #FF6521;
}

.bq_server .server_1 .list_item:hover {
    background: url(img/fuwu/icon-bq-1.png) no-repeat center center;
    background-size: 386px 216px;
}

.bq_server .server_1 .list_item:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 2px;
    height: 0;
    background-color: transparent;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.bq_server .server_1 .list_item:hover:before {
    background-color: #FF6521;
    height: 100%;
}

.bq_2 {
    background-color: #fff;
    padding-bottom: 50px;
}

.b_list_item {
    width: 285px;
    height: 244px;
    float: left;
    background: #ffffff;
    box-shadow: 0px 0px 15px 0px #e8ebee;
    padding: 30px 30px 36px;
    margin-left: 20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.b_list_item:hover {
    transform: translateY(-10px);
}

.b_list_item:first-child {
    margin-left: 0;
}

.b_list_item .a1 {
    display: block;
    font-size: 20px;
    font-family: PingFang-SC-Medium;
    text-align: left;
    color: #181c29;
    margin-bottom: 18px;
}

.b_list_item .p1 {
    font-size: 14px;
    font-family: PingFang-SC-Medium;
    font-weight: 400;
    text-align: left;
    color: #828897;
    line-height: 20px;
}

.b_list_item .price {
    margin: 24px 0;
}

.b_list_item .price i {
    font-size: 14px;
    color: #ff6521;
}

.b_list_item .price .num {
    font-size: 32px;
    font-family: "DINProM";
    font-weight: 400;
    text-align: left;
    color: #ff6521;
    vertical-align: sub;
    margin-right: 4px;
}

.b_list_item .price .txt {
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-Light;
    font-weight: 300;
    text-align: left;
    color: #FF6521;
}

.b_list_item .see_d {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    color: #FF6521;
    border: 1px solid #ff6521;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.b_list_item .see_d:hover {
    color: #fff;
    background: #ff6521;
}

.bq_3 {
    width: 100%;
    height: 390px;
    background: url(img/fuwu/bg-bq-3.png) no-repeat center center;
    background-size: 100% 390px;
}

.bq_3 .c_tit {
    color: #fff;
}

.bq_3 .c_tit_1 {
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-Light;
    font-weight: 400;
    color: #ffffff;
    line-height: 20px;
    margin-top: -20px;
}

.bq_3_list {
    margin-top: 46px;
    background: rgb(255,101,33);
    /* filter: blur(4px); */
    height: 232px;
}

.bq_3_item {
    width: 25%;
    padding-top: 126px;
    background: url(img/fuwu/icon-bq3-1.png) no-repeat center center;
    background-size: 48px 48px;
}

.bq_3_item:first-child+.bq_3_item {
    background: url(img/fuwu/icon-bq3-2.png) no-repeat center center;
    background-size: 48px 48px;
}

.bq_3_item:first-child+.bq_3_item+.bq_3_item {
    background: url(img/fuwu/icon-bq3-3.png) no-repeat center center;
    background-size: 48px 48px;
}

.bq_3_item:first-child+.bq_3_item+.bq_3_item+.bq_3_item {
    background: url(img/fuwu/icon-bq3-4.png) no-repeat center center;
    background-size: 48px 48px;
}

.bq_3_item .p1 {
    font-size: 20px;
    font-family: PingFang SC, PingFang SC-Light;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 10px;
}

.bq_3_item .p2 {
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-Light;
    font-weight: 400;
    color: rgba(255, 255, 255, .6);
    line-height: 20px;
}

.bq_4 {
    position: relative;
    background-color: #fff;
    padding-bottom: 50px;
}

.bq_4:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ddd;
    bottom: 140px;
}

.bq_4 .c_tit {
    color: #181C29;
}

.c_tit_1 {
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-Light;
    font-weight: 400;
    color: #828897;
    line-height: 20px;
    margin-top: -20px;
}

.bq_4_list {
    padding-top: 45px;
}

.bq_4_item {
    position: relative;
    text-align: center;
    width: 25%;
    padding: 90px 95px 0;
    box-sizing: border-box;
    background: url(img/fuwu/icon-bq4-1.png) no-repeat top center;
    background-size: 44px 44px;
}

.bq_4_item:first-child+.bq_4_item {
    background: url(img/fuwu/icon-bq4-2.png) no-repeat top center;
    background-size: 44px 44px;
}

.bq_4_item:first-child+.bq_4_item+.bq_4_item {
    background: url(img/fuwu/icon-bq4-3.png) no-repeat top center;
    background-size: 44px 44px;
}

.bq_4_item:first-child+.bq_4_item+.bq_4_item+.bq_4_item {
    background: url(img/fuwu/icon-bq4-4.png) no-repeat top center;
    background-size: 44px 44px;
}

.bq_4_item:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 10px;
    background: url(img/fuwu/icon-bq4-right.png) no-repeat center center;
    background-size: 6px 10px;
    z-index: 3;
    bottom: 86px;
    left: 0;
}

.bq_4_item:first-child:after {
    content: none;
}

.bq_4_item .dot {
    position: absolute;
    bottom: 81px;
    left: 50%;
    margin-left: -7px;
    z-index: 2;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #ffffff;
    border: 2px solid #ff6521;
    border-radius: 50%;
}

.bq_4_item .p1 {
    font-size: 18px;
    font-family: PingFang SC, PingFang SC-Light;
    font-weight: 500;
    color: #181c29;
    margin-bottom: 11px;
}

.bq_4_item .p2 {
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-Light;
    font-weight: 400;
    color: #828897;
    line-height: 20px;
}

.bq_5 {
    background: #f6f7f9;
}

.bq_5_item {
    width: 386px;
    height: 241px;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px #e8ebee;
    margin-left: 21px;
    transition: all .3s ease-out;
}

.bq_5_item:first-child {
    margin-left: 0;
}

.bq_5_item .p1 {
    display: block;
    height: 78px;
    line-height: 78px;
    position: relative;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    color: #181C29;
    padding: 0 22px 0 77px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.05);
}

.bq_5_item .p1:before {
    position: absolute;
    left: 30px;
    top: 26px;
    content: "";
    width: 24px;
    height: 24px;
    background: url(img/fuwu/icon-bq-q.png) no-repeat center center;
    background-size: 24px 24px;
}

.bq_5_item .p2 {
    position: relative;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #828897;
    line-height: 22px;
    height: 40px;
    margin: 20px 0 30px;
    line-height: 20px;
    padding: 0 22px 0 77px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;   
    font-size: 14px;
}

.bq_5_item .p2:before {
    position: absolute;
    left: 30px;
    top: 4px;
    content: "";
    width: 24px;
    height: 24px;
    background: url(img/fuwu/icon-bq-a.png) no-repeat center center;
    background-size: 24px 24px;
}

.bq_5_item .btn {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #828897;
    line-height: 20px;
    transition: all .3s ease-out;
    margin-left: 77px;
    width: 102px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #bbbfc9;
}

.bq_5_item .btn:hover {
    color: #FF6521;
    border-color: #FF6521;
}

.bq_5_item:hover {
    transform: translateY(-12px);
}

.bq_5 .see_more {
    display: block;
    margin: 50px auto 100px;
    width: 142px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #ff6521;
    text-align: center;
    box-shadow: 0px 2px 12px 4px rgba(0, 0, 0, 0.04);
    font-size: 16px;
    font-weight: 400;
    color: #ff6521;
    transition: all .3s ease-out;
}

.bq_5 .see_more:hover {
    background-color: #ff6521;
    color: #fff;
    box-shadow: 0px 2px 12px 4px rgba(0, 0, 0, 0.04);
}


/* 专利服务 */
.cc_tit {
    padding-bottom: 26px;
}

.zl_4_list .bq_4_item {
    width: 20%;
    padding: 101px 50px 0;
    background: url(img/fuwu/icon-zl2-1.png) no-repeat top center;
    background-size: 46px 46px;
}

.zl_4_list .bq_4_item:first-child+.bq_4_item {
    background: url(img/fuwu/icon-zl2-2.png) no-repeat top center;
    background-size: 46px 46px;
}

.zl_4_list .bq_4_item:first-child+.bq_4_item+.bq_4_item {
    background: url(img/fuwu/icon-zl2-3.png) no-repeat top center;
    background-size: 46px 46px;
}

.zl_4_list .bq_4_item:first-child+.bq_4_item+.bq_4_item+.bq_4_item {
    background: url(img/fuwu/icon-zl2-4.png) no-repeat top center;
    background-size: 46px 46px;
}

.zl_4_list .bq_4_item:first-child+.bq_4_item+.bq_4_item+.bq_4_item+.bq_4_item {
    background: url(img/fuwu/icon-zl2-5.png) no-repeat top center;
    background-size: 46px 46px;
}



.zl_4:after {
    bottom: 108px;
}

.bq_4_item .dot {
    bottom: 81px;
}

.zl_4 .bq_4_item:after {
    bottom: 54px;
}

.bq_4_list.zl_4_list {
    padding-top: 20px;
}


.zl_3 {
    width: 100%;
    height: 574px;
    background: url(img/fuwu/bg-zl-3.png) no-repeat center center;
    background-size: 100% 574px;
}

.zl_3_list {
    margin-left: -21px;
}

.zl_3_item {
    width: 386px;
    height: 172px;
    background: #ffffff;
    box-shadow: 0px 0px 15px 0px #e8ebee;
    padding: 30px 30px 30px 97px;
    margin-left: 21px;
    margin-bottom: 20px;
}

.zl_3_item .p1 {
    font-size: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 500;
    text-align: left;
    color: #181c29;
    margin-bottom: 10px;
}

.zl_3_item .p2 {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    text-align: left;
    color: #828897;
    line-height: 22px;
}

.zl_3_item.s1 {
    background: #fff url(img/fuwu/icon-zl3-1.png) no-repeat left 30px top 30px;
    background-size: 40px 40px;
}

.zl_3_item.s2 {
    background: #fff url(img/fuwu/icon-zl3-2.png) no-repeat left 30px top 30px;
    background-size: 40px 40px;
}

.zl_3_item.s3 {
    background: #fff url(img/fuwu/icon-zl3-3.png) no-repeat left 30px top 30px;
    background-size: 40px 40px;
}

.zl_3_item.s4 {
    background: #fff url(img/fuwu/icon-zl3-4.png) no-repeat left 30px top 30px;
    background-size: 40px 40px;
}

.zl_3_item.s5 {
    background: #fff url(img/fuwu/icon-zl3-5.png) no-repeat left 30px top 30px;
    background-size: 40px 40px;
}

.zl_3_item.s6 {
    background: #fff url(img/fuwu/icon-zl3-6.png) no-repeat left 30px top 30px;
    background-size: 40px 40px;
}

.bq_5.zl_5 {
    background-color: #fff;
}


.yzm_item {
    width: 275px;
    height: 50px;
    line-height: 50px;
    border: 1px solid rgba(224, 224, 224, 0.42);
    box-shadow: 0 2px 10px 4px rgba(8, 5, 30, 0.03);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.yzm_item input {
    width: 165px;
    height: 100%;
    outline: none;
    border: none;
    text-indent: 15px;
    background: #fff;
}

.yzm_item .tx_img{
    width: 100px;
    float: right;
    height: 35px;
    margin-top: 7px;
    margin-right: 8px;
    cursor: pointer;
}
#yanz_tp {
    display: none;
    padding: 20px;
}
#yanz_tp .btn{
    margin-top: 20px;
}
#yanz_tp button{
    width: 100px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    background: #FF6521;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#yanz_tp button:hover {
    opacity: .9;
}

.na_tit{
    font-size: 32px;
    text-align: center;
    color: #181c29;
    line-height: 34px;
    padding: 40px 0;
}

.na_index_1{
    padding-bottom: 40px;
    background: #f6f7f9;
}
.index_1_left{
    position: relative;
    width: 360px;
    height: 488px;
    background: #fff;
    border: 1px solid #ff6521;
    padding: 20px;
}
.index_1_left .index_yh{
    position: absolute;
    left: -13px;
    top: -11px;
    width: 112px;
    height: 109px;
    background: url(img/gjtm/icon-index-yh.png) no-repeat center center;
    background-size: 112px 109px;
}
.index_1_left .head_img{
    width: 106px;
    height: 71px;
    margin-right: 20px;
}
.index_1_left .head_img img{
    max-height: 100%;
    max-width: 100%;
}
.index_1_left .head_txt{
    width: calc( 100% - 126px );
}
.index_1_left .head_txt .p1{
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: #181c29;
    margin-bottom: 10px;
}
.index_1_left .head_txt .p2{
    font-size: 14px;
    text-align: left;
    color: #4d5260;
    line-height: 22px;
    text-align: justify;
}
.index_1_left .left_mid{
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px dashed #ddd;
}
.index_1_left .left_mid p{
    font-size: 14px;
    text-align: left;
    color: #4d5260;
    line-height: 21px;
    margin-bottom: 20px;
}
.index_1_left .left_bottom{
    margin-top: 36px;
}
.index_1_left .left_bottom .price_info{
    font-size: 32px;
    color: #ff6521;
    line-height: 32px;
}
.index_1_left .left_bottom .price_info span{
    float: left;
}
.index_1_left .left_bottom .price_info i{
    font-size: 16px;
    float: left;
    line-height: 20px;
    margin-top: 10px;
}
.index_1_left .left_bottom .price_info i:first-child{
    margin-top: 12px;
}
.index_1_left .left_bottom .price_hua{
    font-size: 16px;
    text-decoration:  line-through;
    text-align: left;
    color: #bbbfc9;
    line-height: 20px;
    margin-top: 10px;
}
.index_1_left .left_btn{
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: block;
    color: #fff;
    width: 320px;
    line-height: 50px;
    height: 50px;
    text-align: center;
    background: linear-gradient(270deg,#ff763a, #ff8e5d);
    font-size: 16px;
    transition: all .3s;
}
.index_1_left .left_btn:hover{
    opacity: .8;
}

.index_1_right{
    width: calc( 100% - 380px );
    margin-top: -20px;
}
.index_1_right .gj_item{
    padding: 20px;
    position: relative;
    width: 400px;
    height: 234px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    box-shadow: 0px 0px 15px 0px #e8ebee;
    margin-top: 20px;
    margin-left: 20px;
    transition: all .3s;
}
.index_1_right .gj_item:first-child,.index_1_right .gj_item:first-child+.gj_item+.gj_item{
    margin-left: 0;
}
.index_1_right .gj_item:hover{
    border-color: #ff6521;
}
.gj_item .gj_head .head_img{
    width: 85px;
    height: 57px;
    margin-right: 10px;
}
.gj_item .gj_head .head_img img{
    max-width: 100%;
    max-height: 100%;
}
.gj_head .head_txt{
    width: calc( 100% - 95px );
}
.gj_head .head_txt .p1{
    font-size: 18px;
    font-weight: 700;
    color: #181c29;
    margin-bottom: 10px;
}
.gj_head .head_txt .p2{
    font-size: 14px;
    font-weight: 400;
    color: #181c29;
    line-height: 20px;
}
.gj_item .gj_head{
    height: 82px;
}
.gj_item .gj_mid{
    padding-top: 15px;
    /* margin-top: 20px; */
    border-top: 1px dashed #ddd;
    font-size: 14px;
    text-align: left;
    color: #4d5260;
    line-height: 19px;
}
.gj_item .gj_bottom{
    margin-top: 24px;
    padding-top: 26px;
    border-top: 1px dashed #eee;
}
.gj_item .gj_bottom .price{
    width: 50%;
}
.gj_item .gj_bottom .price_info{
    font-size: 28px;
    color: #ff6521;
    line-height: 28px;
}
.gj_item .gj_bottom .price_info span{
    float: left;
}
.gj_item .gj_bottom .price_info i{
    font-size: 14px;
    float: left;
    line-height: 20px;
    margin-top: 7px;
}
.gj_item .gj_bottom .price_info i:first-child{
    margin-top: 9px;
    font-size: 16px;
}
.gj_item .gj_bottom .price_hua{
    font-size: 16px;
    text-decoration:  line-through;
    color: #bbbfc9;
    line-height: 20px;
    margin-top: 10px;
}
.gj_item .gj_btn{
    margin-top: 11px;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: linear-gradient(270deg,#ff763a, #ff8e5d);
    font-size: 16px;
    color: #fff;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    transition: all .3s;
}
.gj_item .gj_btn:hover{
    opacity: .8;
}
.gj_item .index_hot{
    position: absolute;
    left: -9px;
    top: -8px;
    width: 81px;
    height:79px;
    background: url(img/gjtm/icon-index-hot.png) no-repeat center center;
    background-size: 81px 79px;
}