@charset "utf-8";

body,html{

    margin: 0;

    padding: 0;

    font-size: 16px;

}

html{

    margin: auto;

    background: white;

}

ul, li, p, h1, h2, h3, h4, h5, h6, dl, dt, dd{

    margin: 0;

    padding: 0;

    list-style: none;

    border: none;

    outline: none;

}



a,a:link,a:visited,a:hover, a:active,a:focus {

    text-decoration: none;

    color:inherit;

}



i {

    font-style: normal;

}



s {

    text-decoration: none;

}



.wow{

    visibility: visible;

}





    .item_class_8 .bx-wrapper {

        position: relative;

        margin: 0;

        padding: 0;

    }



    .item_class_8 .bx-viewport {

        width: 100%;

        overflow: hidden;

        position: relative;

    }



    .item_class_8 .bx-slider {

        margin: 0;

        padding: 0;

        list-style: none;

        position: relative;

        transition-duration: 0.5s;

    }



    .item_class_8 .bx-slider li {

        float: left;

        list-style: none;

        position: relative;

        width: 100%;

    }



    .item_class_8 .bx-slider li img {

        height: auto;

        width: 100%;

        display: block;

    }



    .item_class_8 .bx-wrapper .bx-pager {

        position: absolute;

        bottom: 4%;

        width: 100%;

        text-align: center;

        color: #666;

        padding-top: 20px;

    }



    .item_class_8 .bx-wrapper .bx-pager .bx-pager-item {

        display: inline-block;

    }



    .item_class_8 .bx-wrapper .bx-pager.bx-default-pager a {

        background: transparent;

        border: 1px solid #ccc;

        text-indent: -9999px;

        display: block;

        width: 15px;

        height: 15px;

        margin: 0 3px;

        outline: 0;

        -moz-border-radius: 16px;

        -webkit-border-radius: 16px;

        border-radius: 16px;

        box-sizing: border-box;

    }



    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {

        background: #ccc;

    }



    .item_class_8 .bx-wrapper .bx-controls-direction a {

        position: absolute;

        top: 50%;

        margin-top: -16px;

        outline: 0;

        width: 32px;

        height: 32px;

        z-index: 999;

        fill:#666666;

        opacity: 0.4;

    }

    .item_class_8 .bx-wrapper .bx-controls-direction a:hover{

        fill:#999999;

    }



    .item_class_8 .bx-wrapper .bx-controls-direction a.disabled {

        display: none;

    }

    .item_class_8 .bx-wrapper .bx-prev {

        left:10px;

    }

    .item_class_8 .bx-wrapper .bx-next {

        right:10px;

    }





    .item_class_9 {
        display: inline-block;
    }

    .item_class_9 .single-counter {
        text-align: center;
    }

    .item_class_9 h1 {
        color: #555555;
        margin: 0;
        font-weight: 300;
    }

    .item_class_9 h4 {
        color: #7b7b7b;
        font-size: 1.3rem;
        font-weight: 300;
        margin-bottom: 0.8rem;
        text-transform: capitalize;
    }

    .item_class_9 .line {
        background: #adadad none repeat scroll 0 0;
        border: 0 none;
        height: 1px;
        margin: 0 auto;
        width: 3.7rem;
    }


    .item_class_11 .navigation{
        margin: 5px;
        padding:10px 5px;
        display: block;
        color: #707070;
        text-align: left;
        font-family: "黑体";
        font-weight: bold;
    }
    .item_class_11 hr{
        margin: 3px;
    }


    .item_class_15 img {
        height: auto;
        width: 100%;
    }



    .item_class_19 {

        display: inline-block;

        margin: 0;

        list-style: outside none none;

        padding: 0;

        position: relative;

    }



    .item_class_19 .navigation {

        line-height: 110px;

        -webkit-transition: all 0.5s ease 0s;

        -o-transition: all 0.5s ease 0s;

        transition: all 0.5s ease 0s;

        display: block;

        padding: 0;

        position: relative;

        color: #6c6c6c;

        font-weight: 700;

        font-size: 12px;

    }



    .item_class_19 .navigation:hover {

        color: #a4a4a4;

        outline: none;

        text-decoration: none;

    }



    .item_class_19 .navigation:after {

        width: 0;

        background: #666666 none repeat scroll 0 0;

        top: 65px;

        content: "";

        height: 1px;

        -webkit-transition: all 0.3s ease 0s;

        -o-transition: all 0.3s ease 0s;

        transition: all 0.3s ease 0s;

        margin: 0 auto;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

    }



    .item_class_19 .navigation:hover:after {

        width: 100%;

    }



    .item_class_19 .dropdown {

        position: absolute;

        left: 0;

        top: 100%;

        width: 150px;

        z-index: 100;

        background: #222222;

        visibility: hidden;

        opacity: 0;

        transition: all 400ms ease;

        -moz-transition: all 400ms ease;

        -webkit-transition: all 400ms ease;

        -ms-transition: all 400ms ease;

        -o-transition: all 400ms ease;

    }



    .item_class_19 .dropdown li {

        list-style: outside none none;

        float: none;

        position: relative;

        width: 100%;

        padding: 0;

        margin: 0;

    }



    .item_class_19 .dropdown li a {

        border-bottom: 1px solid rgba(51, 51, 51, 0.5);

        color: rgba(255, 255, 255, 0.7);

        display: block;

        padding: 12px 20px;

        text-align: left;

        font-size: 11px;

        line-height: 1;

    }



    .item_class_19 .dropdown li a:hover {

        color: #ffffff;

        background-color: rgba(51, 51, 51, 0.5);

    }



    .item_class_19:hover .dropdown {

        visibility: visible;

        opacity: 1;

    }




    .item_class_26 .list {

        list-style: none;

    }



    .item_class_26 .list li {

        margin-bottom: 20px;

    }



    .item_class_26 .img-box {

        text-align: center;

        margin-bottom: 20px;

    }



    .item_class_26 .img {

        width: 100%;

        max-width: 100%;

        height: auto;

        border: solid 1px #bebebe;

    }



    .item_class_26 .title {

        text-align: center;

        font-size: 1.2rem;

        color: #737373;

        line-height: 1.5rem;

        font-weight: bold;

    }



    .item_class_26 .text {

        font-size: 1rem;

        letter-spacing: 0;

        line-height: 1.5rem;

        color: #737373;

        padding: 10px;

        text-align: center;

        font-weight: bold;

    }





    .item_class_28 .navigation {
        margin: 5px;
        padding: 10px 5px;
        display: block;
        color: #707070;
        text-align: left;
        font-family: "黑体";
        font-weight: bold;
    }

    .item_class_28 hr {
        margin: 3px;
    }


    .item_class_32 .title {
        height: auto;
        width: 100%;
        display: flex
    }

    .item_class_32 .title .divlist {
        height: auto;
        width: 5rem;
        line-height: 40px;
        text-align: center;
        background-color: #23d01a;
        color: #fff;
        flex: 1;
    }





    .item_class_38 {

        display: block;

        height: auto;

        width: 120px;

        font-size: 12px;

        font-weight: bold;

        padding: 5px 0;

        color: #746f6f;

        background: #fff;

        border: 1px solid #746f6f;

        border-radius: 20px;

        text-align: center;

        margin: 10px auto;

        transition: all linear 200ms;

        text-decoration: none;

    }

    .item_class_38:hover{

        background-color: #746f6f;

        color: white;

        border-color: #746f6f;

    }



    .item_class_39 .title {
        height: auto;
        width: 90%;
        margin: 0 auto;
        font-size: 14px;
    }

    .item_class_39 .title li {
        width: 100%;
        height: 100%;
        border-bottom: 1px dashed #d7d9d8;
    }

    .item_class_39 .title a {
        line-height: 30px;
        color: #6d6a61;
        display: inline-block;
        width: calc(100% - 85px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;

    }

    .item_class_39 .title span {
        line-height: 30px;
        color: #6d6a61;
        width: 80px;
        text-align: right;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;

    }




    .item_class_40 .title {
        padding-top: 5px;
        padding-bottom: 5px;
        width: 100%;
    }

    .item_class_40 hr {
        color: #f4f4f4;
        width: 100%;
    }


    .item_class_42 .title {
        height: auto;
        width: 100%;
        font-size: 14px;
        font-weight: bold;
        padding: 10px 0px;
        color: #fff;
        background: #2e74fd;
        border: 1px solid #746f6f;
        text-align: center;
        margin: 10px auto;
    }
    .item_class_42 .title a{
        text-decoration: none;
        color: inherit;
    }



    .item_class_61 .title {
        height: auto;
        width: 99%;
        margin: 0px auto;
    }

    .item_class_61 .title ul {
        height: auto;
        width: 100%;
    }

    .item_class_61 .title li {
        height: 4rem;
        border: 1px dashed #999999;
        margin: 0.5rem;
        width: 94%;
        border-radius: 0.5rem;
        overflow: hidden;
    }

    .item_class_61 .title img {
        height: 4rem;
        width: 30%;
        float: left;

    }

    .item_class_61 .title .rightnj {
        width: 70%;
        text-align: center;
        overflow: hidden;
        margin-top: 0.2rem;
        bottom: 0px;
        color: #cccccc;
        float: left;
    }

    .item_class_61 .title .rightnj p {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top: 0.5rem;
        bottom: 0px;
        color: #000;
        box-sizing: border-box;
        font-size: 0.8rem;
    }


    .item_class_61 .title .rightnj .rightms {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top: 0.5rem;
        bottom: 0px;
        color: #cccccc;
        box-sizing: border-box;
        font-size: 0.5rem;
    }



    .item_class_76{
        width: 100%;
        height: 100%;
    }
    .item_class_76 .news{
        width: 90%;
        margin: 0 auto;
        padding: 10px;
        box-sizing: border-box;
    }
    .item_class_76 .news a,.item_class_76 .news a:hover{
        text-decoration: none;
        color: #333;
    }
    .item_class_76 .news ul li{
        font-size: 0.8rem;
        white-space: nowrap;
        text-overflow:ellipsis;
        overflow:hidden;
        line-height: 1px;

    }
    .item_class_76 .icon_zjt{
        width: 1rem;
        height: 1rem;
    }




    .item_class_93{

        width: 100%;

        height: 100%;

    }

    .item_class_93 .clear{

        clear: both;

    }

    .item_class_93 .background{

        background-color: #ff7214;

    }



    .item_class_93 .circle{

        text-align: center;

        width: 100%;

        height: 35px;

        border-radius: 50px;

    }

    .item_class_93 .dh-div{

        position: fixed;

        bottom: 0;

        width: 100%;

    }

    .item_class_93 .dh-div li img{

        max-width: 100%;

        max-height: 100%;

        margin: 5% 0 20% 0 ;

    }

    .item_class_93 li{

        list-style-type:none;

    }

    .item_class_93 .dh-div ul li{

        float: left;

        width: 25%;

        /*margin-left: 4%;*/

        text-align: center;

    }

    .item_class_93 .name_p{

        color: #fff;

    }



    .item_class_104 .top {
        height: 3rem;
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .item_class_104 .nav .menu-open, .item_class_104 .nav2 .menu-close {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 3rem;
        text-align: center;
        cursor: pointer;
    }

    .item_class_104 .nav .header{
        height: 100%;
        position: absolute;
        top: 0;
        left: 3rem;
        right: 0;
        text-align: center;
        overflow: hidden;
    }

    .item_class_104 .drawer {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        display: none;
        transition: all 0.3s;
        transform: translateX(-100%);
        z-index: 99999;
        background-color: white;
    }

    .item_class_104 .drawer .box {
        flex: 1;
        overflow: auto;
    }

    .item_class_104 .drawer.show {
        display: flex;
        flex-direction: column;
    }

    .item_class_104 .drawer.open {
        opacity: 1;
        transform: translateX(0);
    }
    .item_class_104 .icon{
        fill: #8e8e8e;
        width: 2.5rem;
        height: 100%;
    }


    .item_class_119 {
        width: 100%;
        height: 100%;
    }

    .item_class_119 .clear {
        clear: both;
    }

    .item_class_119 .span {
        width: 100%;
        margin: 0 auto;
        padding: 10px;
        box-sizing: border-box;
    }



    .item_class_124 {
        width: 100%;
        height: 100%;
    }

    .item_class_124 .clear {
        clear: both;
    }

    .item_class_124 .span {
        width: 100%;
        margin: 0 auto;
        padding: 10px;
        box-sizing: border-box;
    }




.item_class_128 body { margin: 0; padding: 0; height: 100%; font-size: 14px; font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; color: #333; line-height: 24px }

.item_class_128 li, .item_class_128 ol, .item_class_128 ul { margin: 0; padding: 0; list-style: none }

.item_class_128 h2{ margin: 0; padding: 0; font-family: "微软雅黑"; font-size: 14px }

.item_class_128 .fl { float: left }

.item_class_128 .fr { float: right }

.item_class_128 .clear { clear: both }

.item_class_128 a { text-decoration: none;}

.item_class_128 .product-list-img{

    width:900px;

}

.item_class_128 .product-list-img ul li{float:left;width:23.5%;margin-right: 2%;background: #f8f8f8;transition: all .5s linear;}

.item_class_128 .product-list-img ul li:nth-child(4n){margin-right: 0;}

.item_class_128 .product-list-img ul li a{display: inline-block;width:96%;padding:2%;text-align: center;}

.item_class_128 .product-list-img ul li a img{vertical-align: middle;max-width: 100%;align-items: center;margin:0 auto;}

.item_class_128 .product-list-img ul li a p{font-family: "微软雅黑";font-size: 14px;color: #555555;overflow: hidden;

    height: 24px;

    line-height: 24px;}

.item_class_128 .img-wth{height: 200px;width:100%;overflow: hidden;

    position: relative;

    display: flex;align-items: center}



    .item_class_128 .product-list-img ul li:hover{background:#39abff;}

    .item_class_128 .product-list-img ul li:hover a p{color:#fff;}





    .item_class_130 {
        display: table;
        margin: 10px auto;
    }

    .item_class_130 li {
        display: inline-block;
    }

    .item_class_130 li a {
        display: inline-block;
        color: #000000;
        padding: 5px 10px;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        border-radius: 3px;
        margin: 0 5px;
    }

    .item_class_130 li a:hover {
        background-color: #cccccc;
    }


    .item_class_132 {
        width: 100%;
        height: 100%;
    }

    .item_class_132 .clear {
        clear: both;
    }
    .item_class_132{
        width: 100%;
        height: 300px;
    }




     


      body {
        margin: 0;
        padding: 0;
        height: 100%;
        font-size: 14px;
        font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑";
        color: #333;
        line-height: 24px;
      }
      .item_class_135 dd,
      .item_class_135 dl,
      .item_class_135 dt,
      .item_class_135 li,
      .item_class_135 ol,
      .item_class_135 ul {
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .item_class_135 h2,
      .item_class_135 h3,
      .item_class_135 h4,
      .item_class_135 h5 {
        margin: 0;
        padding: 0;
        font-family: "微软雅黑";
        font-size: 14px;
      }
      .item_class_135 .fl {
        float: left;
      }
      .item_class_135 .fr {
        float: right;
      }
      .item_class_135 .clear {
        clear: both;
      }
      .item_class_135 a {
        text-decoration: none;
      }
      .item_class_135 .clearfix:before,
      .item_class_135 .clearfix:after {
        content: "";
        display: block;
        visibility: hidden;
        height: 0;
        clear: both;
        font-size: 0;
        line-height: 0;
      }
      .item_class_135 .clearfix:after,
      .item_class_135 .clearfix:before {
        content: "";
        display: table;
      }
      .item_class_135 .ModuleImageTextGiant.layout-116 .accordion-giant-main {
        display: block;
        width: 100%;
        height: 100%;
        font-family: "Microsoft YaHei";
      }
      .item_class_135 .clearfix {
        zoom: 1;
      }
      .item_class_135 .accordion-giant-main > li {
        position: relative;
        float: left;
        overflow: hidden;
        width: calc(16.6%);
        height: 326px;
        transition: all 0.5s ease;
        vertical-align: top;
        background-color: #fff;
        cursor: pointer;
         width: 14%;
      }
      .item_class_135 .accordion-giant-main > li .default-view {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        text-align: center;
      }
      .item_class_135 .accordion-giant-main > li .default-view .head {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 24px;
        z-index: 3;
        overflow: hidden;
      }
      .item_class_135 .ModuleImageTextGiant.layout-116
        .accordion-giant-main
        > li
        .default-view
        .head
        .title {
        font-size: 16px;
        font-weight: normal;
        color: #fff;
        text-align: left;
        position: relative;
        margin-left: 10%;
        padding-bottom: 6px;
      }
      .item_class_135 .OneRow {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .item_class_135 .accordion-giant-main > li .hover-view {
        width: 100%;
        height: 100%;
        position: relative;
        display: none;
      }
      .item_class_135 .ModuleImageTextGiant.layout-116
        .accordion-giant-main
        > li
        .hover-view
        .content {
        background-color: #fd6e27;
        width: 100%;
        height: 50%;
        text-align: left;
        position: absolute;
        padding: 10% 7% 5% 5%;
        left: 0;
        bottom: 0;
        overflow: hidden;
      }
      .item_class_135 .ModuleImageTextGiant.layout-116 section {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
      }
      .item_class_135 .accordion-giant-main .active .hover-view {
        display: block;
      }
      .item_class_135 .accordion-giant-main > li .hover-view {
        width: 100%;
        height: 100%;
        position: relative;
        display: none;
      }
      .item_class_135 .layer {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        background-color: rgba(0, 0, 0, 0.4);
      }
      .item_class_135 .accordion-giant-main > li:first-of-type .layer{display: none;}



      .item_class_138 li,

      .item_class_138 ul {

        margin: 0;

        padding: 0;

        list-style: none;

      }

      .item_class_138 .fl {

        float: left;

      }

      .item_class_138 .fr {

        float: right;

      }

      .item_class_138 a {

        text-decoration: none;

      }



.item_class_138 .news-list ul li{position: relative;

    overflow: hidden;

    padding: 10px 0;

    margin: 4px 0;}

    .news-tit {

    position: relative;

    z-index: 10;

}

.item_class_138 .news-span1 {

    width: 16.66666667%;

    min-width: 125px;

}

.item_class_138 .news-time {

    border-right-width: 1px;

        border-right-style: solid;

        border-right-color: #595959;

        padding: 6px 0;

        text-align: center;

    color: #666666;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    transition: all .3s;

}

.item_class_138 .news-time-date {

    font-style: normal;

    font-weight: normal;

    color: #595959;

    font-size: 32px;

}

.item_class_138 .news-time-year {

    margin-top:8px;

    font-style: normal;

     color: #595959;

    font-size: 14px;

}

.item_class_138 .news-span2 {

    max-width: calc(100% - 125px);

    width: calc(100% - 16.7%);

    display: inline;

}

.item_class_138 .news-action {

    padding: 6px 12px 12px 40px;

    box-sizing: border-box;

}

.item_class_138 .label-box {

    font-size: 0;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.item_class_138 .news-title {

    color: #3f3f3f;

    font-size: 18px;

    line-height: 18pt;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    transition: all .3s;

    padding:0;margin:0;

}

.item_class_138  .news-desc {

    font-size: 12px;

    color: #595959;

    line-height: 24px;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    transition: all .3s;

    margin-top: 12px;

}

.item_class_138 .news-list ul li:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    z-index: 0;

    display: block;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    transition: all .3s;

}

.item_class_138  .news-list ul li:hover:after {

    background-color: #e50b1c;

    width: 100%;

}

.item_class_138 .news-list ul li:hover a .news-time{border-right-color: #fff;}

.item_class_138 .news-list ul li:hover a .news-time .news-time-date,.item_class_138 .news-list ul li:hover a .news-time .news-time-year,.item_class_138 .news-list ul li:hover a .news-action .news-title,.item_class_138 .news-list ul li:hover a .news-action .news-desc{color:#fff;}



@media (max-width: 767px){

.item_class_138 .news-span1 {

    width: 31.4%;

}

.item_class_138 .news-span1 .news-time {

    margin-right: 12px;

}

.item_class_138 .news-span2 {

    width: auto;

    max-width: none;

    display: block;

    float: none;

}

.item_class_138 .news-action {

    padding: 8px 12px 12px 12px;

}

}





    .item_class_140 {
        width: 100%;
        height: 100%;
    }
    .item_class_140{
        text-align: center;
    }
    .item_class_140 .title_0 {
        font-size: 36px;
        margin-bottom: 5px;
        color: #333;
    }
    .item_class_140 .title_2{
        font-size: 24px;
        color:#7f7f7f;
    }


    .item_class_152{
        display: inline-block;
        vertical-align: top;
        width: auto;
        height: auto;
        padding: 0 55px;
        text-align: left;
    }
    .item_class_152 .main{
        margin-bottom: 14px;
        font-size: 14px;
        font-weight: bold;
        display: block;
        text-decoration: none;
        color: black;
    }
    .item_class_152 .item{
        font-size: 13px;
        line-height: 28px;
        display: block;
        text-decoration: none;
        color: black;
    }


    .item_class_153{
        height: 100px;
        padding: 10px;
        box-sizing: border-box;
        display: inline-block;
        width: auto;
    }
    .item_class_153 .line{
        height: 100%;
        display: block;
        vertical-align: top;
        width: 1px;
        background: black;
        margin: 0;
    }


    .item_class_154 {
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
    }

    .item_class_154 .box{
        display: flex;
    }

    .item_class_154 .title {
        border-bottom: 1px solid #009946;
        font-size: 18px;
        padding: 10px 0;
    }

    .item_class_154 .line {
        border-bottom: 1px solid #ebebeb;
        flex:1;
    }


    .item_class_155 {
        padding: 10px 0;
        box-sizing: border-box;
    }

    .item_class_155 .text1,.item_class_155 .text2{
        font-size: 14px;
    }



    .item_class_157 img {

        height: auto;

        width: 100%;

    }




    

.item_class_165 ul {

    margin: 0;

    list-style: none;

    padding: 0;

}

.item_class_165 .clearfix {

    zoom: 1;

}



.item_class_165 .clearfix:before,.item_class_165  .clearfix:after {

    display: table;

    line-height: 0;

    content: "";

}

.item_class_165 .in-rz{overflow: hidden;background: #000;}

.item_class_165 .in-rz li {

    float: left;

    width: 131px;

    margin-right: 30px;

}

.item_class_165 .in-rz li:last-of-type{margin-right: 0;}

.item_class_165 .in-rz li .wrap {

    display: table;

    width: 100%;

    height: 131px;

    position: relative;

}

.item_class_165 .in-rz li .wrap:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: '';

    background: url(./files/165/rzico.png) no-repeat 0 0;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    -webkit-transform: rotate(

0deg

);

    transform: rotate(

0deg

);

}

.item_class_165 .in-rz li .inner {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    padding: 0 25px;

}

.item_class_165 .in-rz li .inner p {

    color:#fff;

    margin: 0;

}

.item_class_165 .in-rz li:nth-child(2) .wrap:before {

    background-position: -214px 0;

}

.item_class_165 .in-rz li:nth-child(3) .wrap:before {

    background-position: -427px 0;

}

.item_class_165 .in-rz li:nth-child(4) .wrap:before {

    background-position: -642px 0;

}

.item_class_165 .in-rz li:nth-child(5) .wrap:before {

    background-position: -855px 0;

}

.item_class_165 .in-rz li:nth-child(6) .wrap:before {

    background-position: -1068px 0;

}

.item_class_165 .in-rz li .wrap:hover:before {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

}




    

.item_class_170 .xgt-box{overflow:hidden;}  

.item_class_170 .xgt-box li{float:left;width:33.3%;margin-bottom: 20px;height: 250px;overflow: hidden;}

.item_class_170 .xgt-box li:nth-child(4n){width:66.6%;}

.item_class_170 .xgt-box li a{display: inline-block;width:95%;position: relative;height: 100%;}

.item_class_170 .xgt-box li:nth-child(4n) a{width:97.6%;}

.item_class_170 .xgt-box li a img{width:100%;}

.item_class_170 .xgt-box li a .collection-text{position: absolute;width:100%;height: 100%;background:rgba(0,0,0,.5);overflow:hidden;top:0;left:0;z-index: 999;align-items: center;

    display: flex;

}

.item_class_170 .xgt-box li a .collection-text h2{color:#fff;font-size: 18px;text-align: right;padding-right: 20%;width:100%;}

.item_class_170 .collection-btn{position: absolute;bottom:20px;left:0;width:100%;text-align: center;z-index: 999}

.item_class_170 .fa-angle-right{background: #fecd5f;

    background: ;

    border-radius: 50%;

    display: inline-block;

    margin-top: 24px;

    opacity: 1;

  

    -webkit-transform: scale(2);

    transform: scale(2);

   visibility: hidden;

    height: 48px;

    overflow: hidden;

    width: 48px;

   color: #ffffff;  font-size: 30px;

    line-height: 40px;}

   

.item_class_170 .xgt-box li a:hover .fa-angle-right {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

    visibility: visible;

}






.item_class_171 .wrapper-list{overflow: hidden;}

.item_class_171 .wrapper-row{width:32%;margin:0 2% 20px 0;float:left;}

.item_class_171 .wrapper-row:nth-child(3n){margin-right: 0;}

.item_class_171 .inner-footer-wrapper {

    background: white;

    border-radius: 6px;

    overflow: hidden;

    box-shadow: #ccc 0px 0px 10px;

}

.item_class_171 .img-wrap{height: 250px;overflow: hidden;}

.item_class_171 .inner-footer-wrapper img {

    display: block;

    width: 100%;

}

.item_class_171 .inner-footer-wrapper h3 {

    font-size: 18px;

    line-height: 32px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    color: #212121;

    color: ;

    padding: 0 15px;

    font-weight: 500;

    text-transform: uppercase;

}

.item_class_171 .inner-footer-wrapper h3:hover {

    color: #fecd5f;

}

.item_class_171 .inner-footer-wrapper p {

    font-size: 12px;

    line-height: 20px;

    padding: 0 15px;

    padding-bottom: 20px;

    color: #212121;

}

.item_class_171 .inner-footer-wrapper .readmore {

    border-top: 1px solid;

    border-color: #999999;

    border-color: #eeeeee;

}

.item_class_171 .inner-footer-wrapper .readmore span {

    float: right;

    font-size: 12px;

    line-height: 15px;

    text-transform: uppercase;

    margin-right: 35px;

    padding: 12px 0;

}

.item_class_171 .inner-footer-wrapper .readmore a {

    color: #212121;

}




.item_class_172 .best-room_li {

    padding: 20px 10px;

    width:calc(50% - 25px);

    display: inline-block;

}

.item_class_172 .best-room_img {

    position: relative;

}

.item_class_172 .best-room_img::after {

    content: '';

    display: block;

    width: 0;

    height: 0;

    border-left: 20px solid transparent;

    border-right: 20px solid transparent;

    border-bottom: 20px solid white;

    position: relative;

    margin: -20px auto 0;

}

.item_class_172 .best-room_img figure {

    position: relative;

    width: 100%;

    height: 0;

    overflow: hidden;

    margin: 0;

    padding-bottom: 100%;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.item_class_172 .best-room_img .best-room_overlay {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    text-align: center;

    background-color: rgba(0,0,0,0.5);

    opacity: 0;

    -webkit-transition: 0.3s all linear;

    -moz-transition: 0.3s all linear;

    -ms-transition: 0.3s all linear;

    -o-transition: 0.3s all linear;

    transition: 0.3s all linear;

}

.item_class_172 .best-room_img .best-room_overlay:hover {

    opacity: 1;

}

.item_class_172 .best-room_img .best-room_overlay .overlay_icn {

    position: absolute;

    top: 0;

    left: 50%;

    opacity: 0;

    margin-left: -22px;

    width: 44px;

    height: 44px;

    margin-top: -22px;

}

.item_class_172 .best-room_img .best-room_overlay:hover .overlay_icn{opacity: 1;

    -webkit-transition: 0.3s all linear;

    -moz-transition: 0.3s all linear;

    -ms-transition: 0.3s all linear;

    -o-transition: 0.3s all linear;

    transition: 0.3s all linear;

    top: 50%;}

.item_class_172 .best-room_img .best-room_overlay .overlay_icn span {

    color: #fecd5f;

    color: ;

    display: block;

    width: 100%;

    height: 100%;

    position: relative;

}

.item_class_172 .best-room_img .best-room_overlay .overlay_icn span::before {

    content: '';

    display: block;

    width: 44px;

    height: 1px;

    background-color: #fecd5f;

    background-color: ;

    position: absolute;

    top: 50%;

}

.item_class_172 .best-room_img .best-room_overlay .overlay_icn span::after {

    content: '';

    display: block;

    width: 1px;

    height: 44px;

    background-color: #fecd5f;

    background-color: ;

    position: absolute;

    left: 50%;

}

.item_class_172 .best-room-info {

    padding: 30px;

    -webkit-transition: border-color 0.25s linear;

    -moz-transition: border-color 0.25s linear;

    -ms-transition: border-color 0.25s linear;

    -o-transition: border-color 0.25s linear;

    transition: border-color 0.25s linear;

    background: #fff;

}

.item_class_172 .best-room_t {

    margin-bottom: 10px;

    text-align: center;

    font-family: Montserrat;

}

.item_class_172 .best-room_t a {

    font-size: 19px;

    font-weight: 400;

    color: #212121;

    color: ;

    display: inline-block;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.item_class_172 .best-room_t a span {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

}




.item_class_173 .icon-share {

    margin-top:200px;

    position: relative;

    display: inline-block;

    font-size: 20px;

}

.item_class_173 .icon-share .icon {

    padding: 5px;

    background: #292828;

    font-size: 22px;

    margin-right: 10px;

    border-radius: 50%;

   width:40px;height: 40px;

    margin-bottom: 10px;

    text-align: center;

    cursor: pointer;

    display: inline-block;

    color: #b2b2b2;

    line-height: 38px;

}

.item_class_173 .icon-share .icon svg{margin:0;padding:0;}

.item_class_173 .wechat-code {

    display: none;

    position: absolute;

    left: -24px;

    bottom: 110%;

    padding: 6px;

    width: 100px;

    background-color: #ffffff;

    background-color: #292828;

    box-shadow: 0 0 5px rgb(0 0 0 / 40%);

}

.item_class_173 .full-img img {

    display: block;

    width: 100%;

}

.item_class_173 .icon-share .icon:hover {

    background: #e94746;

    color: #fff;

}

.item_class_173 .icon-share .icon:hover svg{ background: #e94746;color:#fff;}

.item_class_173 .icon-share .icon:first-child:hover + .wechat-code{

    display: block;

}




    .item_class_174 .wwww-img-list li {

        padding: 10px;

        width: 31%;

        display: inline-block;

    }



    .item_class_174 .img-zoom-out {

        text-align: center;

    }



    .item_class_174 .img-zoom-out img {

        transition: all 0.2s ease-in-out 0s;

    }



    .item_class_174 .inner img {

        width: 100%;

    }



    .item_class_174 .img-zoom-out:hover img {

        transform: scale(0.9);

    }



    .item_class_174 .title_h3 {

        margin-top: 22px;

        margin-bottom: 11px;

        text-align: center;

        font-size: 20px;

        color: rgb(33, 33, 33);

    }



    .item_class_174 .title_h3:hover {

        color: rgb(254, 205, 95);

    }



    .item_class_174 .icon_div {

        text-align: center;

        color: rgb(254, 205, 95);

    }



    .item_class_174 .icon_div a {

        color: rgb(254, 205, 95);

    }




.item_class_175 .news-ul{overflow: hidden;}

.news-ul .news-li {

  width:25%;

    float: left;

    padding: 0;

    margin: 0;

  

}

.item_class_175 .news-ul .news-li a.body{display: inline-block;width:100%;position: relative;height: 350px}

.item_class_175 .news-ul .news-li a.body .text{height: 180px;background: #ffffff;}

.item_class_175 .body .text .content {

    padding: 0 15px;

}

.item_class_175 .news-li:nth-child(odd).body .text .content {

    padding-top: 15px;

}



.item_class_175 .news-li .body .text .content .date {

    font-weight: 300;

    color: #999999;

    margin-bottom: 0;

    display: inline-block;

    padding: 0 22px;

    float: left;

    transition: all 0.3s cubic-bezier(0.215,0.61,0.355,1) 0s;

    padding-left: 0;

    font-size: 20px;

    margin-top: 10px

}





.item_class_175 .news-li .body .text .content .title {

    margin-bottom: 15px;

    margin-top: 10px;

    font-size: 16px;

    display: inline-block;

    line-height: 30px;

    width: 100%;

    height: 30px;

    float: left;

    transition: all 0.3s cubic-bezier(0.215,0.61,0.355,1) 0s;

}

.item_class_175 .news-ul .news-li .body .text .content .title span {

    display: inline-block;

    max-width: 100%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    color: #212121;

    transition: all 0.3s cubic-bezier(0.215,0.61,0.355,1) 0s;

}

.item_class_175 .news-ul .news-li:hover .title span {

    color: #fecd5f;

}

.item_class_175 .news-ul .news-li .body .text .content .description {

    text-align: left;

    color: #999999;

    line-height: 25px;

    transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;

    margin-top: 10px;

    width: 100%;

    height: 105px;

    overflow: hidden;

    font-size: 13px;

    

}

.item_class_175 .news-ul .news-li .body .text .content .description {

    height: 55px;

}

.item_class_175 .news-ul .news-li .body .img {

    width: 100%;

    height: 180px;

    transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;

    overflow: hidden;

}

.item_class_175 .news-ul .news-li .body .img img{width:100%;}

.item_class_175 .news-li .body:hover .text .content .date,.item_class_175 .news-ul .news-li .body:hover .text .content .title span{ margin-left: 10px;color:#fecd5f;}

.item_class_175 .news-ul .news-li .body:hover .text .content .description{margin-left:10px;}

.item_class_175 .news-ul .news-li:nth-child(even) a.body .text{position: absolute;bottom:0;left:0;width:100%;}

.item_class_175 .news-ul .news-li:nth-child(even) .body .img {position: absolute;top:0;left:0;width:100%;}




    

.item_class_176 .phonexgt-box li{margin-bottom: 20px;overflow: hidden;}

.item_class_176 .phonexgt-box li a{display: inline-block;width:100%;position: relative;height: 100%;}

.item_class_176 .phonexgt-box li a img{width:100%;}

.item_class_176 .phonexgt-box li a .collection-text{position: absolute;width:100%;height: 100%;background:rgba(0,0,0,.2);overflow:hidden;top:0;left:0;z-index: 999;align-items: center;

    display: flex;

}

.item_class_176 .phonexgt-box li a .collection-text h2{color:#fff;font-size: 18px;text-align: center;width:100%;}




    .item_class_177 .bx-wrapper {

        position: relative;

        margin: 0;

        padding: 0;

    }



    .item_class_177 .bx-viewport {

        width: 100%;

        overflow: hidden;

        position: relative;

    }



    .item_class_177 .bx-slider {

        margin: 0;

        padding: 0;

        list-style: none;

        position: relative;

        transition-duration: 0.5s;

    }



    .item_class_177 .bx-slider li {

        float: left;

        list-style: none;

        position: relative;

        width: 100%;

    }



    .item_class_177 .bx-slider li img {

        height: auto;

        width: 100%;

        display: block;

    }



    .item_class_177 .bx-wrapper .bx-pager {

        position: absolute;

        bottom: -15%;

        width: 100%;

        text-align: center;

        color: #666;

        padding-top: 20px;

    }



    .item_class_177 .bx-wrapper .bx-pager .bx-pager-item {

        display: inline-block;

    }



    .item_class_177 .bx-wrapper .bx-pager.bx-default-pager a {

        background: transparent;

        border: 1px solid #ccc;

        text-indent: -9999px;

        display: block;

        width: 8px;

        height: 8px;

        margin: 0 3px;

        outline: 0;

        -moz-border-radius: 16px;

        -webkit-border-radius: 16px;

        border-radius: 16px;

        box-sizing: border-box;

    }



    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {

        background: #fecd5f;

    }



    .item_class_177 .bx-wrapper .bx-controls-direction a {

        position: absolute;

        top: 50%;

        margin-top: -16px;

        outline: 0;

        width: 32px;

        height: 32px;

        text-indent: -9999px;

        z-index: 999;

    }



    .item_class_177 .bx-wrapper .bx-controls-direction a.disabled {

        display: none;

    }



    .item_class_177 .bx-wrapper .bx-prev {

        left: 10px;

       

    }



    .item_class_177 .bx-wrapper .bx-prev:hover {

        background-position: 0 0;

    }



    .item_class_177 .bx-wrapper .bx-next {

        right: 10px;

       

    }



    .item_class_177 .bx-wrapper .bx-next:hover {

        background-position: -43px 0;

    }



    .item_class_177 .inner-footer-wrapper {

    background: white;

    overflow: hidden;

    box-shadow: #ccc 0px 0px 10px;

}

.item_class_177 .img-wrap {

    overflow: hidden;

}

.item_class_177 .inner-footer-wrapper img {

    display: block;

    width: 100%;

}

.item_class_177 .inner-footer-wrapper h3 {

    font-size: 18px;

    line-height: 32px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    color: #212121;

    color: ;

    padding: 0 15px 15px;

    font-weight: 500;

    text-transform: uppercase;

}

.item_class_177 .inner-footer-wrapper h3:hover {

    color: #fecd5f;

}

.item_class_177 .inner-footer-wrapper p {

    font-size: 12px;

    line-height: 20px;

    padding: 0 15px;

    padding-bottom: 20px;

    color: #212121;

}




.item_class_178 .best-room_li {

    padding: 20px 10px;

    width:calc(50% - 25px);

    display: inline-block;

}

.item_class_178 .best-room_img {

    position: relative;

}

.item_class_178 .best-room_img::after {

    content: '';

    display: block;

    width: 0;

    height: 0;

    border-left: 20px solid transparent;

    border-right: 20px solid transparent;

    border-bottom: 20px solid white;

    position: relative;

    margin: -20px auto 0;

}

.item_class_178 .best-room_img figure {

    position: relative;

    width: 100%;

    height: 0;

    overflow: hidden;

    margin: 0;

    padding-bottom: 100%;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.item_class_178 .best-room-info {

    padding: 30px 15px;

    -webkit-transition: border-color 0.25s linear;

    -moz-transition: border-color 0.25s linear;

    -ms-transition: border-color 0.25s linear;

    -o-transition: border-color 0.25s linear;

    transition: border-color 0.25s linear;

    background: #fff;

}

.item_class_178 .best-room_t {

    margin-bottom: 10px;

    text-align: center;

    font-family: Montserrat;

}

.item_class_178 .best-room_t a {

    font-size: 19px;

    font-weight: 400;

    color: #212121;

    color: ;

    display: inline-block;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.item_class_178 .best-room_t a span {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

}




.item_class_179 .wwww-img-list li {

    padding: 10px;

   

}

.item_class_179 .img-zoom-out {

    text-align: center;

}

.item_class_179 .img-zoom-out img {

    transition: all 0.2s ease-in-out 0s;

}

.item_class_179 .inner img {

    width: 100%;

}

.item_class_179 .title_h3 {

    margin-top: 22px;

    margin-bottom: 11px;

    text-align: center;

    font-size: 20px;

    color: rgb(33, 33, 33);

}

.item_class_179 .icon_div {

    text-align: center;

    color: rgb(254, 205, 95);

}

.item_class_179 .icon_div a {

    color: rgb(254, 205, 95);

}




 .item_class_183 .bx-wrapper {

        position: relative;

        margin: 0;

        padding: 0;

    }



    .item_class_183 .bx-viewport {

        width: 100%;

        overflow: hidden;

        position: relative;

    }



    .item_class_183 .bx-slider {

        margin: 0;

        padding: 0;

        list-style: none;

        position: relative;

        transition-duration: 0.5s;

    }



    .item_class_183 .bx-slider li {

        float: left;

        list-style: none;

        position: relative;

        width: 100%;

    }



    .item_class_183 .bx-slider li img {

        height: auto;

        width: 100%;

        display: block;

    }



    .item_class_183 .bx-wrapper .bx-pager {

        position: absolute;

        bottom: 4%;

        width: 100%;

        text-align: center;

        color: #666;

        padding-top: 20px;

    }



    .item_class_183 .bx-wrapper .bx-pager .bx-pager-item {

        display: inline-block;

    }



    .item_class_183 .bx-wrapper .bx-pager.bx-default-pager a {

        background: transparent;

        border: 1px solid #ccc;

        text-indent: -9999px;

        display: block;

        width: 15px;

        height: 15px;

        margin: 0 3px;

        outline: 0;

        -moz-border-radius: 16px;

        -webkit-border-radius: 16px;

        border-radius: 16px;

        box-sizing: border-box;

    }



    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {

        background: #ccc;

    }

    .item_class_183 .bx-wrapper .bx-controls-direction{position: relative;text-align: center;}

    .item_class_183 .bx-wrapper .bx-controls-direction a {

      display: inline-block;

        outline: 0;

        width: 32px;

        height: 32px;

        line-height: 32px;

        text-align: center;

        border:1px solid #999;

        color:#999;

        font-size: 20px;

    }



    



    .item_class_183 .bx-wrapper .bx-prev {

        margin-right: 10px;

       

    }



    .item_class_183 .bx-wrapper .bx-prev:hover {

        background-position: 0 0;

    }





    .item_class_183 .bx-wrapper .bx-next:hover {

        background-position: -43px 0;

    }

 .item_class_183  .news-li a.body {

    display: inline-block;

    width: 100%;

    position: relative;

    height: 350px;

}

a {

    text-decoration: none;

}

 .item_class_183  .body  .text{height: 180px;background: #ffffff;}

.item_class_183 .body .text .content {

    padding: 0 15px;

}

.item_class_183 .news-li:nth-child(odd) .body .text .content {

    padding-top: 15px;

}



.item_class_183 .news-li .body .text .content .date {

    font-weight: 300;

    color: #999999;

    margin-bottom: 0;

    display: inline-block;

    padding: 0 22px;

    float: left;

    transition: all 0.3s cubic-bezier(0.215,0.61,0.355,1) 0s;

    padding-left: 0;

    font-size: 20px;

    margin-top: 10px

}





.item_class_183 .news-li .body .text .content .title {

    margin-bottom: 15px;

    margin-top: 10px;

    font-size: 16px;

    display: inline-block;

    line-height: 30px;

    width: 100%;

    height: 30px;

    float: left;

    transition: all 0.3s cubic-bezier(0.215,0.61,0.355,1) 0s;

}

.item_class_183 .news-li .body .text .content .title span {

    display: inline-block;

    max-width: 100%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    color: #212121;

    transition: all 0.3s cubic-bezier(0.215,0.61,0.355,1) 0s;

}

.item_class_183 .news-li .body .text .content .description {

    text-align: left;

    color: #999999;

    line-height: 25px;

    transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;

    margin-top: 10px;

    width: 100%;

    height: 105px;

    overflow: hidden;

    font-size: 13px;

    

}

.item_class_183 .news-li .body .text .content .description {

    height: 55px;

}

.item_class_183 .news-li .body .img {

    width: 100%;

    height: 180px;

    transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;

    overflow: hidden;

}

.item_class_183 .news-li .body .img img{width:100%;}



.item_class_183 .news-li:nth-child(even) a.body .text{position: absolute;bottom:-20px;left:0;width:100%;}

.item_class_183 .news-li:nth-child(even) .body .img {position: absolute;top:0;left:0;width:100%;}




    .item_class_194 {

        display: inline-block;

        vertical-align: middle;

        width: auto;

        height: auto;

        padding: 10px 0;

        text-align: left;

    }



    .item_class_194 .main {

        font-size: 14px;

        font-weight: bold;

        display: inline-block;

        text-decoration: none;

        color: black;

    }



    .item_class_194 .item {

        font-size: 13px;

        margin-left: 20px;

        display: inline-block;

        text-decoration: none;

        color: black;

    }




    .item_class_195 {

        display: inline-block;

        vertical-align: middle;

        width: auto;

        height: auto;

        text-align: left;

    }

    .item_class_195 .item {

        font-size: 13px;

        padding: 10px 20px;

        display: inline-block;

        color: black;

    }

    .item_class_195 .item a{

        color: inherit;

        text-decoration: none;

    }




     





      body {

        margin: 0;

        padding: 0;

        height: 100%;

        font-size: 14px;

        font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑";

        color: #333;

        line-height: 24px;

      }

      .item_class_208 dd,

      .item_class_208 dl,

      .item_class_208 dt,

      .item_class_208 li,

      .item_class_208 ol,

      .item_class_208 ul {

        margin: 0;

        padding: 0;

        list-style: none;

      }

      .item_class_208 h2,

      .item_class_208 h3,

      .item_class_208 h4,

      .item_class_208 h5 {

        margin: 0;

        padding: 0;

        font-family: "微软雅黑";

        font-size: 14px;

      }

      .item_class_208 .fl {

        float: left;

      }

      .item_class_208 .fr {

        float: right;

      }

      .item_class_208 .clear {

        clear: both;

      }

      .item_class_208 a {

        text-decoration: none;

      }

      .item_class_208 .clearfix:before,

      .item_class_208 .clearfix:after {

        content: "";

        display: block;

        visibility: hidden;

        height: 0;

        clear: both;

        font-size: 0;

        line-height: 0;

      }

      .item_class_208 .clearfix:after,

      .item_class_208 .clearfix:before {

        content: "";

        display: table;

      }

.item_class_208 .teamlist {

    margin-top: 50px;

}



.item_class_208 .teamlist .item {

  width: 20.8333%;

    float: left;

    height: 400px;

    position: relative;

    -webkit-transition: all .38s ease;

    transition: all .38s ease;

    overflow: hidden;

    background-repeat: no-repeat;

    background-size: cover;

    opacity: 1;

   

}

.item_class_208 .teamlist .item:nth-child(2){width:37.5%;}

.item_class_208 .teamlist .item a {

    display: block;

    height: 100%;

    text-align: left;

}

.item_class_208 .teamlist .item .markname {

    height: 30px;

    width: 80px;

    line-height: 30px;

    position: absolute;

    left: 0;

    bottom: 20px;

    text-align: center;

    color: #fff;

    background: rgba(0,0,0,0.58);

    overflow: hidden;

}



.item_class_208 .teamlist .item .introduce {

    height: 380px;

    position: absolute;

    top: 10px;

    left: 90px;

    right: 10px;

    background: rgba(255,255,255,0.78);

    visibility: hidden;

    -webkit-transition: all .38s ease;

    transition: all .38s ease;

    overflow: hidden;

}

.item_class_208 .teamlist .item .introduce .name {

    margin: 20px 25px 10px 25px;

    letter-spacing: 4px;

    color: #2d7bff;

    color: ;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-weight: bold;

}

.item_class_208 .teamlist .item .introduce .des {

    margin: 20px 50px;

    color: #212121;

    color: ;

    position: relative;

}

.item_class_208 .teamlist .item .introduce .des span {

    font: 14px/1.5 "bigFont","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;

    font-size: 60px;

    color: #2d7bff;

    color: ;

    font-weight: 600;

    position: absolute;

}

.item_class_208 .teamlist .item .introduce .des .start {

    left: -30px;

    top: -40px;

}



.item_class_208 .teamlist .item .introduce .des .end {

    right: 0px;

}

.item_class_208 .teamlist .item .introduce.active {

    opacity: 1;

    visibility: visible;

}

.item_class_208 .teamlist .item .introduce.active .name{font-size: 24px;line-height: 36px;}