/*#menu>ul>li:hover{background-color: #fa8914}*/
*{
}
#menu > ul > li .sec .list1 {
    width: 1200px;
    height: 0px;
    margin-top: 2px;
    position: absolute;
    margin-left: 0px;
    z-index: 1000;
    background: url(../images/nav.png)no-repeat center center;
    background-color: rgba(225, 225, 225, 0.7);
    transition: all 0.5s;
    overflow: hidden;
    opacity: 0.8;
}

#menu > ul > li .sec .list1 .left_cp {
    width: 210px;
    height: 235px;
    float: left;
}
#menu > ul > li .sec .list1 .left_cp  .title-nav{    color: #333;
    font-size: 20px;
    font-weight: bold;
    margin-top: 65px;
    margin-left: 45px;}

#menu > ul > li .sec .list1 .left_cp .more {
    width: 120px;
    height: 30px;
    border: 1px solid #5f6366;
    line-height: 30px;
    margin-top: 20px;
    margin-left: 45px
}

#menu > ul > li .sec .list1 .left_cp .more > a {
    line-height: 30px;
    color: #000;font-size: 14px;
}

#menu > ul > li .sec .list1 .right_cp {
    width: 220px;
    height: 235px;
    overflow: hidden;
    float: right;
}

#menu > ul > li .sec .list1 .right_cp .lx {
    width: 130px;
    height: 80px;
    border: 1px solid #9e9e9e;
    text-align: center;
    margin-top: 60px;

}

#menu > ul > li .sec .list1 .right_cp .lx > img {
    margin-top: 10px
}

#menu > ul > li .sec .list1 .right_cp .lx > p {
    line-height: 23px;
}

#menu > ul > li .sec .list1 .right_cp .lx > p > a {
    font-size: 14px;
    color: #000;
}

#menu > ul > li .sec .list1 .center_cp {
    width: 760px;
    float: left;
    height: 235px;
    overflow: hidden;
}

#menu > ul > li .sec .list1 .center_cp .lcp1 {
    width: 150px;
    height: 205px;
    /* border: 1px solid red; */
    float: left;
    text-align: left;
    margin-left: 40px;
    padding-top: 45px;
}

#menu > ul > li .sec .list1 .center_cp .lcp1 > ul > li {
    width: 100%;
    height: 35px;
    line-height: 35px
}

#menu > ul > li .sec .list1 .center_cp .lcp1 > ul > li > a {
    font-size: 14px;
    color: #000;
    line-height: 30px;text-align: left;
}

#menu > ul > li .sec .list1 .center_cp .lcp1 > ul > li > a:hover{    color: #fa8914;}


#menu > ul > li .sec .list1 .center_cp .lcp2 {
    width: 140px;
    height: 205px;
    /* border: 1px solid red; */
    float: left;
    text-align: left;
    margin-left: 25px;
    padding-top: 45px;
}

#menu > ul > li .sec .list1 .center_cp .lcp2 > ul > li {
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: left;
}

#menu > ul > li .sec .list1 .center_cp .lcp2 > ul > li > a {
    font-size: 14px;
    color: #000;
    line-height: 30px;
    text-align: left;
}

#menu > ul > li .sec .list1 .center_cp .lcp2 > ul > li > a:hover{    color: #fa8914;}


#menu > ul > li .sec .list1 .center_cp .lcp3 {
    width: 130px;
    height: 205px;
    /* border: 1px solid red; */
    float: left;
    text-align: left;
    margin-left: 20px;
    padding-top: 45px;
}

#menu > ul > li .sec .list1 .center_cp .lcp3 > ul > li {
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: left;
}

#menu > ul > li .sec .list1 .center_cp .lcp3 > ul > li > a {
    font-size: 14px;
    color: #000;
    line-height: 30px;text-align: left;
}

#menu > ul > li .sec .list1 .center_cp .lcp3 > ul > li > a:hover{       color: #fa8914;
    background: rgba(0,0,0,0);}

#fu:hover .fu{height: 235px!important;}
.fu{width: 450px!important}


#menu > ul > li .fu .list1{  width: 520px;
    height: 0px;
    margin-top: 2px;
    position: absolute;
    margin-left: 0px;
    z-index: 1000;
    background: url(../images/nav1.png)no-repeat ;
    background-color: rgba(225, 225, 225, 0.7);
    transition: all 0.5s;
    overflow: hidden;
    opacity: 0.8;}

#menu > ul > li .fu .list1 .center_cp{     width: 190px;
    float: left;
    height: 208px;
    overflow: hidden;
    padding-left: 0px;}


#menu > ul > li .fu .list1 .right_cp .lx{
    width: 130px;
    height: 80px;
    border: 1px solid #9e9e9e;
    text-align: center;
    margin-top: 85px;
    margin-left: 35px;
}
#menu > ul > li .fu .list1 .center_cp>ul>li{ width:100%;
    margin-top: 0px;
    height: 30px;   line-height: 30px; padding-left: 40px;}
#menu > ul > li .fu .list1 .center_cp>ul>li>a{color:#333;font-size: 14px;text-align: left}
#menu > ul > li .fu .list1 .center_cp>ul{margin-top: 30px}
/*//------------------------------------///*/


#about:hover .about{height: 235px!important;}
.about{width: 450px!important}


#menu > ul > li .about .list1{  width: 800px;
    height: 0px;
    margin-top: 2px;
    position: absolute;
    margin-left: 0px;
    z-index: 1000;
    background: url(../images/nav1.png)no-repeat ;
    background-color: rgba(225, 225, 225, 0.7);
    transition: all 0.5s;
    overflow: hidden;
    opacity: 0.8;}

#menu > ul > li .about .list1 .center_cp{    width: 190px;
    float: left;
    height: 235px;
    overflow: hidden;}


#menu > ul > li .about .list1 .right_cp .lx{
    width: 130px;
    height: 80px;
    border: 1px solid #9e9e9e;
    text-align: center;
    margin-top: 85px;
    margin-left: 35px;
}
#menu > ul > li .about .list1 .center_cp>ul>li{width: 100%;margin-top: 0px; height:30px;line-height: 30px;text-align: left;padding-left: 40px}
#menu > ul > li .about .list1 .center_cp>ul>li>a{color:#333;font-size: 14px;text-align: left}
#menu > ul > li .about .list1 .center_cp>ul{margin-top: 30px}


#news:hover .news{height: 235px!important;}
.news{width: 450px!important}


#menu > ul > li .news .list1{  width: 800px;
    height: 0px;
    margin-top: 2px;
    position: absolute;
    margin-left: 0px;
    z-index: 1000;
    background: url(../images/nav1.png)no-repeat ;
    background-color: rgba(225, 225, 225, 0.7);
    transition: all 0.5s;
    overflow: hidden;
    opacity: 0.8;}

#menu > ul > li .news .list1 .center_cp{    width: 150px;
    float: left;
    height: 235px;
    overflow: hidden;}
#menu > ul > li .news .list1 .center_cp>ul{margin-top: 36px}

#menu > ul > li .news .list1 .right_cp .lx{
    width: 130px;
    height: 80px;
    border: 1px solid #9e9e9e;
    text-align: center;
    margin-top: 85px;
    margin-left: 35px;
}
#menu > ul > li .news .list1 .center_cp>ul>li{width: 100%;margin-top: 0px ;height:40px;padding-left: 40px;line-height: 30px}
#menu > ul > li .news .list1 .center_cp>ul>li>a{color:#333;font-size: 14px;text-align: left;line-height: 30px}
#menu > ul > li .news .list1 .center_cp>ul{margin-top: 57px;}
.content {
    width: 100%;
    height: auto;
}

.content .w1200 {
    width: 1200px;
    height: 410px;
    margin: 0 auto;
    padding-top: 30px;
}

.seaver {
    width: 100%;
    height: 364px;
    position: relative;
}

.seaver ul {
    width: 100%;
    height: 350px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
}

.seaver ul li {
    width: 25%;
    height: 100%;
    font-weight: 100;
    float: left;
    font-size: 24px;
    line-height: 1.6em;
    color: #8b8b8b;
    cursor: pointer;
    text-align: center
}

.seaver ul li .smalltext {
    background: #fff;
    position: absolute;
    bottom: 10px;
    left: 0px;
    height: 110px;
    width: 1200px;
    font-size: 14px;
    line-height: 1.8em;
    color: #444;
    overflow: hidden;
    padding-top: 10px;
}

.seaver ul li .smalltext .text {
     width: 990px;
    height: 100%;
    overflow: hidden;
    float: left;
    text-align: left;
    font-size: 15px;
    color: #646464;
}

.seaver ul li .smalltext .text > span {
  color: #fa8914;
    font-size: 20px;
    font-weight: bold;
}

