/*c1_index*/

.c1_index {
    position: relative;
    padding-top: 10px;
    background: #eeeeee;
}

.c1_index .c11_list {
    position: relative;
}

.c11_list li {
    width: 32%;
    display: inline-block;
    text-align: center;

}

.c11_list li a.img {
    text-align: center;
    display: block;
    vertical-align: middle;
}

.c11_list li a.img img {
    max-width: 100%;
}

.c11_list li h3 {
    color: #232323;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    overflow: hidden;
}

.c11_list li h3 span {
    font-size: 14px;
    color: #a51717;
    font-weight: bold;
}

/*c2_index*/

.c2_index {
    position: relative;
    padding: 10px;
}

.ttt1 {
    position: relative;
    text-align: center;
}

.ttt1 h1 {
    font-weight: normal;
    font-family: "Arial";
    font-size: 20px;
    color: #a51717;
    text-transform: uppercase;
    margin:8px 0;
}

.ttt1 h2 {
    font-weight: normal;
    font-size: 18px;
    color: #333333;
}

.c22_conttt {
    margin-top: 20px;
    position: relative;
}

.c22_list {
    position: relative;
    padding-bottom: 20px;
}

.c22_list li {
    display: inline-block;
    width: 47.5%;
    background: #f3f3f3;
    margin-right: 2.5%;
    text-align: center;
    position: relative;
    margin-bottom: 2%;
    padding: 20px 0;
}

.c22_list li:nth-child(2n){
    margin-right: 0;
}

.c22_list li a.img {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 10px;
    height: 50px;
}

.c22_list li a.img img {
    max-width: 100%;
    text-align: center;
}

