/* main */

.ind_part {
    width: 100%;
    padding-bottom: 80px;
}

.white_bg {
    background-color: #fff;
}

.gray_bg {
    background-color: #f6f6f6;
}

.row_center {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.lists {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lists p {
    font-size: 16px;
    color: #333;
    padding-top: 20px;
    text-align: center;
}

.part_cnt {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.part_half h5 {
    font-size: 24px;
    color: #333;
}

.part_half p {
    font-size: 17px;
    color: #666;
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 40px;
}

.part_half ul {
    padding-top: 40px;
}

.part_half li {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 10px;
}

.part_half li b {
    color: #ed5061;
    font-size: 18px;
    font-weight: 400;
    padding-right: 10px;
}

.part_half li span {
    font-size: 16px;
    color: #999;
    padding-right: 10px;
}


/* 1 */

.part1 {
    padding-top: 60px;
    padding-bottom: 20px;
}

.part1 .lists {
    justify-content: space-around;
}

.part1 .lists li {
    width: 101px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.part1 .list_pub {
    width: 110px;
    height: 110px;
    /* overflow: hidden;
    background-image: url('../img/pt0_bg.png');
    background-repeat: no-repeat;
    background-size: 1200px 111px; */
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.part1 li:hover .list_pub {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}

.part1 li .img1 {
    background-position: 2px 1px;
}

.part1 li .img2 {
    background-position: -155px 1px;
}

.part1 li .img3 {
    background-position: -310px 1px;
}

.part1 li .img4 {
    background-position: -465px 1px;
}

.part1 li .img5 {
    background-position: -620px 1px;
}

.part1 li .img6 {
    background-position: -776px 1px;
}

.part1 li .img7 {
    background-position: -930px 1px;
}

.part1 li .img8 {
    background-position: -1088px 1px;
}

.part1 li p {
    font-size: 16px;
    color: #333;
    padding-top: 20px;
}


/* 2 */

.part2 .part_half {
    margin-left: 100px;
}

.part2 li {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 10px;
}

.part2 .part_half b {
    display: inline-block;
    background-image: url(../image/pt_bg.png);
    background-size: 1084px 385px;
    background-repeat: no-repeat;
    background-position: -601px -335px;
    width: 25px;
    height: 18px;
}


/* 3 */

.part3 .part_half {
    display: flex;
    flex-direction: column;
}

.part3 .part_half li {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.part3 .part_half .pt3_img {
    width: 44px;
    height: 42px;
    padding-left: 4px;
    display: inline-block;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    font-weight: 400;
    background: url(../image/pt_bg.png) no-repeat;
    background-size: 1084px 385px;
    background-position: -528px -312px;
    overflow: hidden;
}

.part3 .part3_img {
    width: 674px;
    height: 672px;
    background: url(../image/pt3_1.png) no-repeat center;
    margin-left: 50px;
}


/* 4 */

.part4 {
    width: 100%;
    height: 645px;
    padding-bottom: 0;
    background: url('../image/pt2_bg.jpg') no-repeat center;
}

.part4_cnt {
    width: 600px;
    height: 320px;
    margin: 0 auto;
    position: relative;
}

.part4 .part4_item1 {
    position: absolute;
    left: -20px;
    top: 0;
}

.part4 .part4_item2 {
    position: absolute;
    left: 135px;
    top: 20px;
}

.part4 .part4_item3 {
    width: 100%;
    position: absolute;
    left: 362px;
    top: 0;
}

.part4 .part4_cnt li {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}

.part4 .part4_pd {
    margin-top: 100px;
}

.part4 .shape {
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-radius: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.part4 .item_top {
    position: absolute;
    left: 115px;
    top: 0;
}

.part4 .item_left {
    position: absolute;
    left: 38px;
    top: 76px;
}

.part4 .item_bottom {
    position: absolute;
    left: 114px;
    top: 152px;
}

.part4 .item_right {
    position: absolute;
    left: 190px;
    top: 76px;
}

.part4 .arrow {
    width: 22px;
    height: 35px;
    margin: 0 auto;
    background: url(../image/pt_bg.png) no-repeat;
    background-size: 1084px 385px;
    background-position: -470px -320px
}

.part4 .part4_desc {
    width: 580px;
    margin: 20px auto 0;
    font-size: 16px;
    color: #00b5ff;
    line-height: 35px;
    border-radius: 15px;
    background-color: #fff;
    text-align: center;
}

.part4 .part4_item2 p {
    font-size: 20px;
    color: #333;
    line-height: 100px;
    text-align: center;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.part4 .part4_item2 p b {
    color: #15aeec
}

.part4 .part4_item3_1 {
    margin-top: 120px;
    margin-left: 90px;
}

.part4 .part4_item3_2 {
    margin-top: 56px;
}

.part4 .part_cnt {
    height: 645px;
}

.part4 .part_half li {
    height: auto;
    line-height: 1.5;
    padding-top: 20px;
}

.part4 .part_half h5,
.part4 .part_half p,
.part4 .part_half span {
    color: #fff;
}

.part4_bg {
    width: 600px;
    height: 482px;
    background: url(http://www.chennels.com//new/views/reta/img/pt3_2.png) no-repeat center;
}


/* 5 */

.part5 li {
    width: 200px;
    height: 320px;
    border: 1px #dcdcdc solid;
    border-radius: 2px;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.part5 li:nth-child(5) {
    margin-right: 0
}

.part5 li:hover {
    border: 1px #fdd100 solid;
}

.part5 .list_pub {
    width: 122px;
    height: 122px;
    border-radius: 50%;
    background-image: url('../image/pt_bg.png');
    background-size: 1084px 385px;
    background-repeat: no-repeat;
    margin-bottom: 40px;
}

.part5 .img1 {
    background-position: -5px -5px;
}

.part5 .img2 {
    background-position: -150px -5px;
}

.part5 .img3 {
    background-position: -295px -5px;
}

.part5 .img4 {
    background-position: -445px -5px;
}

.part5 .img5 {
    background-position: -595px -5px;
}

.part5 p {
    font-size: 18px;
    color: #666;
    line-height: 1.6
}


/* 6 */

.part6 .part_half b {
    display: inline-block;
    background-image: url(../image/pt_bg.png);
    background-size: 1084px 385px;
    background-repeat: no-repeat;
    background-position: -601px -335px;
    width: 25px;
    height: 18px;
}

.part6_lf {
    width: 400px;
    height: 190px;
    margin-left: 100px;
    overflow: hidden;
    background-image: url('../image/pt_bg.png');
    background-size: 1084px 385px;
    background-repeat: no-repeat;
    background-position: 0px -166px
}


/* 7 */

.part7 .lists li {
    width: 200px;
    /* height: 320px; */
    margin-right: 10px;
    padding-top: 30px;
    padding-bottom: 40px;
    background-color: #f6f6f6;
    border-bottom: 2px #00a8ff solid;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.part7 li:hover {
    border-bottom-color: #fdd000;
}

.part7 .port_img {
    width: 100%;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.part7 li p {
    padding-top: 40px;
    color: #555
}

.part7 li span {
    font-size: 14px;
    color: #777;
    padding-top: 10px;
}

.part7 li:nth-child(6) {
    margin-right: 0
}

.part7 li p {
    font-size: 18px;
    color: #666;
    line-height: 1.6
}


/* end */

.part8 .wrap {
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
}

.part8 .tempWrap {
    margin: 0 auto;
}

.part8 li {
    margin-left: 26px;
    margin-right: 26px;
    text-align: center;
}

.part8_switch {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
}

.part8_switch .prev,
.part8_switch .next {
    padding: 68px 20px;
    cursor: pointer;
}

.part8 .list_pub {
    width: 170px;
    height: 170px;
    display: block;
    margin: 0 auto;
}



/* end */


/* banner */

.banner_desc {
    margin-top: 20px;
}


/* add */

.sell_banner {
    text-align: center;
}

.sell_banner .banner_cnt h2 {
    font-weight: 700
}

.sell_banner .btn {
    width: 170px;
    height: 40px;
    margin: 30px auto 0;
    border-radius: 20px;
    border: 0;
    font-size: 20px;
    color: #333;
    line-height: 40px;
    background-color: #fdd000;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.sell_banner .btn:hover {
    background-color: #ffde48;
}


/* end */


/* bottom_pub */

.pub_bot_check {
    background: url(../image/last_line_bg.jpg) top center no-repeat;
    height: 170px;
    padding: 54px 0;
    color: #fff;
}

.pub_bot_check .text {
    display: inline-block;
    font-size: 24px;
    color: #fff;
    line-height: 62px;
}

.pub_bot_check .btn {
    display: inline-block;
    font-size: 24px;
    width: 210px;
    height: 62px;
    text-align: center;
    line-height: 62px;
    margin: 0 5px;
}

.pub_bot_check .btn.btn_free {
    color: #fff;
    border-radius: 31px;
}

.pub_bot_check .btn.btn_dls {
    background: #fff;
    color: #fb665a;
    border-radius: 31px;
}

.pub_bot_check .btn:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}

.pub_bot_check .check_r .text {
    display: block;
    line-height: 31px;
}

.pub_bot_check .check_r .tel {
    color: #fb665a;
    font-size: 24px;
    line-height: 31px;
}

.pub_bot_check .check_r .tel .zxkf {
    width: 85px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin-left: 5px;
    border-radius: 10px
}

.pub_bot_check .check_r .tel .zxkf:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}

.pub_bot_check.pub_green_check {
    background-image: url(http://www.chennels.com//new/views/reta/img/wave_green.jpg);
    height: 208px;
    padding: 92px 0 0;
}

.pub_bot_check.pub_green_check .btn.btn_free {
    background: #20d05e;
    border: 1px solid #7de4a8;
}

.pub_bot_check.pub_green_check .btn.btn_dls {
    color: #20d05e;
}

.pub_bot_check.pub_green_check .check_r .zxkf {
    background: none;
    border: 1px solid #fff;
}


/* end */