@charset "utf-8";
@import url("common.css");
/* 
 * Project Name:涂丽士
 * Author:ZP
 * Date：2020
 */




.kd01{ width: 94%;}

/*电脑端的*/
.tls_banner{ width: 100%; padding-top: 34%; display: block; background: #ccc; }
.tls_bannermain{ width: 100%; height: 100%; margin-top: -34%; position:relative; z-index: 1; top: 0; background: #000;}
.tls_bannermain img{ width: 100%; display: block; border: 0px;}


.tls_banner2{ width: 100%; padding-top: 56%; display: block; background: #ccc; }
.tls_bannermain2{ width: 100%; height: 100%; margin-top: -56%; position:relative; z-index: 1; top: 0; background: #000;}
.tls_bannermain2 img{ width: 100%; display: block; border: 0px;}



/*次级菜单导航*/
.tls_titel{ height: 66px; background: #2f318b; width: 100%;}
.tls_titelmain{ width: 85%; margin: 0 auto; height: 66px; display: block;}
.tls_titelmain>a{ display: block; line-height: 26px; font-size: 18px; height:26px;  float: left;  padding: 0 20px; margin-top: 20px; color: #fff; transition: 0.25s;}
.tls_titelmain>a:hover{ color: #c48854; transition: 0.25s;}
.tls_titelmain>span{ display: block; height:26px; width: 1px; background: #0061ae; float: left;  margin-top: 20px; }
.tls_titela{color: #c48854!important; }


/*下拉后展开的样式*/
.t_xl{ width:100%; border-radius:0 0 40px 40px; position:fixed; top: 0; z-index: 99;  padding:100px 0% 0px 0%; background:url("images/tls_cdbg.png"); box-sizing: border-box;}
.t_xlleft{ width:250px; height: auto; float: left; margin-top: 80px; }
.t_xlleft>span{ width: 100%; display:block; font-size: 18px; color: #959497; text-align: left; line-height: 30px;}
.t_xlleft>em{ font-family: Arial!important; font-style: normal; font-weight: bold; width: 100%; display:block; font-size:28px; color: #2f318b; text-align: left; line-height: 30px;}

.t_cd{ width:auto; float: right; margin-right: 134px;}
.t_cd>span{  display: block height: auto; float: left; padding-top: 10px; margin-right: 20px;  box-sizing: border-box; min-height: 200px; }
.t_cd>span:hover{ min-height: 200px;}
.t_cd>span>a{ display: block; width: 100%; line-height:36px; font-size: 14px; color: #666; text-align:left; box-sizing: border-box; }
.t_cd>span>a:hover{ transition: 0.25s; text-decoration: underline;  color: #fff;}




/*------------------------------------------------------关于我们-------------------------------------------------------*/

.tls_about{ width:85%; margin: 0 auto; padding-top: 100px; padding-bottom: 120px;}
.tls_a_l{ width: 62%; box-sizing: border-box; padding-right: 3%; height: auto; float: left; display: block;}
.tls_a_l>h1{ display: block; font-weight: normal; font-size: 50px; text-align: left; line-height: 60px; height: 60px; color: #2f318b;}
.tls_a_l>h2{ display: block; font-weight: normal; font-size: 20px; text-align: left; line-height: 30px; height: 30px; color: #dcdedd; padding-bottom: 30px;}
.tls_a_l1{ width: 100%; height: auto; display: block; font-size: 13px; text-align: left; color: #252525;}
.tls_a_l1 p{padding-bottom:20px; line-height: 1.7;}
.tls_a_r{ width: 38%; height: auto; float: left; display: block; box-sizing: border-box; padding-top: 120px;}
.tls_a_r img{ width: 100%; display: block; border: 0;}


/*涂丽士荣誉*/
.tls_ry{ width:100%; height: auto; background: #30318b; padding-top: 60px;}
.tls_rymain{ width: 85%; margin: 0 auto;}
.tls_rymain>h1{ display: block; font-weight: normal; font-size: 50px; text-align: left; line-height: 60px; height: 60px; color: #fff;}
.tls_rymain>h2{ display: block; font-weight: normal; font-size: 20px; text-align: left; line-height: 30px; height: 30px; color: #72707b; padding-bottom: 30px;}

.tls_ryfont{ width: 85%; margin: 0 auto;}
.tls_ryfont>h1{ display: block; font-weight: bold; font-size: 35px; text-align: left; line-height: 60px; height: 60px; color: #fff;}
.tls_ryfont>h2{ display: block; font-weight: normal; font-size: 14px; text-align: left; line-height: 30px; height: 30px; color: #fff; padding-bottom: 30px;}

.tls_ry_1{ width: 100%; height: auto; display: block;}
.tls_ry_1 img{ width: 100%; display: block; margin: 0; padding: 0; border: none;}

/*企业历程*/

.tls_lc{ width:100%; height: auto;  padding-top:40px;}
.tls_lcmain{ width: 85%; margin: 0 auto;}
.tls_lcmain>h1{ display: block; font-weight: normal; font-size: 50px; text-align: left; line-height: 60px; height: 60px; color: #2f318b;}
.tls_lcmain>h2{ display: block; font-weight: normal; font-size: 20px; text-align: left; line-height: 30px; height: 30px; color: #dcdedd; padding-bottom: 10px;}

.tls_lcfont{ width: 100%; display: block; height: auto; padding:0 7.5%;}

.tls_lcfont2{ box-sizing: border-box; width: 100%; display: block; height: auto; padding:0 7.5%;}
.tls_lcfont2>span{ float: left;min-width:198px; cursor: pointer; transition: 0.25s; box-sizing: border-box; padding: 20px; width:15.8%; margin-left:1%; min-height: 480px; display: block; background:linear-gradient( to bottom, #eeeeee, #ffffff); }
.tls_lcfont2>span:hover{background:linear-gradient( to bottom, #d59961, #ffffff);}
.tls_lcfont2>span>h1{ font-size: 44px;text-align: left; line-height: 60px; color: #30318b; padding-bottom: 10px;}
.tls_lcfont2>span>p{ font-size: 14px; text-align: left; line-height: 1.6; color: #333;}
.tls_lcfont2>span:nth-of-type(1){ margin-left: 0;}
.tls_lcfont2>span:hover>h1{ color: #fff;}
.tls_lcfont2>span:hover>p{ color: #fff;}

.tls_lcfont3{ box-sizing: border-box; width: 100%; padding:0 5%; display: none;}
.tls_lcfont3 img{ width: 100%; display: block;}


/*企业文化*/
.tls_wh{ width: 85%; height: auto; display: block; margin: 0 auto; padding-bottom:4%; padding-top:20px; }
.tls_wh>dl{ width:46%; height:auto; display: block; float: left;}
.tls_wh>dl>dt{ width: 100%; height: auto; display: block;}
.tls_wh>dl>dt img{ display: block; width: 100%; margin: 0; padding: 0; border: none;}
.tls_wh>dl>dd{ box-sizing: border-box; width: 100%; height: 80px; background: #2f318b; padding: 10px 20px; line-height: 30px; color: #fff; text-align: left; font-size: 20px; display: block;}
.tls_wh>dl:nth-child(2){ margin-left:8%;}

/*企业企业环境*/
.tls_hj{ width: 85%; height: auto; display: block; margin: 0 auto; padding-top: 40px; padding-bottom: 160px; }
.tls_hj>dl{ width:47.5%; height:auto; display: block; float: left; margin-bottom: 80px; }
.tls_hj>dl>dt{ width: 100%; height: auto; display: block;}
.tls_hj>dl>dt img{ display: block; width: 100%; margin: 0; padding: 0; border: none;}
.tls_hj>dl>dd{ box-sizing: border-box; width: 100%; height:60px; background: #2f318b; padding: 0px 20px; line-height:60px; color: #fff; text-align: center; font-size: 20px; display: block;}
.tls_hj>dl:nth-child(even){ margin-left:5%;}




/*------------------------------------------------------联系我们-------------------------------------------------------*/

.tls_contact{ width: 85%; margin: 0 auto; height: auto; display: block; border-bottom: 1px dotted #333;}
.tls_contact_1{ width:100%; font-size: 18px; color: #000000; text-align: left; line-height: 30px;}
.tls_contact_2{ width:100%; padding:40px 0 60px 0;}
.tls_contact_2>a{ width: 100px; height: 100px; overflow: hidden; margin-right: 40px; border-radius: 50%; transition: 0.25s; display: block; float: left;}
.tls_contact_2>a>span{ width: 100px; height: 100px; display: block; background: #000000; position:relative; z-index: 1; margin-top: 100px; transition: 0.25s;}
.tls_contact_2>a>span img{ width: 100%;}
.tls_contact_2>a:hover>span{ margin-top: 0px; transition: 0.25s;}
.tls_contact_2>a:hover{ background:; transition: 0.25s;}
.tls_contact_2>a:nth-child(1){ background: url("../images/tls_qq.png") top center no-repeat;}
.tls_contact_2>a:nth-child(1):hover{ background: url("../images/tls_qq1.png") top center no-repeat #2f318b;}
.tls_contact_2>a:nth-child(2){ background: url("../images/tls_wx.png") top center no-repeat;}
.tls_contact_2>a:nth-child(2):hover{ background: url("../images/tls_wx1.png") top center no-repeat #2f318b;}
.tls_contact_2>a:nth-child(3){ background: url("../images/tls_ly.png") top center no-repeat;}
.tls_contact_2>a:nth-child(3):hover{ background: url("../images/tls_ly1.png") top center no-repeat #2f318b;}
.tls_contact_3{ width:85%; padding:40px 0 60px 0; margin: 0 auto;}
.tls_contact_3l{ width:30%; min-width: 300px;  float: left;  height: auto; padding: 40px 0;}
.tls_contact_3l>h1{ display: block; font-weight: normal; font-size:27px; text-align: left; line-height: 40px; height:40px; color: #2f318b;}
.tls_contact_3l>h2{ display: block; font-weight: normal; font-size:18px; text-align: left; line-height: 30px; height: 30px; color: #000; padding-bottom: 30px;}
.tls_contact_3l>span{ display: block; text-align: left; line-height: 1.6; font-size: 18px;}
.tls_contact_3r{ width:70%;  float: left; height: auto; padding: 40px 0;}
.tls_contact_3r img{ max-width: 100%; height: auto; display: block; float: right;  border: 0; margin: 0; }



/*---------------------------------------------------新闻中心-----------------------------------------------------------*/

.tls_news{ width: 85%; margin: 0 auto; box-sizing: border-box;  height: auto; padding: 40px 0 60px 0;}
.tls_news>a{ width:29%; height: auto; margin:40px 2%; display: block; float: left; cursor:default;}
.tls_news>a>dl{ display: block; height: auto;  width: 100%; transition: 0.25s;}
.tls_news>a>dl>dt{ display: block; width: 100%; height: auto;}
.tls_news>a>dl>dt img{ width: 100%; display: block; border: 0; margin: 0;}
.tls_news>a>dl>dd{ display: block; width: 100%; background: #eee; height: 170px; box-sizing: border-box; padding: 20px 20px;}
.tls_news>a>dl>dd>span{ font-size: 18px; color: #2f318b; height:48px; display: block; text-align: left; line-height: 24px;}
.tls_news>a>dl>dd>p{ font-size: 16px; color: #333; height: 40px;  margin-bottom: 14px; overflow: hidden; padding-top: 10px; display: block; text-align: left; line-height: 20px;}
.tls_news>a>dl>dd>i{ border-bottom: 1px solid #332c2b; font-size: 12px; color: #d59961; height: 20px; display: block; text-align: right; font-style: normal; line-height: 20px;}
.tls_news>a:hover>dl{box-shadow: 0 20px 60px #ccc; transition: 0.25s; }
.tls_news>a:hover>dl>dd{  background: #fff; transition: 0.25s;}
.tls_news>a>dl>dd>span:hover{ text-decoration: underline; font-weight: bold; cursor: pointer;}
.tls_news>a>dl>dt:hover { cursor: pointer;}

/*加载更多*/
.tls_more{ width: 182px; height: 34px; display: block; margin: 0 auto 120px auto; overflow: hidden;}
.tls_more2{ width: 85%; height: 34px; display: block; margin: 0 auto 120px auto; overflow: hidden;}
.tls_jz{ border: 1px solid #2f318b; color: #333; overflow: hidden; line-height: 32px;  transition: 0.25s; padding-left:60px; width:120px; height: 32px; display: block;  border-radius: 20px; text-align: center; background: url("../images/tls_jt.png") 20px top no-repeat;}
.tls_jz:hover{ color: #fff; background: url("../images/tls_jt2.png") 20px top no-repeat; }
.tls_jz>span{ width: 180px; background: #2f318b; border-radius: 40px; transition: 0.5s; display: block; z-index: -1; margin-top: 0px;  margin-left: -260px;  height: 32px; position: relative;}
.tls_jz:hover>span{ margin-left:-60px; transition: 0.5s; }
.tls_jz>em{ width: 120px; height: 32px; display: block; margin-top: -32px; font-style: normal;}

/*新闻中心详情*/
.tls_newsinfo{ width:85%; margin: 0 auto; height: auto; display: block;  padding-top: 62px;}
.tls_newsinfo>h1{ display: block; font-weight: normal; height: auto; line-height: 1.6; padding-bottom:20px; text-align: left; font-size: 24px; color: #2f318b;}
.tls_newsinfo>h2{ display: block; font-weight: normal; height: auto; line-height: 1.6; text-align: left; font-size: 12px; color: #000; }
.tls_newsinfo2{ width: 100%; padding-top: 40px; text-align: left; line-height: 1.6; font-size: 16px; color: #222;}
.tls_newsinfo2 p{ padding-bottom: 20px; text-align: left; line-height: 1.6;}
.tls_newsinfo2 img{ max-width: 100%;}




.tls_more2{ width: 85%; display: block; margin: 0 auto 120px auto; text-align: center; padding-top: 80px;}
.tls_jz2{ border: 1px solid #2f318b; margin: 0  3%; color: #333; overflow: hidden; line-height: 32px;  transition: 0.25s; width:140px; height: 32px; display: inline-block;  border-radius: 20px; text-align: center;}
.tls_jz2:hover{ color: #fff;  }
.tls_jz2>span{ width: 140px; background: #2f318b; border-radius: 40px; transition: 0.5s; display: block; z-index: -1; margin-top: 0px;  margin-left: -180px;  height: 32px; position: relative;}
.tls_jz2:hover>span{ margin-left:0px; transition: 0.5s; }
.tls_jz2>em{ width: 140px; height: 32px; display: block; margin-top: -32px; font-style: normal;}



/*人才招聘*/
.tls_zp{ width:100%; height: auto; margin: 0 auto; text-align: center; padding-top: 40px;}
.tls_zp>em{ display:block; cursor:pointer; width:30%; padding: 40px 20px 0 20px; color: #fff; margin-right: 5%; height:220px;  float: left; box-sizing: border-box; background: #2f318b; text-align: center; font-style: normal;}
.tls_zp>em:nth-child(3){ margin-right: 0;}

.tls_zp>em>h1{ transition: 0.25s; cursor: pointer; height: 60px;line-height: 60px; color: #d59961; text-align: center; font-size: 26px; display:block; }
.tls_zp>em>span{ height: 60px;line-height:1.6; color: #fff; text-align: center; font-size: 16px; display:block;}
.tls_zp>em:hover{ background: #d59961; transition: 0.25s;}
.tls_zp>em:hover>h1{ color: #fff;}


.tls_zp2{ width:100%; height: auto; margin: 0 auto; text-align: center; padding-top:40px;}
.tls_zp2>dl{ cursor:pointer; margin-bottom:70px; display:block; width:30%;  color: #fff; margin-right:5%;   float: left; box-sizing: border-box; background: #2f318b; text-align: center; font-style: normal;}
.tls_zp2>dl>dt{ width: 100%; height: auto; display: block;}
.tls_zp2>dl>dt img{ width: 100%; display: block; margin: 0; border: 0;}
.tls_zp2>dl>dd{ width: 100%; box-sizing: border-box; padding-top: 40px; height: 150px; background: #eeeeef; display: block; }
.tls_zp2>dl>dd>h1{ font-weight: normal; height: 60px;line-height: 60px; color: #d59961; text-align: center; font-size: 26px; display:block; }
.tls_zp2>dl>dd>h2{ font-weight: normal; height: 20px;line-height: 20px; color: #333; cursor:pointer; text-align: center; font-size: 14px; display:block; }
.tls_zp2>dl:hover>dd{ transition: 0.25s; background: #e62129; border-top: 2px solid #fff;}
.tls_zp2>dl:hover>dd>h2{ color: #fff;}

.tls_zp2>dl:nth-child(3){ margin-right: 0px;}
.tls_zp2>dl:nth-child(6){ margin-right: 0px;}
.tls_jobfont{ width: 100%; font-size:18px; padding-bottom: 80px; text-align: left; line-height: 1.6; color: #000000;}


.job_list{ width: 1360px; background: #fff; margin:40px auto; box-sizing: border-box; padding: 40px 80px;}
.job_titel{ width: 100%; border-bottom: 1px solid #eabd6f; height: 50px; line-height: 50px;}
.job_titel>em{ display: block; height: 50px; line-height: 50px; font-style: normal; float: left; font-size: 16px; text-align: left;}
.job_titel>em{ display: block; height: 50px; line-height: 50px; font-style: normal; float: left; font-size: 16px; text-align: left;}
.job_titel>em:nth-of-type(1){ width: 310px;}
.job_titel>em:nth-of-type(2){ width: 260px;}
.job_titel>em:nth-of-type(3){ width: 130px;}
.job_titel>em:nth-of-type(4){ width: 360px;}
.job_titel>em:nth-of-type(5){ width: 80px;}



.list{
    width : 100%;
}
.list ul{
    list-style: none;
}
.list>ul>li{
    width : 100%;
    background: #eeeeee;
    margin-bottom:4px;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}
.list>ul>li p[class=title]{
    width      : 100%;
    text-align : center;
    height     : 50px;
    line-height: 50px;
    padding    : 0;
    border     : none;
    position   : relative;
    font-size  : 16px;
}
.list>ul>li p>em{ display: block; height: 50px; line-height: 50px; font-style: normal; float: left; font-size: 16px; text-align: left;}
.list>ul>li p>em:nth-of-type(1){ width: 20%; text-indent: 30px;}
.list>ul>li p>em:nth-of-type(2){ width: 15%;}
.list>ul>li p>em:nth-of-type(3){ width: 10%;}
.list>ul>li p>em:nth-of-type(4){ width: 20%;}
.list>ul>li p>em:nth-of-type(5){ width: 15%;}
.list>ul>li p>em:nth-of-type(6){ width: 20%;}
.list>ul>li p[class=title]>span{
    position: absolute;
    right: 20px;
}
.list-se{
    overflow: hidden;
    display: none;
}
.list-se>p{
    background: #2f318b !important;
    color     :#fff;
}
.list-se>li{
    position: relative;
    right   : -100%;
    -webkit-transition: right .5s;
    -moz-transition   : right .5s;
    -o-transition     : right .5s;
    transition        : right .5s;
    text-align: left; line-height:1.6;
    box-sizing: border-box;; padding:20px 40px 40px;
    background: #f7f7f7;
    font-size: 14px;

}
.list-se>li h1{font-size: 16px; padding-top: 40px; padding-bottom: 20px;}
.list-se>li a{ display: block;transition: 0.25s; height:36px; border: 1px solid #eabd6f; text-align: center; line-height:36px; width: 140px; font-size: 14px; color: #333333; margin-top: 40px;}
.list-se>li a:hover{ background: #2f318b; color: #fff; transition: 0.25s;}


.tls_j{ width: 100%; height: 52px; background: #5f5d5d; color: #fff; font-size: 18px; text-align: left; margin-bottom: 4px;}
.tls_j>em{font-style: normal; line-height: 52px; display: block; width: auto; float: left; height: 52px;  text-align: left;}
.tls_j>em:nth-of-type(1){ width: 20%; text-indent: 30px;}
.tls_j>em:nth-of-type(2){ width: 15%;}
.tls_j>em:nth-of-type(3){ width: 10%;}
.tls_j>em:nth-of-type(4){ width: 20%;}
.tls_j>em:nth-of-type(5){ width: 15%;}
.tls_j>em:nth-of-type(6){ width: 20%;}


.news {
    display: flex;
    position: relative;
    width: 100%;
    height: auto;
}
.news-slide-content,.news-list {
    position: relative;
    width: 50%;
    height: 100%;
}
.news-slide-header {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    width: 500px;
    transform: translate(-250px, -120px);
    color: #ffffff;
}
.news-slide-header h3 {
    font-size: 24px;
    font-weight: 500;
}
.news-slide-header p {
    font-size: 14px;
    text-transform: uppercase;
}

.news-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: no-repeat center;
    background-size: cover;
}
.news-slide-list{
    position: absolute;
    left: 50%;
    bottom: 50px;
    z-index: 100;
    width: 500px;
    height: 200px;
    margin-left: -250px;
    background: #ffffff;
    overflow: hidden;
}
.news-slide-list li {
    padding: 24px 48px;
}

/*---------------------------------------------------案例中心-----------------------------------------------------------*/

.tls_case{ width: 85%; margin: 0 auto;  height: auto; padding: 40px 0 60px 0;}
.tls_case>.case-info{ width:29%; height: auto; margin:40px 2%; display: block; float: left; cursor:pointer;}
.tls_case>.case-info>dl{ display: block; height: auto;  width: 100%; transition: 0.25s;}
.tls_case>.case-info>dl>dt{ display: block; width: 100%; height: auto;}
.tls_case>.case-info>dl>dt img{ width: 100%; display: block; border: 0; margin: 0;}
.tls_case>.case-info>dl>dd{font-size: 20px; color: #fff; height:44px; display: block;  text-align: center;  width: 100%; background: #2f318b; line-height: 44px;  box-sizing: border-box;}
.tls_case>.case-info:hover>dl>dd{color: #2f318b;  background: #d59961; transition: 0.25s;}


/*---------------------------------------------------产品中心-----------------------------------------------------------*/
.tls_cp{ width: 85%; margin: 0 auto;  height: auto; padding: 40px 0 60px 0;}
.tls_cp>a{ transition: 0.25s; width:29%; background: #eeeeee; height: auto; overflow: hidden; margin:40px 2%; display: block; float: left; cursor:pointer;}
.tls_cp>a>span{ display:block; width:100%;}
.tls_cp>a>em{ height: 40px; line-height: 40px; color: #d59961; font-size: 24px;text-align: center; font-style: normal; display:block; width:100%;}
.tls_cp>a>i{ padding-bottom:50px; height: 20px; line-height: 20px; color: #000; font-size: 12px;text-align: center; font-style: normal; display:block; width:100%;}
.tls_cp>a>span>img{ width: 100%; height: auto; display: block; border: 0px;}
.tls_cp>a:hover{ background: #2f318b; transition: 0.25s;}
.tls_cp>a:hover>em{ color: #fff;}
.tls_cp>a:hover>i{ color: #fff;}


/*---------------------------------------------------产品二级分类-----------------------------------------------------------*/

.tls_cinfo{ width: 90%; margin: 0 auto;  height: auto; padding: 0px 0 60px;}
.tls_cinfo>a{ width:29%; height: auto; background: #eee; margin:40px 2%; display: block; float: left; cursor:pointer;}
.tls_cinfo>a>dl{ display: block; height: auto;  width: 100%; transition: 0.25s;}
.tls_cinfo>a>dl>dt{ display: block; width: 100%; height: auto;}
.tls_cinfo>a>dl>dt img{ width: 100%; display: block; border: 0; margin: 0;}
.tls_cinfo>a>dl>dd{font-size: 20px; color: #fff; height:44px; display: block;  text-align: center;  width: 100%; background: #2f318b; line-height: 44px;  box-sizing: border-box;}
.tls_cinfo>a:hover>dl>dd{color: #fff;  background: #d59961; transition: 0.25s;}


/*---------------------------------------------------产品详情描述-----------------------------------------------------------*/
.tls_ms{ width:85%;  margin: 0 auto; padding-top: 80px; padding-bottom: 60px;}
.tls_msl{ width: 30%; background: #eee; display: block;float: left;}
.tls_msl img{ width: 100%; display: block; border: 0;}
.tls_msr{ width: 70%; box-sizing: border-box; padding-left:40px; padding-top:5%;  display: block;float: left;}
.tls_msr>h1{ display: block; text-align: left; color: #2f318b; line-height: 60px; font-size: 52px;}
.tls_msr>span{ padding-top:20px; height:90px; padding-bottom: 30px;  display: block; text-align: left; color: #000; line-height: 1.6; font-size: 18px;}

/*相册展示*/
.tls_xc{ width: 100%; height: auto; background: #ddd;  padding: 60px 0 100px 0; margin-bottom: 80px;}
.tls_xc h1{ font-size: 52px; width: 100%; text-align: center; line-height: 60px; display: block; padding-top: 0px; color: #2f318b; font-weight: normal;}
.tls_xc h2{ font-size: 18px; width: 100%; text-align: center; line-height: 30px;  display: block; padding-top: 8px; color: #000; font-weight: normal; padding-bottom:60px;}
.home_one_1{ width: 70%; margin: 0 auto;}

/*产品文字信息*/
.tls_xx{ width: 100%; height: auto; display: block; }
.tls_xx>dl{ width:100%; display:table; border-bottom: 1px solid #8b8b8c;}
.tls_xx>dl>dt{display:table-cell; padding:20px 0; vertical-align:middle; width:10%; font-weight: bold; font-size: 20px; color: #2f318b;}
.tls_xx>dl>dd{display:table-cell; padding:20px 0; vertical-align:middle; width: 90%; font-size: 18px; line-height: 1.6; color: #252525; text-align: left;}

/*产品视频区域内容*/
.tls_sp{ width:100%; margin:60px auto;}
.tls_sp>span{ margin-right: 5%; width:47.5%; display: block; float: left; background: #999999;}
.tls_sp>span img{ width: 100%; display: block; border: 0;}
.tls_sp>span:nth-child(even){ margin-right: 0;}


/*------------------------------------------------招商加盟----------------------------------------------------------------*/
.tls_jionmain{ width: 85%;  margin: 0 auto 120px auto;}
.tls_jionmain>dl{ width: 100%; margin: 0 auto; display: block; }
.tls_jionmain>dl>dt{ box-sizing: border-box; float: left; width: 50%; height: auto;  text-align: left; line-height: 1.6;}
.tls_jionmain>dl>dt img{ width: 100%; display: block; border: 0; margin: 0;}
.tls_jionmain>dl>dd{ float: left; box-sizing: border-box; width: 50%; height: auto; padding: 0 30px; text-align: left; line-height: 1.6;}
.tls_jionmain>dl>dd>h1{ display: block; font-size: 24px; padding-top: 20px; color: #2f318b;  line-height: 60px;}
.tls_jionmain>dl>dd>span{ display: block; font-size:16px; color: #333;  line-height: 1.8;}
.tls_jionmain>dl:nth-of-type(2)>dd{ float: left!important;}
.tls_jionmain>dl:nth-of-type(2)>dt{ float: right!important;}
.tls_jionmain>dl:nth-of-type(4)>dd{ float: left!important;}
.tls_jionmain>dl:nth-of-type(4)>dt{ float: right!important;}



.tls_hight{ min-height: 200px;}

/*最新的banner*/


/*--------------------------------以下都是响应式网站的内容------------------------------------*/

@media  screen and (min-width:320px) and (max-width:949px) {
    /*菜单变更*/
    .tls_titel{ height:38px; line-height: 38px;}
    .tls_titelmain{ height: 38px; line-height: 38px;  width: 100%; padding:0 5%; box-sizing: border-box;}
    .tls_titelmain>a{ width: auto; padding: 0 6px; margin-top: 8px; font-size: 12px; }
    .tls_titelmain>span{ margin-top:12px;  height: 20px;}
    .tls_about{ width: 90%; padding-top: 40px; padding-bottom: 40px;}
    .tls_a_l{ width: 100%;}
    .tls_a_l>h1{ font-size: 24px; line-height: 30px; height: 30px;}
    .tls_a_l>h2{ font-size:12px; padding-bottom:10px;}.list-se>li a
    .tls_a_r{ padding-top: 10px; width: 100%;}
    .tls_a_r{ width: 100%; padding-top: 10px;}
    .tls_rymain{ width: 90%;}
    .tls_rymain>h1{ font-size: 24px;  line-height: 30px; height: 30px;}
    .tls_rymain>h2{ font-size: 12px;  padding-bottom:10px;}

    .tls_ryfont{ width: 90%;}
    .tls_ryfont>h1{ font-size: 24px;  line-height: 30px; height: 30px;}
    .tls_ryfont>h2{ font-size: 12px; line-height: 1.6;}

    .tls_lc{padding-top: 40px;}
    .tls_lcmain{ width: 90%;}
    .tls_lcmain>h1{ font-size: 24px;  line-height: 30px; height: 30px;}
    .tls_lcmain>h2{ font-size: 12px;  padding-bottom:10px;}

    .tls_lcfont{ padding-bottom: 40px;}

    .tls_wh{ width: 90%; padding-top: 20px;}
    .tls_wh>dl{ width: 100%;}
    .tls_wh>dl:nth-child(2){ margin: 40px 0  0  0;}
    .tls_wh>dl>dd{ font-size: 14px;}

    .tls_hj{ width:90%; padding-bottom: 60px;}
    .tls_hj>dl{ width: 100%; margin-bottom:0px;}
    .tls_hj>dl:nth-child(even){ margin-left:0px; }
    .tls_hj>dl>dd{ font-size: 18px; height: 40px; line-height: 40px;}

    /*新闻中心*/
    .tls_news{ width: 90%; margin: 0 auto;}
    .tls_news>a{ width: 48%;  margin: 0 0 20px 0;}
    .tls_news>a:nth-child(even){ margin-left:4%; }
    .tls_news>a>dl>dd>span{ font-size: 14px; line-height: 1.6; overflow: hidden;}
    .tls_news>a>dl>dd>p{ font-size:12px; padding-top: 2px; margin-bottom: 10px; line-height: 1.5;}
    .tls_newsinfo{ width: 90%;}
    .tls_newsinfo>h1{ font-size: 22px; padding-bottom: 10px;}
    .tls_more2{ width:90%;}
    .tls_jz2{ width:80px; margin: 0 6px;}
    .tls_jz2>em{ width: 80px;}
    .tls_more2{ margin-bottom:60px;}

    /*产品中心*/
    .tls_cp{ width:90%;}
    .tls_cp>a{ width: 48%; margin: 0px auto 14px auto;}
    .tls_cp>a:nth-child(even){ margin-left: 4%;}
    .tls_cp>a>em{ font-size: 16px; height: 30px; line-height: 30px;}
    .tls_cp>a>i{ padding-bottom: 10px; font-size:8px;}

    /*产品中心分类*/
    .tls_cinfo{ width: 90%;}
    .tls_cinfo>a{width: 48%; margin: 0 auto 12px auto;}
    .tls_cinfo>a:nth-child(even){ margin-left: 4%;}

    .tls_cinfo>a>dl>dd{ height: 32px; line-height: 32px;  font-size: 14px;}
    .tls_ms{ width: 90%;}
    .tls_msl{ width: 90%; margin: 0 auto; float: none;}
    .tls_msr{ width: 90%; margin: 0 auto; float: none; padding-left: 0px;}
    .tls_msr>h1{ font-size: 26px; line-height: 30px; padding-top: 20px;}
    .tls_msr>span{ font-size: 14px; height: auto; padding-top: 20px;}

    .tls_xx>dl{ display: block;}
    .tls_xx>dl>dt{ width: 100%; padding:10px 0 0 0; display: block; float: none;}
    .tls_ms{ padding-top: 40px;}

    .tls_xc{ margin-bottom:40px;}
    .tls_xx>dl>dd{font-size: 14px; padding:0px 0 10px 0; }

    .tls_sp{ margin-top: 20px;}
    .tls_sp>span{ width: 100%; margin-bottom: 20px;}
    .tls_more{ margin-bottom:60px;}
    .tls_case>a{ width: 48%; margin: 0 4% 12px 0;}
    .tls_case>a:nth-child(even){ margin-right: 0;}

    .tls_case>a>dl>dd{ height: 32px; line-height: 32px; font-size: 14px;}


    /*招贤纳士*/
    .tls_zp>em{ width:100%; height: 160px; margin-bottom:12px;}
    .tls_zp>em>h1{ display: block; font-size: 18px; padding-top:20px;}
    .tls_zp>em>span{ font-size: 12px;}
    .tls_zp>em{ padding: 0 20px;}

    .tls_zp2>dl{ width: 48%; margin: 0 4% 12px 0;}
    .tls_zp2>dl:nth-child(even){ margin-right: 0;}
    .tls_zp2>dl:nth-child(3){ margin-right: 4%;}
    .tls_zp2>dl>dd>h1{ height: 22px; line-height: 22px; font-size: 14px;}
    .tls_zp2>dl>dd>h2{  font-size: 12px;}
    .tls_zp2>dl>dd{  padding-top: 10px; height: auto; padding-bottom: 14px;}
    .tls_jobfont{ font-size: 14px;}

    .tls_j>em:nth-of-type(1){ width: 60%;}
    .tls_j>em:nth-of-type(2){ display: none;}
    .tls_j>em:nth-of-type(3){ display: none;}
    .tls_j>em:nth-of-type(4){ display: none;}
    .tls_j>em:nth-of-type(5){ display: none;}
    .tls_j>em:nth-of-type(6){ display: none;}


    .list>ul>li p>em:nth-of-type(1){ width: 60%;}
    .list>ul>li p>em:nth-of-type(2){ display: none;}
    .list>ul>li p>em:nth-of-type(3){ display: none;}
    .list>ul>li p>em:nth-of-type(4){ display: none;}
    .list>ul>li p>em:nth-of-type(5){ display: none;}
    .list>ul>li p>em:nth-of-type(6){ display: none;}


    .tls_jionmain{ width:90%;}
    .tls_jion>dt{ width: 100%;}
    .tls_jion>dd{ width: 100%; margin: 0 auto; padding: 0;}
    .tls_jion:nth-child(even)>dt{ float: left;}

    .tls_jionmain>dl>dt{ width: 100%;}
    .tls_jionmain>dl>dd{ width: 100%; padding: 0 0 40px 0;}
    .tls_jionmain>dl:nth-of-type(2)>dd{ float: left!important;}
    .tls_jionmain>dl:nth-of-type(2)>dt{ float: left!important;}
    .tls_jionmain>dl:nth-of-type(4)>dd{ float: left!important;}
    .tls_jionmain>dl:nth-of-type(4)>dt{ float: left!important;}


    .tls_contact_1{ font-size: 14px; line-height: 1.6;}
    .tls_contact_2>a{ margin-right: 10px;}
    .tls_contact{width: 90%;}

    .tls_contact_3l>h1{ font-size:22px;}
    .tls_contact_3{ width: 90%; padding: 0; margin: 0 auto; min-width: 100px;}
    .tls_contact_3l>h2{ font-size: 14px;}
    .tls_contact_3l>span{ font-size: 16px; color: #333;}
    .tls_contact_3l{ width: 100%; box-sizing: border-box;}
    .tls_contact_3r{ width: 100%;}
    .tls_contact_3r img{ max-width: 100%;}
    .tls_case>.case-info{ width:100%; margin: 40px 0;}
}