.c22_list li h3 {
        height: 35px;
    color: #383838;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}

.c22_list li span {
    display: block;
    color: #6d6d6d;
    font-size: 13px;
    line-height:22px;
    padding: 0 4px;

}

.c22_list li span br{
    display:none;
}



/*c4_index*/

.c4_index {
    position: relative;
    padding: 10px;
    border-top: 1px solid #eeeeee;
}

.c44_conttt {
    margin-top: 20px;
    position: relative;
}

.c44_left {
    position: relative;
}

.c44_left h1 {
    margin-top: 0px;
    width: 160px;
    height: 26px;
    line-height: 26px;
    background: #a51717;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
}

.c44_left span {
    display: block;
    font-size: 14px;
    color: #3c3c3c;
    margin-top: 15px;
    line-height: 20px;
}


.c44_left .c44_list11 {
    margin-top: 20px;
    position: relative;
}

.c44_list11 li {
    width: 25%;
    text-align: center;
    float: left;
}

.c44_list11 li a.img img {
    width: 90%;
    height: auto;
}

.c44_list11 li a.img h3 {
    padding-top: 10px;
    font-weight: normal;
    font-size: 14px;
    color: #3c3c3c;
}





.c442_left .c44_list11 {
    margin-top: 20px;
    position: relative;
}

.c442_list11 li {
    width: 50%;
    text-align: center;
    float: left;
}

.c442_list11 li a.img img {
    width: 90%;
    height: auto;
}

.c442_list11 li a.img h3 {
    padding-top: 10px;
    font-weight: normal;
    font-size: 14px;
    color: #3c3c3c;
}



/*brooke*/

.brooke{
    position: relative;
    margin-top: 20px;
}

.brooke_list{
    position: relative;
}

.brooke_list li{
    float: left;
    position: relative;
}

.brooke_list li a.img{
    display: block;
}

.brooke_list li a.img img{
    width: 100%;
    height: auto;
}

.brooke_list .tss{
    width: 100%;
    height: 100%;
    padding: 10px;
    opacity: 1
}

.brooke_list .tss h3{
    margin-top: 0px;
    font-size: 16px;
    color: #fff;
    background: url(../images/hong2.png) no-repeat left top;
    padding-top: 5px;
    padding-bottom: 5px;
}

.brooke_list .tss span{
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-family: "黑体";
    color: #fff;
    line-height: 1.2;
}
.brooke_list .tss a{
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
     font-size: 13px;
}


.brooke_list .slick-prev,.brooke_list .slick-next{
    position: absolute;
    bottom: 5%;
    z-index: 9999;
    outline: none;
    background: none;
    border: none;
    font-size: 0;
    width: 34px;
    height: 34px;
    background-size: 70%!important;
}

.brooke_list .slick-prev{
    right: 40px;
    background: url(../images/brooke_prev.png) no-repeat center center;
}

.brooke_list .slick-next{
    right: 10px;
    background: url(../images/brooke_next.png) no-repeat center center;
}

.brooke>a{
    display: block;
    font-size: 15px;
    color: #a51717;
    width: 120px;
    height: 32px;
    line-height: 32px;
    border:1px solid #a51717;
    text-align: center;
    border-radius: 20px;
    margin: 10px auto;
}


/*c5_index*/
.c5_index{
    position: relative;
    padding: 15px;
}

.c5_index .mob_abb{
    font-size: 15px;
    color: #333333;
    margin-top: 15px;
    line-height: 22px;
}

.mob_abb_img{
    position: relative;
    background: url(../images/about_img_bg.png) no-repeat center center;
    padding: 10px 15px;
    background-size: 100% 100%;
}

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

.abb_list {
    position: relative;
    padding: 10px;
}

.abb_list li {
    float: left;
    width: 50%;
    margin-top: 25px;
    display: table-cell;
    vertical-align: middle;
}

.abb_list li a.img {
    display: block;
    float: left;
    width: 35%;

}

.abb_list li a.img img {
    cursor:default;
    width: 100%;
    height: auto;
}

.abb_list li .tss{
    float: right;
    width: 60%;
}

.abb_list li .tss h3 {
    float: left;
    color: #616161;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
     text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}


.abb_list li .tss h2 {
    float: left;
    color: #616161;
    font-size: 14px;
    font-weight: normal;
}


/*mob_video*/
.mob_video{
    position: relative;
    padding: 10px;
}

li{
  list-style-type: none;
}

.video_list{
    margin-top: 20px;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.video_list li{
    width: 48%;
}

.video_list li img{
    width: 100%!important;
    height: auto!important;
}


/*mob_case*/
.mob_case{
    position: relative;
    padding: 10px;
}

.case_list22 {
    position: relative;
    margin: 20px 0;
}

.case_list22 li {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.case_list22 li a.img {
    display: block;
}

.case_list22 li a.img img {
    width: 100%;
    height: auto;
}


.case_list22 .slick-prev,.case_list22 .slick-next{
    position: absolute;
    bottom: -30%;
    z-index: 9999;
    outline: none;
    background: none;
    border: none;
    font-size: 0;
    width: 34px;
    height: 34px;
    background-size: 80%!important;
}

.case_list22 .slick-prev{
    left: 39%;
    background: url(../images/brooke_prev.png) no-repeat center center;
}

.case_list22 .slick-next{
    right: 39%;
    background: url(../images/brooke_next.png) no-repeat center center;
}

.mob_case .casemore{
    display: block;
    font-size: 15px;
    color: #a51717;
    width: 120px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #a51717;
    text-align: center;
    border-radius: 20px;
    margin: 45px auto 10px;
}


.mob-title {
    text-align: center;
    margin-bottom: 20px
}

.mob-title h3 {
    font-size: 20px;
    color: #252222;
    margin-bottom: 10px
}

.mob-title h3 span {
    color: #a51717
}

.mob-title p {
    font-size: 12px;
    color: #252222;
    text-transform: uppercase
}

.mob-product {
    background: #fff;
    padding: 20px 0
}

.mob-product .product-list {
    font-size: 0;
    padding: 0 7.5px
}

.mob-product .product-list li {
    vertical-align: top;
    width: calc(50% - 15px);
    display: inline-block;
    position: relative;
    text-align: center;
    margin: 0 7.5px 15px
}

.mob-product .product-list li a {
    display: block
}

.mob-product .product-list li img {
    width: 100%
}

.mob-product .product-list li h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #434343;
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    text-indent: 5px
}

.mob-about {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 20px
}

.mob-about .about-box {
    background: hsla(0, 0%, 100%, .8);
    border-radius: 20px;
    padding: 20px;
    display: block
}

.mob-about .text {
    font-size: 14px;
    line-height: 22px;
    color: #323232
}

.mob-case {
    background: #fff;
    padding: 20px 0
}

.mob-case .case-list {
    font-size: 0;
    padding: 0 7.5px
}

.mob-case .case-list li {
    vertical-align: top;
    width: calc(50% - 15px);
    display: inline-block;
    position: relative;
    text-align: center;
    margin: 0 7.5px 10px
}

.mob-case .case-list li a {
    display: block
}

.mob-case .case-list li img {
    width: 100%
}

.mob-case .case-list li h3 {
    color: #333;
    font-size: 14px;
    line-height: 35px;
    text-align: center
}

.mob-news {
    background: #fff;
    padding-bottom: 0px;
    border-top: 1px solid #eeeeee;

}
.support{ background:#eeeeee;}
.mob-news .news-img img {
    width: 100%
}

.mob-news .news-list {
    padding: 10px 0px 0px;
}

.mob-news .news-list li {
    border-bottom:1px dashed #e2e2e2;
    padding:5px 10px;
    font-size:14px;
    color:#292929;
    line-height:25px;
    position:relative;

}
.mob-news .news-list li:last-child{border-bottom: none;}
.mob-news .news-list li a {
    display:block;
    padding-right:5px;
    font-size:15px;
    color:#666666
}
.mob-news .news-list li a:before {
    content:"";
    display:inline-block;
    width:16px;
    height:16px;
    background:url(../images/quan.png) no-repeat center center;
    margin-right:10px;
    vertical-align:-3px
}
.mob-news .news-list li span {
    position:absolute;
    right:10px;
    width:70px;
    font-size:12px;
    color:#b0b0b0;
    text-align:right;
    top:10px
}

.mob-contact{
    position: relative;
    background: #a51717;
    padding: 10px;
}

.contact_left{
    width: 75%;
    float: left;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
}


.mob_ewm{
    width:25%;
    float: right;
    font-size: 12px;
    color: #fff;
    margin-top: 8px;
}

.mob_ewm img {
    width: 100%
}

.footbg{position: fixed; z-index: 110;bottom: 0;left: 0;width:100%;padding-bottom:0px;background:#2a2a2a;}
.footers{max-width:640px;margin:0 auto; display:-webkit-box;}
.footers a{-webkit-box-flex: 1;display: -webkit-box; color:#fff;position:relative;}
.footers span{display:block; margin:0 auto; text-align:right; font:400 16px "Microsoft YaHei"; color:#fff; height:28px;padding: 48px 20px 3px;}
.footers span.span1{background:url(../images/a11.png) center 16px no-repeat;background-size:40%;}
.footers span.span2{background:url(../images/a22.png) center 16px no-repeat;background-size:30%;}
.footers span.span3{background:url(../images/a33.png) center 16px no-repeat;background-size:40%;}


.distraction{height:29px;}

.mob-head {
    background: #fff;
    padding: 10px 0;
    position: relative
}

.mob-head .logo {
   /* padding: 0 190px 0 15px*/
}

.mob-head .logo img {
    max-width: 100%
}

.mob-head .head-btn {
    position: absolute;
    right: 15px;
    height: 26px;
    top: calc(50% - 13px);
    font-size: 0
}

.mob-head .head-btn a {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    line-height: 26px;
    text-align: center
}

.mob-head .head-btn a .iconfont {
    font-size: 20px;
    vertical-align: middle
}

.mob-head .head-btn a .iconfont img{
    width: 90%;
}

.mob-head .head-btn a .icon-sousuo {
    font-size: 25px
}

.mob-head .head-btn .search-btn {
    border-right: 1px solid #aaa;
    margin-right: 10px;
    width: 40px
}

.mob-banner .slick-dots {
    position: absolute;
    z-index: 99;
    left: 0;
    width: 100%;
    bottom: 10px;
    text-align: center;
    font-size: 0
}

.mob-banner .slick-dots li {
    display: inline-block;
    width: 18px;
    height: 17px;
    background: url(../images/mob_d2.png) no-repeat center center;
    margin: 0 3px
}

.mob-banner .slick-dots li button {
    display: none
}

.mob-banner .slick-dots li.slick-active {
    background: url(../images/mob_d1.png) no-repeat center center;
}