.seaver ul li .smalltext .text > a {
    font-size: 14px;
    color: #646464;
}

.seaver ul li .smalltext .text > a:hover {
    color: #fa8914;
}

.seaver ul li .smalltext .num {
    font-size: 60px;
    color: #fa8914;
    float: right;
    width: 110px;
    text-align: center;
    padding-top: 10px;
    position: relative;
    height: 100%;
}

.seaver ul li .smalltext .num:after {
    content: "+";
    font-size: 46px;
    position: absolute;
    top: -15px;
    right: -5px;
    color: #5f6366;
}

.seaver ul li .smalltext .num span {
    font-size: 16px;
    color: #5f6366;
    line-height: 4em;
}

.seaver .seaver_bg {
    width: 1200px;
  /* position: absolute; */
    top: 0px;
    left: 0px;
    z-index: 100;
}

.seaver .seaver_bg1 {
    width: 300px;
    height: 20px;
    position: absolute;
    top: 83px;
    left: 0px;
    z-index: 100;
    background: url(../images/bg.png) no-repeat center center;
}

.seaver .seaver_bg2 {
    width: 300px;
    height: 20px;
    position: absolute;
    top: 83px;
    left: 300px;
    z-index: 100;
    background: url(../images/bg.png) no-repeat center center;
}

.seaver .seaver_bg3 {
    width: 300px;
    height: 20px;
    position: absolute;
    top: 83px;
    left: 600px;
    z-index: 100;
    background: url(../images/bg.png) no-repeat center center;
}

.seaver .seaver_bg4 {
    width: 300px;
    height: 20px;
    position: absolute;
    top:83px;
    left: 900px;
    z-index: 100;
    background: url(../images/bg.png) no-repeat center center;
}

.seaver .seaver_bg p {
    width: 100%;
    height: 190px;
    background: url(../images/sevarbg.jpg) repeat;
    cursor: pointer;
}

.seaver .line {
    width: 100%;
    height: 1px;
    background: #d9d9d9;
    position: absolute;
    left: 0px;
    bottom: 6px;
}

.line1 {
    width: 30%;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0px;
    bottom: 6px;
}
.bgblock{
    background-color: #f5f5f5;padding-top: 30px;padding-bottom: 50px;}


.pcs{ max-width: 1200px;
    margin: 0 auto;}
.left1{width: 100%}
.search {

    height: 128px;

}

.key_word {
    width: 1200px;
    height: 128px;
    margin: 0 auto
}

.key_word .left {
    float: left;
    margin-top: 50px;
    overflow: hidden;
    width: 48%;
}

 .left > p {
    font-size: 15px;
    color: #ff0107;
    margin-top: 12px
}

.left > p > span {
    color: #323232;
}

.left > h4 {
    font-size: 18px;
    color: #fa8914;
    font-weight: normal;
}

.left > h4 > span {
    font-size: 16px;
    color: #5f6366
}

.key_word > p {
    line-height: 70px;
    font-size: 14px;
    color: #606060;
    float: left
}

.key_word > p > span > a {
    font-size: 14px;
    color: #606060;
    border-right: 1px dotted #333;
    padding: 0 10px
}

.key_word .search_box {
    width: 610px;
    height: 50px;
    float: right;
    margin-top: 45px;
}

#search {
    width: 570px;
    height: 48px;
    border: 2px solid #fc8409;
    padding-left: 10px;
    outline: none;
}

#s_btn {
    width: 81px;
    height: 45px;
    /* border-top-right-radius: 5px; */
    /* border-bottom-right-radius: 5px; */
    background-color: #3DC69A;
    color: #fff;
    background: url(../images/search.jpg) no-repeat center center;
    outline: none;
    border: none;
    border-left: 1px solid #e7e6e6;
  /*  position: absolute;*/
    margin-left: 490px;
    margin-top: -70px;
    cursor: pointer;
}
.phone>h4{line-height: 110px;text-align: right;font-size: 14px;}



