.tl_index_title{ text-align: center; padding: 64px 0 20px; color: #333333; font-size: 30px; font-weight: bold;}
.tl_index_title2{ text-align: center; }
.tl_index_title2_bottom{ text-align: center; font-size: 20px !important;}
.tl_text_center{ text-align: center;}

.tl_news_title{ text-align: center;}
.tl_news_title_subheading{ text-align: center;  line-height: 30px; color: #666666; font-size: 14px;}

.tl_link{ border-top: none !important; margin: 0!important; overflow: hidden; padding-top: 0!important;}
.tl_link_logo{ float: left; margin-right: 60px;}
.tl_link_logo_tel{ color: #fff; float: left; font-size: 20px; padding-left: 40px; position: relative; margin-top: 10px;}
.tl_link_logo_tel span{ width: 30px; height: 30px; position: absolute; left: 0; }
.tl_link_logo_btn{ float: right; background: none; border: 1px solid #999; color: #fff; width: 160px; line-height: 36px; font-size: 14px; border-radius: 4px;}

.tl_link2{ width: 100%; position: relative; padding-top: 80px;}
.tl_link2 ul{ overflow: hidden;}
.tl_link2 ul li{ float: left; margin-right: 20px;}
.tl_link2 ul li a{ color: #fff !important; font-size: 16px;}
.tl_link2 ul li a:hover{ color: #0382db !important; font-size: 16px;}
.tl_link2 p{ text-align: left; font-size: 14px; color: #999; line-height: 30px; padding: 20px 0 0; margin-bottom: 0;}

.tl_link2_qr{ width: 120px; height: 120px; float: right; margin-top: 30px; position: absolute; right: 10%; top: 0;}
.tl_link2_qr2{    
	width: 110px;
    height: 135px;
    float: right;
    margin-top: 30px;
    position: absolute;
    top: 107px;
    
    background: #00a1f3;
}
.tl_link2_qr_img{ width: 100%; }
.tl_link2_qr_img img{ width: 100%;padding: 4px;}
.tl_link2_qr p{ text-align: center; font-size: 14px; color: #fff; margin: 0 !important; padding-top: 0;}
.tl_link2_qr2 p{ text-align: center; font-size: 14px; color: #fff; margin: 0 !important; padding-top: 0;}
#footer{ padding-top: 30px; }
#footer .links{ padding: 30px 0; }
#footer .copyright{ line-height: 30px; }

.case-detail .icon{ padding: 0; width: 30%;}
.case-detail .icon img{ width: 100%; }
.case-detail .info{ border: none; }

.zoom:after{ content:'.'; display:block; clear:both; height:0; visibility:hidden; overflow: hidden; }

.tl_translateY{
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);}
.tl_translateX{
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);}
            .tl_translate{
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);}

.tl_ellipsis{ 
  overflow: hidden; 
  text-overflow: ellipsis; 
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 3;
}

/* start 底部图片*/
.tl_footer_img{ width: 100%; position: relative;}
.tl_footer_img img{ width: 100%; }
.tl_footer_img .tl_footer_img_cantant{ width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; }
.tl_footer_img .tl_footer_img_cantant .tl_title{  color: #fff; text-align: center; font-size: 30px;  position: absolute; top: 50%; left: 50%;}
.tl_footer_img .tl_footer_img_cantant button{ width: 160px; height: 36px; border: 1px solid #fff; background: none; display: block; margin: 0 auto; color: #fff; 
    border-radius: 4px; font-size: 14px;}
.tl_footer_img .tl_footer_img_cantant button:hover{  background: #0382db; border: none;}

/* end 底部图片*/

/* start 正方形*/
.tl_square{ overflow: hidden; position: relative; }
.tl_square::before{ content: ""; padding-top: 100%; vertical-align: middle; display: block;}
/* end  正方形*/


/*start 一物一码轮播*/

.picScroll-left{ width: 100%;  overflow:hidden; position:relative; margin-top: 30px;}
.picScroll-left .hd{ overflow:hidden;  height:36px; padding:0 10px;  position: absolute; top: 50%; width: 100%; z-index: 99;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:20px; height:36px; float:right; margin-right:5px;  overflow:hidden; padding: 4px;
             cursor:pointer; background:url("../images/arrow.png") no-repeat; background-size: contain;}
.picScroll-left .hd .prev{  float: left;}
.picScroll-left .hd .prev:hover{ background-color: #eee;}
.picScroll-left .hd .next{ background:url("../images/arrow2.png") no-repeat; background-size: contain;}
.picScroll-left .hd .next:hover{ background-color: #eee; }

.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float: left;  width: 9px; height: 9px; overflow: hidden; margin-right: 5px; 
    text-indent:-999px; cursor:pointer; background: url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding: 10px;  position: relative; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; width: 100%;}
.picScroll-left .bd ul li{  float:left; _display:inline; overflow:hidden; text-align:center; width: 25%;}
.picScroll-left .bd ul li .pic{ text-align:center; width: 30%; margin: 0 auto; overflow: hidden;}
.picScroll-left .bd ul li .pic img{   display: block;   width: 100%; }
.picScroll-left .bd ul li .pic a:hover img{ border-color: #999;}
.picScroll-left .bd ul li .title{ line-height:24px; padding-top: 26px; font-size: 16px; padding-bottom: 26px; font-weight: bold;}
.picScroll-left .bd ul li .tl_section{ padding: 0 22%; text-align: left; font-size: 14px; display: block; display: -webkit-box; width: 100%; color: #666; text-align: justify !important; }


#about-menu .about-menu-icon{  padding: 0 160px;  border-radius: 0px; background: #eee; margin: 0; height: 46px; line-height: 46px; font-size: 14px; }

.tl_img{ width: 100%; margin: 30px 0;}
.tl_img img{ width: 100%; }


/* start 一物一码*/
.tl_yard_system_title{text-align: center; padding: 64px 0 20px; color: #333333; font-size: 30px; font-weight: bold;}
.tl_yard_system_title2{ text-align: center; color: #777; font-size: 16px; padding-bottom: 20px;}
.tl_yard_system{ width: 100%; overflow: hidden; padding: 30px 0;}
.tl_yard_system li{ width: 25%; float: left; text-align: center; margin: 30px 0; height: 300px;}
.tl_yard_system li a{ display: block; width: 70%; margin: 0 auto;}
.tl_yard_system li .tl_yard_system_img{ width: 40%; margin: 0 auto 10px;}
.tl_yard_system li .tl_yard_system_img img{ width: 100%;}
.tl_yard_system li h3{ font-size: 18px; padding: 10px 0; color: #333;}
.tl_yard_system li p{ font-size: 14px; color: #777; padding: 0 20px; text-align: left;   overflow: hidden; 
  text-overflow: ellipsis; 
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 3;}

/* end 一物一码*/


/* tab栏 */
    .slideTxtBox{ width:100%;  margin: 30px 0;}
    .slideTxtBox .hd{ height:40px; line-height:40px; background:#fff; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; }
    .slideTxtBox .hd ul{ float:left;  position:absolute; left: 0; top:0; height:40px;  width: 100%; }
    .slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  width: 12.5%; text-align: center; font-size: 16px; }
    .slideTxtBox .hd ul li.on{ height: 40px;  background:#fff; border:1px solid #ddd; border-bottom: none; margin-bottom: -2px; 
      border-radius: 4px 4px 0 0;}
    .slideTxtBox .bd ul{ padding:15px;  zoom:1;  overflow: hidden;}
    .slideTxtBox .bd li{ width: 100%; padding: 2% 0; float: left; margin: 0 2%;}
    
 
    .slideTxtBox .bd ul li:first-child:nth-last-child(4),
    .slideTxtBox .bd ul li:first-child:nth-last-child(4) ~ li {
      width: 21%;
    }


    .slideTxtBox .bd li .tl_phone_box{ width: 100%; position: relative; display: block;} 
    .slideTxtBox .bd li .tl_phone_box .tl_img1{ width: 100%;}
    .slideTxtBox .bd li .tl_phone_box .tl_img2_box{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: none;}
    .slideTxtBox .bd li .tl_phone_box .tl_img2_box .tl_img2{ position: absolute; top: 45px; left: 50%; width: 73%;}
    .slideTxtBox .bd li .tl_phone_box .tl_img2_box .tl_img3{ position: absolute; top: 30%; left: 50%; width: 54%;}
    .slideTxtBox .bd li .tl_phone_box .tl_img2_box .tl_text{ position: absolute; top: 64%; left: 50%; color: #fff; font-size: 16px;}
    .slideTxtBox .bd li .date{ float:right; color:#999;}

    .slideTxtBox2{ width:100%;  margin: 30px 0;}
    .slideTxtBox2 .hd{ height:56px; line-height:56px; background:#fff; padding:0 10px 0 20px;  position:relative; 
        margin-bottom: 30px;}
    .slideTxtBox2 .hd ul{ position:absolute; left: 50%; top:0; height:56px;  width: 100%; box-shadow: 0 3px 15px 0 rgba(0,0,0,0.1); border-radius: 28px; overflow: hidden;}
    .slideTxtBox2 .hd ul li{ float:left; padding:0 15px; cursor:pointer;  width: 25%; text-align: center; font-size: 18px; border-right: 1px solid #eee;}
    .slideTxtBox2 .hd ul li:last-of-type{ border-right: none;}
    .slideTxtBox2 .hd ul li.on{ background:#fff;  border-bottom: none; margin-bottom: -2px; background: #0382db; color: #fff; border-right: none; 
      }
    .slideTxtBox2 .bd ul{  zoom:1; }
    .slideTxtBox2 .bd li{ width: 100%; }
    .slideTxtBox2 .bd li .tl_phone_box{ width: 100%; position: relative; display: block;} 
    .slideTxtBox2 .bd li .tl_phone_box .tl_img1{ width: 100%;}
    .slideTxtBox2 .bd li .tl_phone_box .tl_img2_box{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: none;}
    .slideTxtBox2 .bd li .tl_phone_box .tl_img2_box .tl_img2{ position: absolute; top: 45px; left: 50%; width: 73%;}
    .slideTxtBox2 .bd li .tl_phone_box .tl_img2_box .tl_img3{ position: absolute; top: 30%; left: 50%; width: 54%;}
    .slideTxtBox2 .bd li .tl_phone_box .tl_img2_box .tl_text{ position: absolute; top: 64%; left: 50%; color: #fff; font-size: 16px;}
    .slideTxtBox2 .bd li .date{ float:right; color:#999;}


    /* start 赋码形式*/
    .tl_img_list{ overflow: hidden; padding-bottom: 30px;}
    .tl_img_list li{  width: 23%; margin: 0 1%; float: left; position: relative; padding: 1% 0; 
    }
    .tl_img_list li img{ width: 100%;}
    .tl_img_list li p{ width: 100%; position: absolute; bottom: 2%; line-height: 42px; background-color: rgba(0,0,0,0.5); color: #fff; text-align: center; font-size: 14px;}

    .tl_img_list2{ overflow: hidden;margin-bottom: 40px; overflow: hidden; box-shadow: -3px 1px 3px 3px #eee; margin-top: 20px;}
    .tl_img_list2 li{ width: 16.66%; float: left;}
    .tl_img_list2 li .tl_img_list2_img{ width: 100%; }
    .tl_img_list2 li .tl_img_list2_img img{ width: 100%;}
    .tl_img_list2 li .tl_img_list2_text{ width: 100%; padding: 30px 0; position: relative;}
    .tl_img_list2 li .tl_img_list2_text h3{ text-align: center; font-size: 14px; padding: 0 20px 10px; color: #333; font-weight: bold;}
    .tl_img_list2 li .tl_img_list2_text p{ padding: 0 20px; font-size: 12px; color: #777; text-align: center;}
    .tl_img_list2 li:nth-of-type(odd) .tl_img_list2_text span{ width: 14px; position: absolute; top: -14px; left: 50%;}
    .tl_img_list2 li:nth-of-type(odd) .tl_img_list2_text span img{ width: 100%;}

    .tl_img_list2 li:nth-of-type(even) .tl_img_list2_text span{ width: 14px; position: absolute; bottom: -14px; left: 50%;}
    .tl_img_list2 li:nth-of-type(even) .tl_img_list2_text span img{ width: 100%;}

    /* end 赋码形式*/


    /* start 扫码营销*/
    .zoom:after{ 
    content:'.'; 
    display:block; 
    clear:both; 
    height:0; 
    visibility:hidden; 
    overflow:hidden; 
    }
  
    .tl_code_marketing{ width: 100%; margin-bottom: 64px; margin-top: 30px;}
    .tl_code_marketing li{ float: left; width: 26.6%; background: #fff; box-shadow: 0 3px 15px 0 rgba(0,0,0,0.1); border-radius: 10px; overflow: hidden;}
    .tl_code_marketing li:nth-of-type(2){ margin: 0 10%;}
    .tl_code_marketing li .tl_code_marketing_img{ width: 100%;}
    .tl_code_marketing li .tl_code_marketing_img img{ width: 100%; }

    .tl_code_marketing li .tl_code_marketing_text{ padding: 20px 4%;}
    .tl_code_marketing li .tl_code_marketing_text h3{ color: #333; font-weight: bold; font-size: 18px; padding-bottom: 16px;}
    .tl_code_marketing li .tl_code_marketing_text p{ color: #777; font-size: 14px; text-align: justify !important; padding-bottom: 16px; border-bottom: 1px dashed #eee;}
    .tl_code_marketing li .tl_code_marketing_text .tl_code_marketing_Label{ padding-top: 16px;}
    .tl_code_marketing li .tl_code_marketing_text .tl_code_marketing_Label span{ float: left; line-height: 24px; border-radius: 12px; border: 1px solid #0382db; padding: 0 16px; margin: 5px 6px; color: #0382db; font-size: 12px;}

    .tl_wx_box{ width: 100%; border-radius: 10px; padding: 30px; margin-bottom: 64px;}
    .tl_wx_box .tl_wx_box_img{ width: 46%; border-radius: 6px; overflow: hidden; margin-right: 8%; float: left;}
    .tl_wx_box .tl_wx_box_img2{ margin-right: 0;}
    .tl_wx_box .tl_wx_box_img img{ width: 100%;}
    .tl_wx_box .tl_wx_box_text{ float: left; width: 46%;}
    .tl_wx_box .tl_wx_box_text2{ margin-right: 5%;}
    .tl_wx_box .tl_wx_box_text h3{ text-align: left; line-height: 40px; color: #333; font-weight: bold; font-size: 30px;}

    .tl_wx_box .tl_wx_box_text p{ font-size: 18px; padding: 30px 0; border-bottom: 1px dashed #eee;}
    .tl_wx_box .tl_wx_box_text .tl_wx_box_lable{ padding: 30px 0; }
    .tl_wx_box .tl_wx_box_text .tl_wx_box_lable span{ display: block; line-height: 30px; margin: 10px 10px; 
        color: #0382db; font-size: 16px; line-height: 26px;}
    .tl_wx_box .tl_wx_box_text .tl_wx_box_lable span i{ width: 44px; height: 44px; display: inline-block; 
        margin-right: 10px;}
    .tl_wx_box .tl_wx_box_text .tl_wx_box_lable span i img{ width: 100%; }

    .tl_wx_box .tl_wx_box_text .tl_fun_list span{  text-align: center; font-size: 14px; float: left; padding: 40px 20px; 
        width: 25%;}
    .tl_wx_box .tl_wx_box_text .tl_fun_list img{ width: 60%;}   
    .tl_wx_box .tl_wx_box_text .tl_fun_list span i{ display: block; width: 40px; height: 40px; margin: 0 auto;      }
    .tl_wx_box .tl_wx_box_text .tl_fun_list span h5{ font-size: 16px; padding-top: 20px; color: #999;}                   

    .tl_wx_box2{ width: 100%; margin-bottom: 64px;}
    .tl_wx_box2 li{ width: 47.5%; border-radius: 10px; overflow: hidden; float: left; margin-right: 5%;}
    .tl_wx_box2 li:last-of-type{ margin-right: 0;}
    .tl_wx_box2 li .tl_wx_box2_img{ width: 100%; }
    .tl_wx_box2 li .tl_wx_box2_img img{ width: 100%;}
    .tl_wx_box2 li .tl_wx_box2_text{ padding: 30px;}
    .tl_wx_box2 li .tl_wx_box2_text h3{ font-size: 20px; font-weight: bold; padding-bottom: 20px; }
    .tl_wx_box2 li .tl_wx_box2_text p{ font-size: 16px; color: #777; padding-bottom: 30px; border-bottom: 1px dashed #eee; margin-bottom: 0;}
    .tl_wx_box2 li .tl_wx_box_lable2{ padding-top: 20px;}
    .tl_wx_box2 li .tl_wx_box_lable2 span{ float: left; line-height: 30px; border-radius: 15px; border: 1px solid #0382db; padding: 0 16px 0; margin: 10px 10px 10px; color: #0382db; font-size: 14px; }

    /* end 扫码营销*/


    /* start 扫码营销2*/
    .tl_padding{ padding-bottom: 40px;}
    .tl_padding222{ padding-bottom: 0;}
    .tl_function_title{ padding: 64px 0 44px; font-size: 24px; text-align: center; background: #fff; font-weight: bold;}

#tl_solution{background: #fff;}
#tl_solution .solution-item{ margin: 20px 0px 10px 0px;  background:#fff;}
#tl_solution .ddsolution-item{width: calc(25% - 20px);width: -webkit-calc(25% - 20px);width: -moz-calc(25% - 20px); margin: 20px 10px 10px 10px;  background:#fff;     border-radius: 6px;
    overflow: hidden;}
#tl_solution .solution-item .name{width: 86.88%;line-height: 40px;margin:15px auto 0; font-weight: bold;}
#tl_solution .solution-item .name a{color: #333;font-size: 16px;}
#tl_solution .solution-item .brief{width: 86.88%;min-height:80px;line-height: 20px;color: #666666;margin: 0 auto;}
#tl_solution .solution-item .relative-case{width: 86.88%;min-height: 67px;margin: 20px auto;color: #999999;}
#tl_solution .solution-item .relative-case a{margin: 8px 18px 0 0;color: #666666;}
#tl_solution .solution-item .ddsolution{margin:0 1%; padding-bottom:10px;}
#tl_solution .solution-item:hover .ddsolution{box-shadow: 0 0 6px rgba(0, 0, 0, .3); margin-top:4px;}
#tl_solution .ddsolution-item:hover{box-shadow: 0 0 6px rgba(0, 0, 0, .3); margin-top:4px;}
#tl_solution .solution-more{width: 198px;height: 48px;margin: 40px auto 0;line-height: 48px;color: #666666;font-size: 16px;border: 1px solid #cccccc;}
#tl_solution .solution-title{line-height: 30px;font-size: 18px;color: #333;}
#tl_solution .solution-detail{width: 76.5625%;min-height: 200px;margin-right: 3.125%;}
#tl_solution .ddsolution-detail{width:1px; border-left:#e3e3e3 1px dashed; margin-right:24px;}
#tl_solution .solution-other{width: 20.3125%;margin-top: 10px;padding: 28px;background: #f7f7f7;}
#tl_solution .solution-other .other-title{color: #999999;font-size: 18px;}
#tl_solution .solution-other ul{margin-top: 28px;}
#tl_solution .solution-other ul li{line-height: 26px;list-style-type: disc !important;list-style-position: inside;color: #999999;}
#tl_solution .solution-other ul li a{color: #666666;font-size: 14px;}
#tl_solution .solution-btm-icon{padding: 50px 0;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;}
#tl_solution .solution-btm-icon .icon{width: 160px;height: 40px;margin: 0 15px;line-height: 40px;color: #fff;font-size: 14px;border-radius: 20px;background: #0382db;}
#tl_solution .solution-control{width: 100%;padding: 15px 0;border-top: 1px solid #ebebeb;}
#tl_solution .solution-control .control-icon{width: 100%;height: 24px;line-height: 24px;color: #333333;font-size: 14px;}



    .tl_img_list3{ overflow: hidden;margin-bottom: 40px; overflow: hidden; box-shadow: -3px 1px 3px 3px #eee; margin-top: 20px;}
    .tl_img_list3 li{ width: 20%; float: left;}
    .tl_img_list3 li .tl_img_list2_img{ width: 100%; }
    .tl_img_list3 li .tl_img_list2_img img{ width: 100%;}
    .tl_img_list3 li .tl_img_list2_text{ width: 100%; padding: 30px 0; position: relative;}
    .tl_img_list3 li .tl_img_list2_text h3{ text-align: center; font-size: 14px; padding: 0 20px 10px; color: #333; font-weight: bold;}
    .tl_img_list3 li .tl_img_list2_text p{ padding: 0 20px; font-size: 12px; color: #777; text-align: center;}
    .tl_img_list3 li:nth-of-type(odd) .tl_img_list2_text span{ width: 14px; position: absolute; top: -14px; left: 50%;}
    .tl_img_list3 li:nth-of-type(odd) .tl_img_list2_text span img{ width: 100%;}

    .tl_img_list3 li:nth-of-type(even) .tl_img_list2_text span{ width: 14px; position: absolute; bottom: -14px; left: 50%;}
    .tl_img_list3 li:nth-of-type(even) .tl_img_list2_text span img{ width: 100%;}

    .tl_img_list4{ width: 100%; box-shadow: -3px 1px 3px 3px #eee;}
    .tl_img_list4 tr td{ width: 20%; }

    .tl_img_list4 tr td .tl_img_list2_img img{ width: 100%;}
    .tl_img_list4 tr td .tl_img_list2_text{ width: 100%; padding: 30px 0; position: relative;}
    .tl_img_list4 tr td .tl_img_list2_text h3{ text-align: center; font-size: 16px; padding: 0 20px 10px; color: #333; font-weight: bold;}
    .tl_img_list4 tr td .tl_img_list2_text p{ padding: 0 20px; font-size: 12px; color: #777; text-align: center;}

    .tl_img_list4 tr td:nth-of-type(odd) .tl_img_list2_text span{ width: 14px; position: absolute; top: -14px; left: 50%;}
    .tl_img_list4 tr td:nth-of-type(odd) .tl_img_list2_text span img{ width: 100%;}

    .tl_img_list4 tr td:nth-of-type(even) .tl_img_list2_text span{ width: 14px; position: absolute; bottom: -14px; left: 50%;}
    .tl_img_list4 tr td:nth-of-type(even) .tl_img_list2_text span img{ width: 100%;}

    .tl_service{ width: 100%; border-collapse:collapse; border: 1px solid #eee;}
    .tl_service tr td{ width: 16.66%; padding: 30px 20px; text-align: center; border-collapse:collapse; border: 1px solid #eee;}
    .tl_service tr td span{ width: 60px; height: 60px; display: block; margin: 0 auto;}
    .tl_service tr td span img{ width: 100%;}
    .tl_service tr td p{ padding-top: 20px; font-size: 16px; color: #333;}
    /* end 扫码营销2*/


    /* start 微商新零售*/
    .tl_box_shadow{ box-shadow: 0 2px 14px rgba(149,179,188,.2);}
    .tl_block_bg{ background: #f8fbff;}
    .tl_color_title{ color: #fff !important; }

    .tl_block_bg .tl_function_title_bg{ background: #f8fbff;}
    .tl_customer_tab{ width: 100%;}
    .tl_customer_tab tr td{ width: 25%; padding: 20px;}
    .tl_customer_tab tr td:hover .tl_animation{ margin-top: -20px;}
    .tl_customer_tab tr td .tl_customer_img{ width:100%;}
    .tl_customer_tab tr td .tl_customer_img img{ width: 100%;}
    .tl_customer_tab tr td .tl_customer_name{ background: #fff; padding: 30px 16px;}
    .tl_customer_tab tr td .tl_customer_name .tl_customer_name_img{ width: 30%;}
    .tl_customer_tab tr td .tl_customer_name .tl_customer_name_img img{ width: 100%;}
    .tl_customer_tab tr td .tl_customer_name .tl_customer_name_text{ font-size: 14px; padding-top: 20px; color: #999; margin-bottom: 0;}

    .tl_trend{ width: 100%;}
    .tl_padding2{ padding-left: 220px; padding-right: 220px; }
    .tl_function_title_bg2{ background: none !important;}
    .tl_height{ height: 460px; background: url(../images/ls_bg.png) no-repeat; background-size: cover;}
    .tl_trend tr td { width: 25%; text-align: center; }
    .tl_trend .tl_trend_img{ width: 46%;  margin: 0 auto; display: block;}
    .tl_trend .tl_trend_img img{ width: 100%;}

    .tl_trend .tl_trend_text{ font-size: 14px; color: #333; width: 100px; background: #148ade; margin: 30px auto 20px; 
        line-height: 26px; border-radius: 13px; color: #fff;}
    .tl_trend .tl_trend_text_all{ width: 100px; text-align: left; margin: 0 auto;  }
    .tl_trend .tl_trend_text_all li{font-size: 14px; position: relative; padding-left: 26px; line-height: 22px;}
    .tl_trend .tl_trend_text_all li i{ width: 6px; height: 6px; position: absolute; top: 50%; left: 10px; background: #83c9fb; border-radius: 50%;}

    .tl_management_system{ width: 100%; overflow: hidden; padding: 0;}
    .tl_management_system li{ width: 25%; float: left; text-align: center; margin: 30px 0;}
    .tl_management_system li a{ display: block; width: 70%; margin: 0 auto;}
    .tl_management_system li .tl_yard_system_img{ width: 40%; margin: 0 auto 10px;}
    .tl_management_system li .tl_yard_system_img img{ width: 100%;}
    .tl_management_system li h3{ font-size: 18px; padding: 10px 0; color: #333;}
    .tl_management_system li p{ font-size: 14px; color: #777; padding: 0 38px;}

    .tl_management_system2{ width: 100%; overflow: hidden; padding: 0;}
    .tl_management_system2 li{ width: 21%; float: left; text-align: center; margin: 30px 2%; background: #fff; height: 300px;}
    
    .tl_management_system2 li a{ display: block; width: 70%; margin: 0 auto; padding: 40px 0;}
    .tl_management_system2 li .tl_yard_system_img{ width: 36%; margin: 0 auto 10px;}
    .tl_management_system2 li .tl_yard_system_img img{ width: 100%;}
    .tl_management_system2 li h3{ font-size: 18px; padding: 10px 0; color: #333;}
    .tl_management_system2 li p{ font-size: 14px; color: #777; text-align: left; text-align: justify !important;   overflow: hidden; 
  text-overflow: ellipsis; 
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 3;} 



    .tl_ls_function{ width: 100%; color: #fff; margin-top: 60px; }
    .tl_ls_function tr td{ width: 16.66%; padding-left: 8%; }
    .tl_ls_function .tl_ls_function_img{ width: 66px; height: 66px; border-radius: 50%; margin-right: 10px; display: block; margin: 0 auto;}
    .tl_ls_function .tl_ls_function_img img{ width: 100%;}
    .tl_ls_function .tl_ls_function_text{ color: #fff; line-height: 66px; font-size: 16px; text-align: center;}


        .tl_ls_page{ width: 100%; overflow:hidden; position:relative; padding: 0 200px;}
        .tl_ls_page .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
        .tl_ls_page .hd ul{ overflow:hidden; zoom:1; float:left;  }
        .tl_ls_page .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
        .tl_ls_page .hd ul li.on{ background:#f00; color: #fff; }
        .tl_ls_page .bd{ position:relative; height:100%; z-index:0;}
        .tl_ls_page .bd li{ zoom:1; vertical-align:middle; }
        .tl_ls_page .bd img{ width: 47%;  display:block;  float: left; }

        .tl_ls_page .bd .tl_ls_page_text{ width: 53%; float: right; padding-left: 40px;}
        .tl_ls_page .bd .tl_ls_page_text h3{ font-size: 20px; color: #666; line-height: 54px; font-weight: bold;}
        .tl_ls_page .bd .tl_ls_page_text p{ font-size: 16px; color: #777; position: relative; line-height: 44px; padding-left: 20px;}
        .tl_ls_page .bd .tl_ls_page_text p i{ width: 6px; height: 6px; background: #83c9fb; border-radius: 50%; position: absolute; top: 50%; left: 0; }

        /* 下面是前/后按钮代码，如果不需要删除即可 */
        .tl_ls_page .prev{ position:absolute; left:3%; top:50%;display:block; width:20px; height:36px; 
            background:url(../images/arrow.png) no-repeat; background-size: cover; }

        .tl_ls_page .next{   background:url(../images/arrow2.png) no-repeat;  background-size: cover; right: 3%; width:20px; height:36px; position: absolute; top: 50%; }

        .tl_ls_page .prev:hover,
        .tl_ls_page .next:hover{ background-color: #f7f7f7;}
        .tl_ls_page .prevStop{ display: none;}
        .tl_ls_page .nextStop{ display: none;}

        .tl_page_show{ width: 100%; }
        .tl_page_show img{ width: 76%; margin: 0 auto; display: block;}

        .tl_platform_box{ width: 76%; margin: 40px auto 0;}
        .tl_platform_box h3{ font-size: 18px; font-weight: bold; }
        .tl_platform_box .tl_platform_contant{ width: 100%;}
        .tl_platform_box .tl_platform_contant tr td{ width: 25%; text-align: center;}
        .tl_platform_box .tl_platform_contant tr td span{ width: 40px; height: 40px; display: block; margin: 0 auto;}
        .tl_platform_box .tl_platform_contant tr td span img{ width: 100%;}
        .tl_platform_box .tl_platform_contant tr td p{ padding-top: 10px;}

    /* end 微商新零售*/

    /* start 商品管理*/
        .tl_goods_list{ width: 100%; overflow:hidden; position:relative;  }
        .tl_goods_list .hd{ overflow:hidden; float:left; width: 46%; padding: 0 120px; margin-top: 66px;}
        .tl_goods_list .hd ul{ overflow:hidden;}
        .tl_goods_list .hd ul li{ margin-right:2px;  width:100%; line-height: 14px; padding-left: 30px; background:noen; cursor:pointer; color: #666; line-height: 54px; font-size: 14px; border-radius: 6px;}
        .tl_goods_list .hd ul li.on{ background: #e3ecff; color: #333; }
        .tl_goods_list .bd{ position:relative; height:100%; z-index:0;  width: 54%; float: left; padding: 0 110px;}
        .tl_goods_list .bd li{ zoom:1; vertical-align: middle; }
        .tl_goods_list .bd img{ width:100%; display: block; }

    /* end 商品管理*/

    /* start 微商新零售系统介绍 */
    .tl_js_box{ width: 100%; padding: 64px 10%; position: relative; }
    /*.tl_ls_bg33{ background: url(../images/ls_bg33.png) no-repeat left bottom; background-size: 100% 200px;}*/
    .tl_js_box .tl_js_box_left{ float: left; width: 50%; }
    .tl_js_box .tl_js_box_left h3{ font-size: 24px; color: #333; padding-top: 50px; font-weight: bold; padding-bottom: 16px; position: relative; }
    .tl_js_box .tl_js_box_left h3::after{ content: ""; position: absolute; left: 0; bottom: 0; display: inline-block; width: 50px; height: 2px; background: #00a1e9;}
    .tl_js_box .tl_js_box_left p{ font-size: 16px; text-align: justify !important; color: #666; margin-top: 20px;}
    .tl_js_box .tl_js_box_right{  width: 38%; float: right;}
    .tl_js_box .tl_js_box_right img{ width: 100%; }
    /* end 微商新零售系统介绍*/
    
    /* start 微商系统解决方案*/
    .tl_programme{ width: 100%;}
    .tl_programme tr td{ width: 25%; text-align: center; position: relative;}
    .tl_programme tr td img{ width: 100%;}
    .tl_programme tr td span{ position: absolute; left: 5%; bottom: 10px; color: #fff; font-size: 18px; font-weight: bold;}
    /* end 微商系统解决方案*/


    /* start 公司资质*/

    .video-list .img{ height: auto;}
    .video-list .img img{ width: 100%;}
    .video-list .bd{ height: auto;}
    .video-list .desc{ height: auto;}
    .team-video{ height: auto;}


    /* start 公司资质*/

    .tl_solution{ background: #fff !important; }

    .tl_warp{ max-width: 1750px !important;}

    .video-list .item{ max-width: 33.33333%;}