.phone>h4>span{color:#fc8409;font-size: 24px;font-weight: bold}

.title_pc{text-align: center;color:#fc8409;font-size: 18px;font-weight: bold}
.title_pc>span{color:#333;font-size: 14px}











 .product {
    margin: 0 auto;

}

 .product > ul > li {
     overflow: hidden;
    padding-left: 0px;
    margin-top: 7px;
    padding-right: 8px;
}

 .product > ul > li > a > img {
    transition: all 0.8s;
     width: 100%;
 
    overflow: hidden;

}
 .product > ul > li > a > img:hover{   transform: scale(1.1);}
.product > ul > li > a>p{width: 100%;height: 25px;text-align: center;font-size: 16px;color:#fff;line-height: 25px;background-color: #f59d4d}
 .product > ul > li > a .zhezhao {
     width: 99%;
     height: 90%;
     position: absolute;
     margin-top: -256px;
     background: rgba(0, 0, 0, 0.3);
     opacity: 0;
     transition: all 0.8s;
     text-align: center;
     margin-left: -5px;
}

 .product > ul > li:hover a .zhezhao {
    opacity: 1
}

 .product > ul > li > a .zhezhao > h4 {
    color: #fff;
    font-size: 16px;
    margin-top: 40px
}

 .product > ul > li > a .zhezhao > p {
    width: 230px;
    height: 105px;
    text-align: left;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    margin-top: 22px;
    overflow: hidden;
}

 .product > ul > li > a .zhezhao > img {
    margin-top: 22px;
}


.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
@media ( min-width : 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media ( min-width : 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media ( min-width : 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
/*合作伙伴/*/
.Cooperative_partner {
    width: 100%;
    height: 350px;
    overflow: hidden;
    background-color: #fff
}

.Cooperative_partner .partner {
    width: 1200px;
    height: 310px;
    margin: 0 auto;
    overflow: hidden
}

.Cooperative_partner .partner .title {
    width: 1200px;
    height: 50px;
    background: url(../images/line.jpg) no-repeat 0px 11px;
    margin-top: 35px;
    line-height: 40px;
}

.Cooperative_partner .partner .title > h5 {
    font-weight: bold;
    float: left;
    display: block;
    font-size: 16px;
    color: #5f6366;
}

.Cooperative_partner .partner .title > p {
    float: right;
}

.Cooperative_partner .partner .title > p > a {
    font-size: 14px;
    color: #646464;
}

.Cooperative_partner .partner .title > p > a:hover {
    color: #fa8914;
}

.content-partner {
    width: 1200px;
    height: 130px;
    background: #fff;
    margin-top: 15px
}

.content-partner .left_partner {
    width: 35px;
    height: 200px;
    float: left;
    background: url(../images/l.jpg) no-repeat center center;
    cursor: pointer;
}

.content-partner .right_partner {
    width: 35px;
    height: 200px;
    float: right;
    background: url(../images/r.jpg) no-repeat center center;
    cursor: pointer;
}

.content-list {
    width: 1090px;
    height: 202px;
    float: left;
   
    overflow: hidden;
}

.content-list > ul {
    width: 1200000px
}

.content-list > ul > li {
width: 200px;height: 200px;
  /*  border: 1px solid #d1d1d1;*/
    float: left;
    margin-left: 18px;
    overflow: hidden;
    
}

.content-list > ul > li:first-child {
    margin-left: 10px
}


.title_hz{text-align: center;color:#fc8409;font-size: 18px;font-weight: bold;padding-top: 10px}
.title_hz>span{color:#333;font-size: 14px}





/*sun_page*/
.sun_page .sun_pagr_tt {
    border-bottom: 1px solid #F0F2F5;
    background: #fff;
}
.sun_page .sun_pagr_tt .sun_sort_menu {
    display: flex;
    justify-content: center;
    padding: 10px 0;
}
.sun_page .sun_pagr_tt .sun_sort_menu li {
    white-space: nowrap;
    display: inline-block;
    margin: 0 10px;
}
.sun_page .sun_pagr_tt .sun_sort_menu li a {
    text-decoration: none;
    display: block;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 300;
    color: #90939b;
    transition: all .5s ease;
}
.sun_page .sun_pagr_tt .sun_sort_menu li a:hover, .sun_page .sun_pagr_tt .sun_sort_menu li a.cur {    color: #ef8c27;
    font-size: 16px;
}
.sun_page .sun_pagr_tt .sun_sort_menu.flex-start {
    justify-content: flex-start;
}
.sun_page .sun_pagr_tt .sun_sort_menu.flex-start .swiper-slide {
    width: auto;
}
.sun_page .sun_maxnav {
    padding: 5px 0;
    font-size: 14px;
    color: #666;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E4EAEC;
}
.sun_page .sun_page_content {
    font-size: 1rem;
    color: #333;
    line-height: 2;
    padding-bottom: 40px;
}
.sun_page .sun_page_content img {
    max-width: 100%;
}
.sun_page .sun_page_content>p>img {
    width: 100% !important;
}


.sun_product_ll>li{text-align: center;padding-right: 0px}


.sun_product_ll>li>h3{    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;text-align: center;}
.sun_product_ll>li>h3>a{color:#666;}
.sun_product_ll>li .img img{width: 75%;height:auto;}





.about_us {
    width: 100%;
    height: 550px;
    overflow: hidden;

}

.about_us .about1 {
    width: 100%;
    height: 480px;
    overflow: hidden;
    margin: 0 auto;
    background-color: #f3f3f3
}

#bgvid {
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden
}

.about_us .about1 .bg_pic {
    width: 100%;
    height: 480px;
    background: rgba(191, 191, 191, 0.38);
    position: absolute;
    margin: 0 auto;
}

.about_us .about1 .bg_pic > ul > li {
    width: 100%;
    height: 480px;
    overflow: hidden;
    position: absolute;
    display: none;
}

.about_us .about1 .bg_pic > ul .pic_on {
    display: block
}

.about_us .about1 .contents {
    width: 100%;
    margin: 0 auto;
    height: 540px;
    position: absolute;
    z-index: 1000000;

}

.about_us .about1 .contents .contentss {
    width: 1200px;
    height: 540px;
    margin: 0 auto;
}

.about_us .about1 .contents .contentss .lefts {
    width: 350px;
    height: 546px;
    background: rgba(250, 137, 20, 0.78);
    float: left;
    text-align: center;
}

.about_us .about1 .contents .contentss .lefts > h4 {

    color: #fff;
    margin-top: 30px;
    font-size: 18px;
}

.about_us .about1 .contents .contentss .lefts > p {
    width: 289px;
    height: 430px;
    margin: 0 auto;

    line-height: 25px;
    color: #fff;
    font-size: 15px;
    text-align: left;
}

.about_us .about1 .contents .contentss .lefts .more {
    width: 140px;
    height: 28px;
    border-radius: 50px;
    text-align: center;
    border: 1px solid #fff;
    line-height: 28px;
    margin-left: 106px;
    margin-top: 15px;
}

.about_us .about1 .contents .contentss .lefts .more > a {
    font-size: 14px;
    color: #fff;
}

.about_us .about1 .contents .contentss .lefts .more:hover {
    background-color: #646464;
    border: 1px solid #646464;
}

.about_us .about1 .contents .contentss .rl {
    width: 790px;
    height: 67px;
    background-color: #fff;
    position: absolute;
    margin-left: 410px;
    margin-top: 380px;
}

.about_us .about1 .contents .contentss .rl .lp {
    cursor: pointer;
    float: left;
    width: 25px;
    height: 46px;
    margin-top: 10px;
    margin-left: 34px
}

.about_us .about1 .contents .contentss .rl .lt {
    cursor: pointer;
    float: right;
    width: 25px;
    height: 46px;
    margin-top: 10px;
    margin-right: 34px
}

.about_us .about1 .contents .contentss .rl .lc {
      width: 622px;
    height: 50px;
    float: left;
    margin: 7px 25px;
    background: url(../images/35.png) no-repeat 585px center;
}

.about_us .about1 .contents .contentss .rl .lc > ul > li > h4 {
    color: #fa8914;
    font-size: 16px;    margin-bottom: 0px;margin-top:0px;
}

.about_us .about1 .contents .contentss .rl .lc > ul > li {
    width: 578px;
    height: 55px;
    position: absolute;
    display: none;
    overflow: hidden;
}

.about_us .about1 .contents .contentss .rl .lc > ul .title_on {
    display: block
}

.about_us .about1 .contents .contentss .rl .lc > ul > li > p {
    color: #646464;
    font-size: 14px;line-height: 19px;
 
}

.about_us .about1 .contents .contentss .spot {
    width: 700px;
    height: 70px;
    position: absolute;
    margin-top: 476px;
    margin-left: 410px;
}

.about_us .about1 .contents .contentss .spot > ul > li {
    width: 100px;
    height: 60px;
    color: #646464;
    float: left;
    margin-top: 10px;
    text-align: center;
    line-height: 75px;
    font-size: 16px;
    cursor: pointer;
}

.about_us .about1 .contents .contentss .spot > ul > li > a {
    color: #646464;
}

.about_us .about1 .contents .contentss .spot > ul > li:first-child {
    margin-left: 1px
}

.about_us .about1 .contents .contentss .spot > ul > li:nth-child(2) {
    margin-left: 20px;
}

.about_us .about .contents .contentss .spot > ul > li:nth-child(3) {
    margin-left: 19px;
}

.about_us .about1 .contents .contentss .spot > ul > li:nth-child(4) {
    margin-left: 20px;
}

.about_us .about1 .contents .contentss .spot > ul > li:nth-child(5) {
    margin-left: 20px;
}

.about_us .about1 .contents .contentss .spot > ul > li:nth-child(6) {
    margin-left: 20px;
}

.about_us .about1 .contents .contentss .spot > ul .onon {
    background: url(../images/on.png) no-repeat center center;
    color: #fff;
}

.about_us .about1 .contents .contentss .spot > ul .onon a {
    color: #fff;
}

.about_us .about1 .contents .contentss .spot > ul {
    width: 701px;
    height: 10px;
    background: url(../images/d.png) no-repeat center center
}



.about_title{line-height:40px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";font-size:32px;color:#e32433;}
.about_title span{color:#222222;}
.aboutw .content{padding:5px;font-size: 14px;line-height: 30px;margin-top:20px;}
.aboutw a img{width: 119px;height: 33px;display: block;margin-top: 18px;margin:0 auto}
.aboutbj{padding:0 38px 22px 0;margin-top:35px;}
.navigation{float:right;width:100px;}



.aboutus{max-width: 1100px;margin:0 auto;margin-top:20px;padding:0 15px;}
.aboutus h2{text-align: center;color:#222;font:600 32px/45px "Microsoft YaHei";background: url(../images/line.jpg) repeat-x 0 88%;}
.aboutus h2 a{display:inline-block;padding:0 40px;background: #fff;}
.aboutus h2 span{color:#fc840a;}
.aboutus h2 img{max-width: 100%;height:auto;}
.about_img{border:8px solid #f6e5d9;}
.tit-img{text-align: right;padding-right: 20px;}
.tit-img img{max-width: 100%;height:auto;}

/*样品展示*/

.Sample_display {
    width: 100%;
    height: 350px;
}

.Sample_display .Sample {
    width: 1200px;
    height: 350px;
    margin: 0 auto;
}

.Sample .title {
    width: 1200px;
    height: 50px;
    background: url(../images/line.jpg) no-repeat 0px 11px;
    margin-top: 35px;
    line-height: 40px;
}

.Sample .title > h5 {
    font-size: 16px;
    color: #5f6366;
    display: inline-block;
    padding-left: 5px;
    cursor: pointer;
    font-weight: bold;
}

.Sample .title > p {
    float: right;
}

.Sample .title > p > a {
    font-size: 14px;
    color: #646464;
}

.Sample .title > p > a:hover {
    color: #fa8914;
}

.Sample .pic {
    width: 1200px;
    height: 250px;
    background-color: #fff;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 20px;
}
.Sample .pic > ul {  transition: all 0.5s;}
.Sample .pic > ul > li {
    width: 285px;
    height: 250px;
    overflow: hidden;
    float: left;
    margin-left: 20px;
}

.Sample .pic > ul > li:first-child {
    margin-left: 0px
}

.Sample .pic > ul > li .img {
    width: 285px;
    height: 200px;
    overflow: hidden;

}

.Sample .pic > ul > li > p {
    width: 100%;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border-bottom: 2px solid #d1d1d1;
}

.Sample .pic > ul > li > p > a {
    font-size: 14px;
    color: #646464;
}

.Sample .pic > ul > li > p:hover a {
    color: #fa8914;
}

.Sample .pic > ul > li > p:hover {
    border-bottom: 2px solid #fa8914;
}
.news2_company{margin-top:10px;}
.newsbj{border-top:1px solid #e9e9e9;padding:30px 0;}
/*首页新闻*/
.news_company{}
.news1_title{line-height:40px;padding-left:18px;font-family:"微软雅黑";
    background:url(../images/news_title.jpg) no-repeat 0% 100%;font-size:16px;color:#333;position: relative;font-weight: 600;}
.news1_title span{font-size: 12px;padding-left: 5px;color:#666;font-weight: 400;}
.news1_title a{position: absolute;top:0;right: 15px;font-size: 12px;color:#666;font-weight: 400;}
.news_company .content{padding-top: 18px;}
.news_company .content img{max-width: 100%;height:auto;}
.news_list{}
.news_list li{line-height:27px;position:relative;padding-left:10px;}
.news_list li a{    display: block;
    line-height: 27px;
    color: #606060;
    height: 27px;
    overflow: hidden;
    font-size: 15px;
    font-weight: bold;}
.news_list li a:hover{text-decoration:none;color:#e32433;}
.news_list li span{color:#999;z-index:0;line-height:27px;position:absolute;right:0px;top:0px;}
.news_list li h3 {font-size:14px;}
.news_list li div{line-height:21px;font-size: 14px}

.news_list1{}
.news_list1 li{line-height:40px;position:relative;border-bottom: 1px dashed #e2e2e2;height:40px;overflow: hidden;}
.news_list1 li a{line-height:40px;color:#666;background: url(../images/list1.jpg) 0 50% no-repeat;padding-left: 26px;font-size: 14px}
.news_list1 li a:hover{text-decoration:none;color:#e32433;}
.news_list1 li span{color:#999;z-index:0;line-height:27px;position:absolute;right:0px;top:0px;}

.news_listt{}
.news_listt li{line-height:32px;position:relative;border-bottom: 1px dashed #e5e5e5;padding-bottom: 8px;margin-bottom: 5px;}
.news_listt li a{line-height:32px;color:#333;font-size: 14px;display: block;background: url(../images/wen.jpg) 0 50% no-repeat;padding-left: 30px;height:32px;overflow: hidden;}
.news_listt li a:hover{text-decoration:none;color:#e32433;}
.news_listt li span{color:#999;z-index:0;line-height:21px;display: block;background: url(../images/da.jpg) 0 0% no-repeat;padding-left: 30px;}
.news_content {
    width: 100%;
    height: auto;
}
.news1 {
    width: 1200px;
    height: 480px;
    margin: 0 auto;
    overflow: hidden;
}

.news1 .left_news {
    width: 820px;
    height: 520px;
    float: left;
}

.news1 .right_news {
    width: 325px;
    height: 520px;
    float: right;
}

.news1 .left_news .title {
    background: url(../images/line2.jpg) no-repeat center center;
    width: 820px;
    height: 50px
}

.news1 .left_news .title .titles {
    width: 400px;
    height: 30px;

    line-height: 30px;
    float: left;
}

.news1 .left_news .title .titles > ul > li {
    width: 70px;
    font-size: 16px;
    color: #5f6366;
    display: inline-block;
    padding-left: 5px;
    cursor: pointer;
    font-weight: bold;
}

.news1 .left_news .title .titles > ul {
    color: #5f6366;
}

.news1 .left_news .title .more {
    width: 58px;
    height: 30px;
    float: right;
    line-height: 31px;
}

.news1 .left_news .title .more > ul > li {
    position: absolute;

}

.news1 .left_news .title .more > ul > li > a {
    font-size: 14px;
    color: #5f6366;
}

.news .left_news .title .more > ul .l1 {
    display: block
}

.news1 .left_news .title .titles > ul .l2 {
    color: #fa8914;
}

.news1 .left_news .ews {
    width: 820px;
    height: 390px;
    overflow: hidden
}

.news1 .left_news .ews > ul > li {
    position: absolute;
    width: 820px;
    height: 390px;
    overflow: hidden;

    display: none
}

.news1 .left_news .ews > ul .l3 {
    display: block
}

.news1 .left_news .ews > ul > li .lnew {
    width: 365px;
    float: left;
    height: 390px;
    background-color: #fff;
    overflow: hidden
}
.news1 .left_news .ews > ul > li .lnew .img{width: 364px;height: 189px;overflow: hidden}
.news .left_news .ews > ul > li .lnew .img img {
    width: 100%;
    height: 100%
}

.news1 .left_news .ews > ul > li .lnew > h4 {
    color: #323232;
    font-size: 14px;
    margin-top: 25px
}

.news1 .left_news .ews > ul > li .lnew > h4 > a {
    color: #323232;
    font-size: 16px;
    font-weight: bold;
}

.news1 .left_news .ews > ul > li .lnew .detil {
    width: 365px;
    height: 78px;
    overflow: hidden;
    margin-top: 25px
}

.news1 .left_news .ews > ul > li .lnew .detil p {
    font-size: 14px;
    color: #646464;
}

.news1 .left_news .ews > ul > li .lnew .more {
    width: 123px;
    height: 35px;;
    border: 1px solid #fa8914;
    text-align: center;
    line-height: 35px;
    border-radius: 50px;
}

.news1 .left_news .ews > ul > li .lnew .more a {
    font-size: 14px;
    color: #646464;
}

.news1 .left_news .ews > ul > li .llist {
    width: 425px;
    height: 390px;
    overflow: hidden;
    float: right
}

.news1 .left_news .ews > ul > li .llist > ul > li {
    height: 115px;
    width: 423px;
    border: 1px solid #dedede;
    overflow: hidden;
}

.news1 .left_news .ews > ul > li .llist > ul > li:nth-child(2) {
    margin-top: 15px
}

.news1 .left_news .ews > ul > li .llist > ul > li:nth-child(3) {
    margin-top: 15px
}

.news1 .left_news .ews > ul > li .llist > ul > li .sdam {
    -webkit-box-sizing: content-box;
    margin-top: 10px;
    font-size: 40px;
    width: 80px;
    text-align: center;
    margin-left: 20px;
    border-right: 1px #dedede dashed;
    padding-right: 10px;
    float: left;
    cursor: pointer;
}

.news1 .left_news .ews > ul > li .llist > ul > li .sdam > P {
    font-size: 18px;
}

.news1 .left_news .ews > ul > li .llist > ul > li .sdam > P:hover {
    color: #fa8914;
}

.news1 .left_news .ews > ul > li .llist > ul > li .sdam:hover {
    color: #fa8914;
}

.news1 .left_news .ews > ul > li .llist > ul > li .rights {
    width: 295px;
    height: 115px;
    float: right;
}

.news1 .left_news .ews > ul > li .llist > ul > li .rights > h4 > a {
      font-size: 16px;
    color: #323232;
    font-weight: bold;
}

.news1 .left_news .ews > ul > li .llist > ul > li .rights > h4 > a:hover {
    color: #fa8914;
}

.news1 .left_news .ews > ul > li .llist > ul > li .rights > h4 {
    margin-top: 15px
}

.news1 .left_news .ews > ul > li .llist > ul > li .rights > P {
    font-size: 14px;
    color: #646464;
    margin-top: 16px
}
.news1 .left_news .ews > ul > li .llist2 > ul > li .rights > P{  font-size: 14px;
    color: #646464;
    margin-top: 16px}
.news1 .right_news .title {
    width: 100%;
    height: 50px;
    background: url(../images/line2.jpg) no-repeat
}

.news1 .left_news .ews > ul > li .list2 {
    width: 425px;
    height: 390px;
    overflow: hidden;
    float: right
}

.news1 .left_news .ews > ul > li .list2 > ul > li {
    height: 115px;
    width: 423px;
    border: 1px solid #dedede;
    overflow: hidden;
}

.news1 .left_news .ews > ul > li .list2 > ul > li:nth-child(2) {
    margin-top: 15px
}

.news1 .left_news .ews > ul > li .list2 > ul > li:nth-child(3) {
    margin-top: 15px
}

.news1 .left_news .ews > ul > li .list2 > ul > li .sdam {
    -webkit-box-sizing: content-box;
    margin-top: 10px;
    font-size: 40px;
    width: 80px;
    text-align: center;
    margin-left: 20px;
    border-right: 1px #dedede dashed;
    padding-right: 10px;
    float: left;
    cursor: pointer;
}

.news1 .left_news .ews > ul > li .list2 > ul > li .sdam > P {
    font-size: 18px;
}

.news1 .left_news .ews > ul > li .list2 > ul > li .sdam > P:hover {
    color: #fa8914;
}

.news1 .left_news .ews > ul > li .list2 > ul > li .sdam:hover {
    color: #fa8914;
}

.news1 .left_news .ews > ul > li .list2 > ul > li .rights {
    width: 295px;
    height: 115px;
    float: right;
}

.news1 .left_news .ews > ul > li .list2 > ul > li .rights > h4 > a {
    font-size: 14px;
    color: #323232;
}

.news1 .left_news .ews > ul > li .list2 > ul > li .rights > h4 > a:hover {
    color: #fa8914;
}

.news1 .left_news .ews > ul > li .list2 > ul > li .rights > h4 {
    margin-top: 15px
}

.news .left_news .ews > ul > li .list2 > ul > li .rights > P {
    font-size: 14px;
    color: #646464;
    margin-top: 16px
}

.news1 .right_news .title > h5 {
float: left;
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #5f6366;
}

.news1 .right_news .title > p {
    float: right;
}

.news1 .right_news .title > p > a {
    font-size: 14px;
    color: #646464;
}

.news1 .right_news .title > p > a:hover {
    color: #fa8914;
}

.news1 .right_news .list_news {
    width: 100%;
    height: 375px;
    overflow: hidden
}

.news1 .right_news .list_news > ul > li {
    width: 325px;
    height: 124px;
    background: url(../images/qa.jpg) no-repeat 0px 0px;
    border-bottom: 1px dashed #dedede;
    padding-left: 29px;
    overflow: hidden;
}

.news1 .right_news .list_news > ul > li > h4 > a {
      color: #323232;
    font-size: 16px;
    font-weight: bold;
}

.news1 .right_news .list_news > ul > li > h4 > a:hover {
    color: #fa8914;
}

.news1 .right_news .list_news > ul > li > h4 {
    margin-top: 5px
}

.news1 .right_news .list_news > ul > li > div {
    color: #646464;
    font-size: 14px;
    width: 290px;

    line-height: 20px;
    margin-top: 17px;
    max-height: 60px;
    overflow: hidden;
    padding-left: 5px
}

.news1 .right_news .list_news > ul {
    overflow: hidden;
    transition: all 0.6s ease 0s;
}
.news .left_news .title .more {
    width: 58px;
    height: 30px;
    float: right;
    line-height: 31px;
}

.news .left_news .title .more > ul > li {
    position: absolute;
    display: none
}

.news .left_news .title .more > ul > li > a {
    font-size: 14px;
    color: #5f6366;
}

.news .left_news .title .more > ul .l1 {
    display: block
}

.news .left_news .title .titles > ul .l2 {
    color: #fa8914;
}

.link {
    width: 100%;
    height: 70px;
    background-color: #fa8914
}

.link .link_link {
    width: 1200px;
    height: 70px;
    margin: 0 auto;
    background: url(../images/link.jpg) no-repeat;
    padding-left: 130px;
    overflow: hidden;
    padding: 7px 0px 0px 110px;
}

.link .link_link > ul > li {
    float: left;
    padding: 0px 10px;
    line-height: 20px;
}

.link .link_link > ul > li > a {
    font-size: 14px;
    color: #fefefe;
}

.footer {
    width: 100%;
    height: 210px;
    overflow: hidden;
}

.footer .bottom {
    width: 1200px;
    height: 210px;
    margin: 0 auto;
}

.footer .bottom > ul > li {
    float: left;
}

.footer .bottom > ul > li:first-child {
    width: 310px;
    height: 200px;
}
.footer .bottom > ul > li:first-child .er1{     width: 254px;
    height: 94px;
    /* text-align: center; */
    padding-left: 110px;
    margin-top: 40px;
    border-right: 1px solid #dedede;}

.footer .bottom > ul > li:nth-child(2) {
    width: 435px;
    height: 100px;
    margin-top: 40px;
    font-size: 14px;
    color: #646464;
    line-height: 24px;
    border-right: 1px solid #dedede;
    margin-right: 50px;
}

.footer .bottom > ul > li:nth-child(2) > a {
    color: #646464;
}

.footer .bottom > ul > li:nth-child(2) > a:hover {
    color: #fa8914;
}

.footer .bottom > ul > li:last-child {
    width: 360px;
    float: left;
    height: 210px;
    padding-top: 40px;
    font-size: 14px;
    color: #646464;
    line-height:27px;
}

.footer .bottom > ul > li:last-child .er1 {
    width: 120px;
    height: 140px;
    border: 1px dashed #dedede;
    margin-top: 30px;
}

.footer .bottom > ul > li:last-child .er1 > div {
    width: 95px;
    height: 95px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 10px;
}

.footer .bottom > ul > li:last-child .er1 > p {
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #909090;
}
.foot2{    background: #fc840a;
    color: #fff;
    padding: 15px 0px;
    line-height: 23px;
    font-size: 14px;}


.foot2 a{color:#fff;}


.lie>ul>li {
    position: relative;
    display: block;
}


.lie>ul>li>a {
    position: relative;
    display: block;
    padding: 8px 15px 8px 35px;
    border-bottom: 1px solid #eee;
    font-size: 12px;line-height: 16px;
}
/*内页页数*/
.ny_sy { height:40px; text-align:center;}
.pagelink { color:#666; text-align: center;}
.pagelink a,.pagelink span.miy{padding:4px 10px 4px 10px;  color:#555;}
.pagelink a:hover {}
.pagelink a:hover {}
.pagelink span.current {border:1px solid #fc840a; padding:4px 10px 4px 10px;  color:#fff; background-color:#fc840a; text-decoration:none;}
.pagelink span.nolink {border: 1px #dfdfdf solid; background:#fff; padding:4px 12px 4px 12px;margin:2px; color:#666666;margin:0 10px;}
.pagelink span.nolink:hover { background:#fc840a; padding:4px 12px 4px 12px; margin:2px; color:#fff;margin:0 10px }
.pagelink a {background:#fff; margin:0 6px; color:#000;border: 1px #aeaeae solid;}
.pagelink a:hover {background:#fc840a;color:#fff;}
.sort .nav_on>a{color:red;}
.sort li a:hover{    background: #fff;
    color:red;
}


#thumblist{}
#css_nb{cursor: pointer}
#css_nb{

    width: 400px;
    height: 80px;
   
   

}
#css_nb::-webkit-scrollbar {/*滚动条整体样式*/
    width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
#css_nb::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #535353;
}
#css_nb::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #EDEDED;
}
#css_nb::-webkit-scrollbar{
     display: none;
 }
.titlesss{    width: 1200px;
    height: 70px;
    text-align: center;
    font-size: 26px;
    line-height: 100px;
    font-weight: bold;
    color: #fa8914;}
.ec--cs-wrapper {
    z-index: 99999;
    /* body */
    margin: 0;
    /* 1 */
    padding: 0;
    font-family: 'sans-serif', 'Arial', 'Microsoft YaHei';
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -webkit-overflow-scrolling: touch;
    /* 0 */
    /* Turn on single button up on top, and down on bottom */
    /* Turn off the down area up on top, and up area on bottom */
    /*竖向滚动条-下方按钮*/
    /*竖向滚动条-下方按钮-悬浮样式*/
    /*竖向滚动条-上方按钮*/
    /*竖向滚动条-上方按钮-悬浮样式*/
    /*竖向滚动条顶部背景 */
    /* 竖向滚动条底部背景 */
    /* 竖向滚动条*/
    /* 竖向滚动条-悬浮样式*/
    /* Place The scroll down button at the bottom */
    /*横向滚动条-右边按钮 */
    /*横向滚动条-左边边按钮*/
    /*横向滚动条-左边边按钮-悬浮样式*/
    /* 横向滚动条背景-左边背景 */
    /* 横向滚动条背景-右边背景 */
    /* The thumb itself */
}
.ec--cs-wrapper div,
.ec--cs-wrapper p,
.ec--cs-wrapper ul,
.ec--cs-wrapper ol,
.ec--cs-wrapper li,
.ec--cs-wrapper a,
.ec--cs-wrapper span,
.ec--cs-wrapper i {
    margin: 0;
    padding: 0;
    float: none;
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: auto;
    height: auto;
    font-size: 12px;
    font-family: 'sans-serif', 'Arial', 'Microsoft YaHei';
    /* 1 */
    font-weight: normal;
    font-style: normal;
    color: #262626;
    background: none;
    border: none;
    border-radius: 0;
    text-decoration: none;
    text-align: left;
    vertical-align: baseline;
    overflow: visible;
    box-sizing: content-box;
}
.ec--cs-wrapper ul,
.ec--cs-wrapper ol {
    list-style: none outside none;
}
.ec--cs-wrapper a {
    color: #262626;
    text-decoration: none;
}
.ec--cs-wrapper a:link,
.ec--cs-wrapper a:visited,
.ec--cs-wrapper a:hover,
.ec--cs-wrapper a:active {
    color: #262626;
    text-decoration: none;
}
.ec--cs-wrapper a:visited,
.ec--cs-wrapper a:focus {
    text-decoration: none;
}
.ec--cs-wrapper ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:start:decrement,
.ec--cs-wrapper ::-webkit-scrollbar-button:end:increment {
    display: block;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:start:increment,
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:end:increment,
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:start:decrement,
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:end:decrement,
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:end:increment,
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:start:decrement {
    background: url(//www.staticec.com/api/images/scrollbar/scroll.png) no-repeat;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:end:increment {
    width: 6px;
    height: 6px;
    background-position: -2px -10px;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:end:hover {
    background-position: -1px 0px;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:start:decrement {
    background-position: -12px -12px;
    height: 6px;
    width: 6px;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:start:hover {
    background-position: -12px -2px;
}
.ec--cs-wrapper ::-webkit-scrollbar-track-piece:vertical:start {
    background: #fff;
}
.ec--cs-wrapper ::-webkit-scrollbar-track-piece:vertical:end {
    background: #fff;
}
.ec--cs-wrapper ::-webkit-scrollbar-thumb:vertical {
    background: #ccd5d9;
    border-radius: 4px;
}
.ec--cs-wrapper ::-webkit-scrollbar-thumb:vertical:hover {
    background: #a7d9f8;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:end:decrement {
    background-position: -30px -11px;
    height: 6px;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:end:hover {
    background-position: -30px -1px;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:end:increment {
    background-position: -31px -11px;
    height: 6px;
    width: 6px;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:start:decrement {
    background-position: -23px -11px;
    width: 6px;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:start:hover {
    background-position: -23px -1px;
}
.ec--cs-wrapper ::-webkit-scrollbar-track-piece:horizontal:start {
    background: #fff;
}
.ec--cs-wrapper ::-webkit-scrollbar-track-piece:horizontal:end {
    background: #fff;
}
.ec--cs-wrapper ::-webkit-scrollbar-thumb:horizontal {
    background: #ccd5d9;
    border-radius: 4px;
}
.ec--cs-wrapper ::-webkit-scrollbar-thumb:horizontal:hover {
    background: #a7d9f8;
}
@font-face {
    font-family: "ec--iconfont";
    src: url('//at.alicdn.com/t/font_256629_8gim64zt8fpkqpvi.eot?t=1519612452000');
    /* IE9*/
    src: url('//at.alicdn.com/t/font_256629_8gim64zt8fpkqpvi.eot?t=1519612452000#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), url('//at.alicdn.com/t/font_256629_8gim64zt8fpkqpvi.ttf?t=1519612452000') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_256629_8gim64zt8fpkqpvi.svg?t=1519612452000#iconfont') format('svg');
    /* iOS 4.1- */
}
.ec--cs-wrapper .ec--icon {
    font-family: "ec--iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    line-height: 1;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    display: inline-block;
}
.ec--cs-wrapper .ec--icon:before {
    display: block;
}
.ec--cs-wrapper .ec--icon-close-small:before {
    content: "\E722";
}
.ec--cs-wrapper .ec--icon-arrow-right:before {
    content: "\E631";
}
.ec--cs-wrapper .ec--icon-down:before {
    content: "\E61E";
}
.ec--cs-wrapper .ec--icon-customer-service:before {
    content: "\E61D";
}
.ec--cs-wrapper .ec--cs-root {
    width: 260px;
    height: auto;
}
.ec--cs-wrapper .ec--cs-root .ec--unread-num {
    position: absolute;
    min-width: 16px;
    width: auto;
    height: 16px;
    line-height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    background: #ff5946;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    box-sizing: border-box;
    margin: 0;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list {
    display: inline-block;
    vertical-align: bottom;
    min-width: 170px;
    max-width: 260px;
    margin: 0;
    position: relative;
    border: none;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main {
    background: #fff;
    border-radius: 2px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--title {
    width: auto;
    height: 38px;
    line-height: 38px;
    padding-left: 10px;
    background-color: #2580e6;
    border-bottom: none;
    border-radius: 2px 2px 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--title .ec--title-main {
    width: auto;
    height: 38px;
    line-height: 38px;
    position: relative;
    color: #fff;
    z-index: 1;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--title .ec--title-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--title .ec--close {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    cursor: pointer;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main {
    overflow-y: auto;
    padding: 10px 6px;
    border-radius: 0 0 2px 2px;
    background-size: cover;
    min-height: 160px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group {
    line-height: 24px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--group-name {
    max-width: 232px;
    position: relative;
    margin-left: 10px;
    display: block;
    word-break: break-word;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--group-name .ec--icon {
    font-size: 10px;
    margin-right: 6px;
    -webkit-transform: scale(0.7);
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list {
    overflow: hidden;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item {
    position: relative;
    display: block;
    width: 100%;
    height: 38px;
    padding-left: 26px;
    margin-bottom: 4px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item:hover {
    background: rgba(0, 0, 0, 0.2);
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item .ec--cs-name {
    display: inline-block;
    width: auto;
    height: 38px;
    line-height: 38px;
    max-width: 140px;
    min-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 8px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item .ec--unread-num {
    font-size: 10px;
    -webkit-transform: scale(0.8);
    left: 8px;
    top: -5px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item i {
    display: inline-block;
    top: 4.5px;
    font-family: 'iconfont' !important;
    vertical-align: top;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item i.ec--cs-icon-right {
    margin-right: 26px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item.:before,
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item. i.ec--icon-cs1-2 {
    opacity: .3;
    filter: alpha(opacity=30);
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item.ec--selected {
    background: rgba(0, 0, 0, 0.2);
    font-weight: 600;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main . .ec--cs-name {
    opacity: .3;
    filter: alpha(opacity=30);
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--list-main {
    position: relative;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--group-name {
    color: #fff;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--group-name .ec--icon {
    color: #fff;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--list .ec--cs-item .ec--cs-name {
    color: #fff;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--list .ec--cs-item:hover {
    background: rgba(255, 255, 255, 0.2);
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--list .ec--cs-item.ec--selected {
    background: rgba(255, 255, 255, 0.2);
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--list .ec--cs-item .ec--unread-num {
    left: 18px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--chat-tools.ec--inlist.ec--vertical li a span {
    color: #fff;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--chat-tools.ec--inlist.ec--vertical li:hover {
    background: rgba(255, 255, 255, 0.2);
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--title,
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main,
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--tools-wrapper {
    position: relative;
    z-index: 1;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--cloud {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 78px;
    background: url(data:image/png;base64,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) 100% no-repeat;
    opacity: .25;
    filter: alpha(opacity=25);
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--icon-cs1-2 {
    width: 29px;
    height: 29px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--icon-cs1-2.ec--male {
    background: url(data:image/png;base64,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) center no-repeat;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--icon-cs1-2.ec--female {
    background: url(data:image/png;base64,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) center no-repeat;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--border .ec--list-main {
    border: 5px solid;
    border-radius: 5px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--border .ec--list-main .ec--title {
    color: #262626;
    border-radius: 0;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--border .ec--list-main .ec--title .ec--title-main {
    color: #262626;
    font-weight: bold;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--border .ec--list-main .ec--title .ec--close {
    color: #262626;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--list-main {
    background: none;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--list .ec--cs-item. .ec--cs-name {
    opacity: .3;
    filter: alpha(opacity=30);
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--list .ec--cs-item:hover {
    background: rgba(0, 0, 0, 0.2);
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--group-name {
    color: #2580e6;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--group-name .ec--group-arrow {
    color: #2580e6;
    border-left: 4px solid #2580e6;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--list .ec--cs-item .ec--cs-name {
    color: #2d2b31;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--list .ec--cs-item:before,
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--list .ec--cs-item i {
    color: #2d2b31;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn {
    display: inline-block;
    vertical-align: top;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--tools-wrapper {
    background: none;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--unread-num {
    left: -7px;
    top: -5px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--unread-num.ec--top {
    top: -5px;
    bottom: auto;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--unread-num.ec--bottom {
    top: auto;
    bottom: -5px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--unread-num.ec--left {
    left: -7px;
    right: auto;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--unread-num.ec--right {
    left: auto;
    right: -7px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #fff;
    box-sizing: border-box;
    position: relative;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape .ec--shape-ele {
    border-radius: 5px;
    width: 100%;
    height: 100%;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-square {
    width: 66px;
    height: 66px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-square .ec--shape-ele {
    text-align: center;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-square .ec--icon-customer-service {
    margin-top: 13px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h {
    text-align: left;
    width: 178px;
    height: 56px;
    line-height: 56px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h .ec--shape-ele {
    line-height: 56px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h .ec--shape-ele .ec--zh,
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h .ec--shape-ele .ec--en {
    font-size: 16px;
    color: #fff;
    margin-left: 10px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h .ec--icon-customer-service {
    margin-left: 15px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h .ec--zh {
    letter-spacing: 6px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v {
    width: 56px;
    height: 165px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--shape-ele {
    text-align: center;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--text {
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    margin-top: 10px;
    text-align: justify;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--text.ec--zh {
    letter-spacing: 6px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--text.ec--en {
    margin-top: 4px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--text p {
    height: 105px;
    line-height: 56px;
    font-size: 16px;
    color: #fff;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--icon-customer-service {
    margin-top: 8px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-circle {
    width: 66px;
    height: 66px;
    margin: 0 auto;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-circle .ec--shape-ele {
    text-align: center;
    border-radius: 50%;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-circle .ec--icon-customer-service {
    margin-top: 14px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-circle .ec--unread-num {
    top: 4px;
    left: 2px;
    right: auto;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-custom {
    width: auto;
    height: auto;
    border-radius: 0px;
    text-align: left;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper.ec--pc-cs-shape-wrapper .ec--cs-shape.ec--shape-square,
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper.ec--pc-cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h,
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper.ec--pc-cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v,
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper.ec--pc-cs-shape-wrapper .ec--cs-shape.ec--shape-custom {
    margin: 0;
}
.ec--cs-wrapper .ec--cs-root .ec--icon-customer-service {
    display: inline-block;
    vertical-align: middle;
    font-size: 38px;
    color: #fff;
}
.ec--cs-wrapper .ec--cs-root .ec--icon-cs1-2 {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    width: 20px;
    height: 25px;
}
.ec--cs-wrapper .ec--cs-root .ec--icon-cs1-2.ec--male {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAcCAYAAACUJBTQAAAAAXNSR0IArs4c6QAABENJREFUSA3dVVtMHFUY/s7swu7OsixUINBCKsillBaF2oJtk9aEhrRq0mhsjBqjiSHaB5998GFNY30gvpjUNtG0vHgraTQhaorRKJiuBVG5VIrU5dayhRURGHf2MnOO52wzm9lhdtvEN0+ye/7L9/3fuQ/wf2nkXibS0dHh31ATb4ChjQGNAOMdmZTAfigs8Jzu7+//J1edu4rs33/oEZ2xXga2zbYQQcjhJMeDAwPjtnkelLIlRLyrqytPA+3JKiBADDU0yd5njGUdcE6RsYmpl3mRelErV+Nr19Z+4NGnsmFyilDGDmcjbooTmhXr3AQ2BYr83oNUp7RtT5M2uxCWpkM3M/Cyx8VamuuS4fCKtLquHDJRM8wMUkaGO9ForLQ7cFJ6aFddvsjNzIUxOT0HJaqivHQL9rU0Erc7Pz+qxvHcK2/eZ+Ubvq3IycCZAqyuN0bCv0S4wFYDXL29AuJnbXxGaKirnqipf3tvWbF3KhB4bd2Msd2TCnnLeU2nQxVVO6kZnMsuKqkkguMrqfnYirMV4Ue2UgBllydmJWTz3S5v9E6ObbdibEU4KHWD3bKcMW0r2ex7vfKa8BmIYo4L23ZPaCJxCgTxvU1bhzmm1Uqy8+NRdSkeV+Pra6unrPmst1QA2cp4VUzX560kqz89G2Gvn75E4HC0f3npzFVrPqeIAKvLo4Nc7qBBnLi+wI/xLRT6fNAoxdWREOZurcZVNXas77Nz3xo4c2+7XGYA8vECSeJX/u4WivgnnwcRHJlG64O1aKjdhseONCvRaLLt2PETv2XwTM5dZyKwschog5aMf+Nw5qdeYk3T4XQ6QGky5PDInW5/0w1TzU1mttOVBgYCTOruW3lyRXWX/fXnPJTVRcQ2liDslahc3N0beUJg0gQbI2fy6AXWPpC8MvX1F4NvKbo/L+ndDTVJoCaApLwbawm5uP+r794ZSAz+LrA29VMhW5GnLzJP53n2nq7RK5qyVMtASe/lcUgOD/vj5wGERoOQnB7We3kMoDrRlNsPCKzgCK5VbJNIZw9r2lAwzG/Vq0SSiLO0VhRCcHiSlZYUk5sLM3ypliHsH3+a4p8SBkdxNQRWcARX1DALZYgc7WEHiI4hfpLSIP32ZAof3VgjI9fm8XBjJZp3VGFobBaqsp46OHTpDkYABVfUELUMoQwRRnGWD002kqLPqzsMePyp0LmPvqcV/Ikqcyn44CK/PrwRlw95DUdStvEnaohahp8pAlQZCaN3FJTBve95TvNjPjRHFhaXsbAYxlxoHnD74OI5R2G5AU/3XChdy3oZ3+WoZ/ka1HBQegCSrxyu1mcQH/mUnB3bpTDJwZjb7XPtOQHJn/7cpAQ4l/J3b4bzPzQUbS/jixeYexnYwUE7deB+DvJx26dFbhTlTfe1UEaoXv/4KD8Uf/M9UPhoNviQZgnDtTLges9L5J4/EcZA/nP/L7dPrLEOLpZVAAAAAElFTkSuQmCC) center no-repeat;
}
.ec--cs-wrapper .ec--cs-root .ec--icon-cs1-2.ec--female {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAcCAYAAACUJBTQAAAAAXNSR0IArs4c6QAABKdJREFUSA3dVmtMHFUU/u7s7MJ2oTx2EWyWKhiWIoVWfAB1Ma34wKhotNSYFozRpvwxQkzUojXE2MZoYjDaaNLYmqYx/rCxWltsgkBRxNZiqtVCwVYWumF5LlCWhdmZe72zMMs+RmziP28ye8983znn495z5l6A/8sg17MQp7PcIStSLSXkVoDlEYZZEHKBgHTGm8hH7e3t8kp5VhRhjJFi5+Y6QuleBph1ExFyzkgMOzo72y7p8hxcUaTk7nu2U8qO/FNwCCe4bE1KyG9ubl4IYWGGIcyOMEurqsx0xneMg0kRhP5Lql+S/e4h1/d6tKAHqhh1j24FY5lLPC8Hr8RKg7KXGxsbdfPpgsFchBVqOR3ZmcJr9dXEbI7TIJ2ZJZ1qbc3XISDqgSrGKFuvcTVPVaCspBC3F+biux+60XNpAN7pWQyPTmBk1AtKadCVyaSEGxe0OG2OKXx9/XtmwWT61OXqeWzQ9Vtc9dYH8Hz1o5p/zOzhQgc/O4FTbT8jK/u2EbvdcdqWnFK7e/d2r+YcsxLRbMojRNyWaluDDKuyooCaJOMGKxrqahAIUEz609INoriNmMwnOHVYE4mpiUwMIeFHHtyk+f3rfP/mO0I+/PuKD71wI0aEMWGIEMhUUZgoxtDhsRG2IBDejFRWY3knngknY7I07ds1vDDrX9v7R4dvYmwq3HdFu6v7L3g8HtE7Orbu1Zee+DXcObQ14eDcXM+4JC1Yev8cRGU4oWOPjM2g42w/fjrvxvhof8vxo/svR7vpivT29mZwR9LRdR7P7XgY1pTlj/7AkVa0/XgRFksCRKMR8wsy8nMyMDc9ABqQEqIF1HddkUCA3aiS12b9ePeDz7Hv9Z0QhMWdLchbC0mSkZdrx/rcTP4HrELDWwcwc009mIlNjYseMd+J6lC8qexJRvGF5pznuBlv79mJ5KTVGhScJ71TaNj7CXr6BpZw4jvTdTox+gjSXQlXLgo/qEZ4A0gzV+H1x0E0LXanLM1jeGQcbs9kmDCzOJ33OjgQcezHdJcawRjuCkaKcXi69hV8c/xLpNg3QqEKFvwzwYfypeZu3IJvT36Fymfq+MYvnmsBSouCsWE/MUd9aWmVmV98TUZ7cVziQ+9gIrEIziwCW2oa5FXZmJ6TWMBoJak3lWF1cjoGpwgOu/iFmXUf6PQg2Ix72n3V9XWYRuyl5azc9aKxoKrJlF0e8rPzUrzPe9li4vtw8RdJFI3CLY4CccoPvMDTjflCrpCutMkknq1r3VMeauWIwlccYncyRW4BESMrzHNsyQY288fb/sa82mjp5W/GH/0dODu0LLBssQmDkVScrCHnVCyy8Az79QRUx7YrQNcgUAWbAQrwcQvgkyiYElDp4BCW6sI/Masi40MOqkd/lAgQukOCUVE/8/x/kinRRigEMsdzM0XBrKdfvXxgMMbDkqE21uLg92iBZkeshLdtHyc2aKTePMWsRGZicJsF0QhLeg4UaQ5Gc+QOMxLMFUwRURMVefwQS5YFOBSGHKbwB1jD28PCHS2ctuST7jQFIutlG8b5u4/zPs7NgmGYGNBvIOgXKfqOPUuu/3RVhf/r+BtMF6Sc2mZ9rwAAAABJRU5ErkJggg==) center no-repeat;
}
.ec--cs-wrapper .ec--cs-root .ec--icon-cs1-2 .ec--icon-cell-phone {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 8px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAAXNSR0IArs4c6QAAAEZJREFUGBljVCi7sZWB4b8XA1bAuI0FJHm4SgOrtG3bDS8mrDJIgsNDAaNC2fX/SL7CYKJ4836nBgMIIwOgCbiDmpGRYSsAdTQSfTtw7sYAAAAASUVORK5CYII=) center no-repeat;
}
.ec--cs-wrapper .ec--cs-root .ec--icon-qq1-2 {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAAAXNSR0IArs4c6QAAA+NJREFUOBHNVEtMXFUY/u5z5g4zzAOmw0gfrooO1RopBLUtRuOiGY0PsBAXatzUBjUxaeLGpWm6si5sfDQxxoWxsRHd2HRg0RJhoZZYECnGVjqALe0MM4UZeof7OP7nTu/ghZpq4sI/+e5/zv/4zvnPf84F/mOR7sAXkmX5sVAo9CzFdViWFSJ9jbB6h7yNbkmSXiTrBQJbh0ma9xD+lbxK0euJ/jq3yH/gnzLeR4FlTtjb28sGBwdZIpFgyWSSDQ0NOTbuEwSBx6QIHhE9s+rkIKkAH/b392NmZgapVApdXV1QVRXpdBqiKIIxFiDNYz2ynjBI3n1uxJWrVxGoC2JpuYz8YhH33JuCruuczAmxbZvHOou7Oeu73EqOQwRaSMC5sfNIxusxevYUri9kUS6V8OHxT1Eo5N18voEvCDnXILgDrqmz3XQ1TgqCiINpDX17TET8FUTDGp0aQ2FJR1H34fOzCj46VXZ3+gSlDrk8npKJzM8dvKSJrIkrRQkN0QDiYWBTWEQsEsAfBZl8hkvGw8m7JvLaEDieTMTP6RX8SPh53ETfuIVovYhEjJ+ZgIVFvkuGKNW1S9PQofmwM+BrPjC3UKOplcza2pSlYv6MXxQeLtqUaNnI2RYWTRvLVrUJIUlATBbRKEmIUqejooAVZg2HN2cfF87A5Kw1wnebGjr2+rSRrbIko1KBoKjO9RCpfMF0Yp0yqbOwCOQE/D5ctmzju9LNzjdzuTFOWCv50LVCT0goyq2hID5+43U0ff0VzKVlIBiEuGULjwWoTDEag2/bVszRgq8cPoKplRWlZLE+8jqEThx9eDP4G2X+cJj9NjHB8p272MJdCZbrfobZhlEFdcuVS/PzTK2rc58jz3Ua6nZ5BxlaCNAUBQqdHVu5CbrFgGFAkOUqeMAtUekoNLLfku2knXzX8iAZ+CUvGpVKxKBjVJ7rBi5dhNzK19ooFTpngxYjKRCiBB54ngD+Rm+Q+p7wNj16NjI66lRmu/XdRg8PD/MfBC+5n/BDJBKZJs2fmCMf0PclwgnKrWROn3aMtSvgzLyfTCbDu14i6wDhZXoUn3gj1mbHEk3NbHZ29jb7qpouZ7MsvinJd/feWtrfjJ5/qD7WslmZbu/cw6Yu/LqBdHJqmrW1P8K2N8u/pHeH+dl5xFOV/k2oxScan5UrwgOHT6yqmclGtO9+EqkdO+n3zeg5/oSxkW+x7/4c3tqvmgFVHF+1xRf8Ty8758eZPYSFgcjdgfC2I4rIegV9Htf1Brw/8PvRY18aF+lt4J3X4o/u39vQ0+jLw1pV5kzzxlEmqie1pwpZzzb/15M/Af7O1dGOIu43AAAAAElFTkSuQmCC) center no-repeat;
    width: 20px;
    height: 25px;
}
.ec--cs-wrapper .ec--cs-root .ec--tools-wrapper {
    border-radius: 0 0 2px 2px;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools li a {
    display: block;
    height: 100%;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools li a img {
    display: block;
    width: 100%;
    height: 100%;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist {
    margin: 0 13px;
    padding: 0 7px 10px;
    border-top: 1px dashed #eee;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--vertical li {
    margin-top: 10px;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--vertical li a {
    position: relative;
    padding-left: 40px;
    height: 30px;
    line-height: 30px;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--vertical li a img {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--vertical li:hover {
    background: rgba(0, 0, 0, 0.2);
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--horizen {
    overflow: hidden;
    padding-top: 10px;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--horizen li {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 15px;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--horizen li .ec--name {
    display: none;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn li {
    margin-top: 14px;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn li .ec--name {
    display: none;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn.ec--shape-square li {
    width: 66px;
    height: 66px;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn.ec--shape-rect-h li {
    width: 178px;
    height: 56px;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn.ec--shape-rect-v li {
    width: 56px;
    height: 56px;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn.ec--shape-circle li {
    width: 66px;
    height: 66px;
}

.ys_bg{ width:100%; background: url(../images/ys.jpg) center no-repeat; padding-top:6%; overflow:hidden; }
.ys_bg_top{ background:#FFF; text-align:center; margin:auto; padding:3% 0}
.ys_bg1{width:100%; background: url(../images/index_r25_c2.jpg) center 0 no-repeat; padding-top:2%; overflow:hidden;}
/* scrollpic */
.scrollpic{width:976px;height:351px; background:url(../images/ysindex_r6_c2.jpg) center 0 no-repeat; text-align:center; margin:auto; position:relative}
#myscroll{display:block; position:relative; height:351px; overflow:hidden;position:relative}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:6%; top:0;width:100000px; }
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li{display:block; float:left; padding:0; margin:0;  }
.coll{ width:100%; }
.y_l{ float:left; margin-top:5%; margin-right:30px  }
.y_r{ float:right;margin-top:5%; text-align:left; color:#666; font-size:14px; margin-right:30px;}
.y_r h5{ font-size:24px;color: #f59d4e;font-weight:bold; padding:3% 0;    text-align: center;}
#myscroll a .intro{position:absolute; left:0; z-index:10; background-color:rgba(255,255,255,.80); padding:0 10px;}
#myscroll a .intro h5{padding:0; margin:0; font-size:16px; font-weight:bold; padding:0 47px 0 15px; background:url(images/go.png) right no-repeat; height:40px; width:180px; line-height:40px; border-bottom:1px solid rgba(215,0,15,.2);}
#myscroll a .intro p{font-size:13px; line-height:20px; margin:10px 15px; height:40px; overflow:hidden;}
#myscroll a .intro{bottom:-61px;}
#myscroll a:hover .intro{bottom:0px;}

#mybtns{ width:100%; display:block; height:42px; text-align:center; margin:auto; padding-top:20px;}
#mybtns a{width:42px; height:42px; display:block; float:left; margin-right:1px; background-color: #c1c1c1;}
#mybtns a:hover{    background-color: #f59d4e}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left{background-image:url(../images/jt_l.png); margin-left:45%}
#mybtns #right{background-image:url(../images/jt_r.png);}

@media(min-width:1572px){
.scrollpic{max-width:976px; width:100%;}
#myscroll{width:786px; }
}
@media(max-width:1571px){
.scrollpic{max-width:976px; width:100%;}
#myscroll{width:786px;}
}
@media(max-width:1309px){
.scrollpic{max-width:964px; width:100%;}
#myscroll{width:786px;}
}
@media(max-width:1047px){
.scrollpic{max-width:786px; width:100%;}
#myscroll{width:786px;}
}
@media(max-width:767px){
.scrollpic{max-width:524px; width:100%;}
#myscroll{width:524px;}
}
@media(max-width:523px){
.scrollpic{max-width:262px; width:100%; background:none; height:250px}
#myscroll{width:262px; height:250px}
.y_r{ float:none;margin-top:5%; text-align:left; color:#666; font-size:14px; width:262px ; margin-right:0}
#myscroll #myscrollbox {
    display: block;
    float: left;
    position: absolute;
    left: 0%;
    top: 0;
    width: 100000px;
}
#mybtns{ width:100%; display:block; height:42px; text-align:center; margin:auto; padding-top:25px;}
#mybtns #left {
    background-image: url(../images/jt_l.png);
    margin-left: 35%;
}
}

.left1>p a{color: #fc8409;}
.product > ul > li p{width: 100%;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    color: #ffffff;
    margin: 0px;
    margin: 0px;
    /* background: #ffffff; */
    background: rgba(0, 0, 0, 0.3);}

.product > ul > li{transition: all 0.3s;}
.product > ul > li:hover p{    background: rgb(237, 120, 42);}
.product > ul > li:hover{    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);}


.product > ul > li>a{display:block;    overflow: hidden;}