@charset "utf-8";
body{ min-width: 1100px; background: #FAFAF8 url(../images/bg-news.png)  no-repeat center top;}
.none{ display: none;}
/* .sub-bg{position:relative;background:url(//i0.cy.com/tl3d/pic/2022/0222/bot.jpg) no-repeat center bottom;} */
.sub-bottom{bottom:0;z-index:9;width:100%;height:200px;background: #000; display: none;/*background: #ededed url(http://i1.cy.com/tl3d/main/20171213/sub-bottom.jpg) no-repeat;*/}
.sub-wrap{position:relative;margin:0 auto;width:1000px;}
.header .btn_video{display:none}
.down{ left:0; top:418px;width:328px;height:135px; position: relative;}
.down dt{float:left;padding:9px 0 0 11px;width:103px;text-align:center}
.down dt span{display:block;color:black;font-size:12px; color:#000;}
.down dd{float:left;padding:9px 10px 0 8px;width:106px;}
/* 以下背景图更改于2022.9.6 更改原因:原图片中字体版权到期 现更改为微软雅黑 */
.down dd a{display:block;margin-bottom:2px;height:39px;background-image: url(../images/down-small1.html);background-repeat:no-repeat;}
.down dd a.down_ios {background-position: 0 -137px;}
.down dd a.down_ios:hover{background-position:0 -137px}
.down dd a.down_android{background-position:0 0}
.down dd a.down_android:hover{background-position:0 -45px}
.down dd a.down_trial{background:url(../images/desktop1.html) 0 0 no-repeat;width: 200px; height:39px;}
.down dd a.down_trial:hover{background-position: 0 -42px;}
.down dd a.down_try{background: url(../images/experience1.html) no-repeat; width:90px; height:82px; position: absolute; top:8px; right:7px; }
.down dd a.down_try:hover{ background-position: 0 -82px;}
/*.sub-wrap .header{position:relative;height:581px;background: url(http://i1.cy.com/tl3d/cover/20180115/header_main.jpg);}*/
.sub-wrap .header{position:relative;height:565px;}
/* .sub-wrap .header .title{ position: absolute;width: 1005px;height: 85px;background: url(//i0.cy.com/tl3d/pic/2021/1214/slogan.png) no-repeat center;top: 355px;left: 0;z-index: -1;} */
.data-sub-bg .header .title{top:370px;}
.data-sub-bg .down{top:432px;}
.sub_right{position:absolute;top:0;right:0;width:240px}
.sub_right .wx{padding-top:20px;background:#fff;}
.sub_right .wx .rote a,.sub_right .wx h3 em,.sub_right_btn_group a{background: url(../images/right_bar_sprite.html) no-repeat;
}
.sub_right .wx .rote a{float:left; position:relative;padding-top:56px;width:33%;height:22px;border-bottom:4px solid #D3B27A;color:#6b2f03;text-align:center;font-size:12px}
.sub_right .wx .rote a:hover{border-bottom: 4px solid #AA6B09;}
.sub_right .wx .rote .sina{background-position:8px -271px}
.sub_right .wx .rote .baidu{background-position:-63px -271px}
.sub_right .wx .rote .qq{width:34%;background-position:-168px -272px}
.sub_right .wx .rote .qq strong { display:none; position:absolute; top:87px; right:0; padding:5px 10px; background:#88570b; color:#f4f4f4; }
.sub_right .wx .rote .qq:hover strong { display:block; }
.sub_right .wx .rote .qq strong font { position:absolute; top:-10px; right:27px; width:0; height:0; border:5px solid; border-color:transparent transparent #bf791e transparent; }

.sub_right .wx .rote .bbs{background-position:-111px -272px}
.sub_right .wx h3{padding-left:36px}
.sub_right .wx h3 em{display:inline-block;padding-left:88px;width:84px;height:20px;background-position:-140px -250px;color: #753b07;}
.sub_right .wx .weixin_pic{display:block;margin:0 auto;padding-top:9px;width:160px;height:160px}
.sub_right .wx p{padding-top:10px;padding-bottom:18px;border-bottom:1px solid #944e09;text-align:center; color: #6b2f03;}
.sub_right_btn_group a{display:block;margin-top:10px;width:240px;height:80px}
.sub_right .sub_right_btn_group .data{background-position:0 -80px}
.sub_right .sub_right_btn_group .faq{background-position:0 -160px}
.sub-content{position:relative;min-height:1360px;}
.data-index-tit,.sub-content-tit{padding:18px 38px 27px 22px;width:680px;height:34px;background:url(../images/sub-content-tit-bg.jpg) no-repeat;}
.sub-content-tit span{float:right;padding-left:24px;background:url(../images/point.png) no-repeat left;color:#fff;line-height:27px}
.sub-content-tit span em,
.sub-content-tit span em a{color:#ffc758;}
.sub-content-tit h1,.data-content-tit h1{float:left;width:298px;height:27px; background: transparent; font-size:26px; line-height: 27px; color: #fff;}
.enFont{font-size: 24px; color: #f3c070; margin-left: 10px;}
/* .sub-content-tit h1.material{ }
.sub-content-tit h1.news{ }
.sub-content-tit h1.strategy{ } */
.sub-content-list{width:740px;background:#fff;}
.sub-content-list-nav{height:73px;background:#f0f0f0 url(../images/sub-content-tit-nav-line.html) no-repeat center top;}
.sub-content-list-nav ul{font-size:0}
.sub-content-list-nav ul li{float:left;display:inline-block;font-size:20px}
.sub-content-list-nav ul li a{display:block;width:148px;height:73px;color:#b1b1b1;text-align:center;line-height:73px}
.sub-content-list-nav ul li a.cur,.sub-content-list-nav ul li a:hover{background: #fff url(../images/sub-content-tit-nav-linehover.html) no-repeat center top!important;color: #cc2525;}
.sub-content-list-news{padding:20px 38px 31px 40px}
.sub-content-list-news ul li a{float:left;overflow:hidden;padding-left:18px;width:480px;color:#575757;text-overflow:ellipsis;white-space:nowrap}
.sub-content-list-news ul li a:hover{color: #cc2525;}
.sub-content-list-news ul li{position:relative;padding-top:10px;height:37px;border-bottom:1px dotted #d49475;font-size:14px}
.sub-content-list-news dl{font-size:14px}
.sub-content-list-news dt{float:left;color: #9b691c;line-height:26px;}
.sub-content-list-news dt a{color:#5a5a5a;}
.sub-content-list-news dd{padding-left:78px}
.sub-content-list-news dd a{padding-right:22px;color:#5a5a5a;white-space:nowrap;line-height:26px}
.sub-content-list-news dd a:hover{color:#cc2525;}
.sub-content-list-news .pagenav{padding:36px 0 0;height:20px;text-align:center}
.sub-content-list-news .pagenav a{color:#575757;}
.sub-content-list-news .pagenav a:hover{color:#ffd47e;}
.sub-content-list-news .newsname{float:left;color:#cbcbcb;}
.sub-content-list-news .news-time{position:absolute;top:10px;right:0;color:#cbcbcb;}
.sub-content-list-newinfo{position:relative;padding-bottom:2px;padding-left:20px;border-left: 6px solid #ffd071;color:#6b2f03;font-weight:900;font-size:32px;line-height:36px;}
.sub-content-list-newinfo a{color:#575757}
.sub-content-list-newinfo em{position:absolute;top:0;right:0;color:#575757;font-size:9px}
.sub-content-list-newinfo em span{color:#639f9f}
h1.sub-content-list-newtit{font-size:30px}
.sub-content-list h4,h1.sub-content-list-newtit{padding:20px 0 22px;color: #c02f44;text-align:center;font-weight:900;}
.sub-content-list h4{font-size:24px}
.sub-content-list-news-txt{padding-top:22px;border-top:1px dashed #cd8a69;font-size:14px;min-height: 216px;}
.sub-content-list-news-txt p{padding-bottom:20px;text-indent:2em; font-size:16px; line-height:32px;word-break: break-all;word-wrap:break-word;}
.sub-content-list-news-txt p.indent0,.sub-content-list-news-txt p.nodent{text-indent:0}
.sub-content-list-news-txt p.center{padding-bottom:20px;text-align:center}
.sub-content-list-news-txt .alight{color: #9b691c;}
/* .sub-content-list-news-txt h3{padding:15px 0;color: #9b691c;font-size:18px;line-height:32px;} */
.sub-content .sub-content-list .sub-content-list-news .sub-content-list-news-txt .sub-content-list-news-txt-1{text-align: center;}
.sub-content .sub-content-list .sub-content-list-news .sub-content-list-news-txt .sub-content-list-news-txt-2 a{text-align: center;color: red;}
.sub-content .sub-content-list .sub-content-list-news .sub-content-list-news-txt h4{text-align: left; color: #e36c0a; font-weight: 400; font-size: 16px;}
.sub-content .sub-content-list .sub-content-list-news .sub-content-list-news-txt .inline{display: inline;  line-height: 3em;}
.sub-content .sub-content-list .sub-content-list-news .sub-content-list-news-txt .daoyu, .ex{color: red;}
.sub-content-list-news-txt h3{padding:20px 0 22px;color: #000000;font-size: 28px;font-weight:900;}
.sub-content-list-news-txt h5,.sub-content-list-news-txt h6{color:#e88346;font-weight:900;font-size:14px;line-height:32px}
.sub-content-list-news-txt h5{position:relative;padding-left:10px;border-bottom:1px dashed #d8cfc6}
.sub-content-list-news-txt h5 em{position:absolute;top:10px;left:-2px;display:block;width:0;height:0;border-color:transparent transparent transparent #e88346;border-style:solid;border-width:5px 0 5px 5px}
.sub-content-list-news-txt a{color: #9b691c;text-decoration:underline;text-indent:2em;}
.sub-content .sub-content-list .sub-content-list-news .sub-content-list-news-txt .sub-content-list-news-txt-2 a{font-size: 16px;color: red; display: block; text-align: center;text-decoration: none;}
.sub-content-list-news-txt img{display:block;margin:0 auto;max-width:662px}
.sub-content-list-news-txt table{margin:10px auto;max-width:662px}
.sub-content-list-news-txt table td,.sub-content-list-news-txt table th{padding:5px;color:#ffffff;border:1px solid #cd8a69;text-align:center; background:#a05e3d;}
.sub-content-list-news-txt table th{background:#cd8a69; border-color:#cd8a69; }
.data-index-tit{padding:17px 38px 27px 22px;width:940px;background-size:100% 59px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sub-content-tit-bg.jpg', sizingMethod='scale');
}
.data-index-tit h2{float:left;width:285px;height:27px; background: transparent; font-size:26px; line-height: 27px; color: #fff;}
.data-index-tit h2.profession{background-position:0 -30px}
.data-index-tit h2.faq{background-position:0 -60px}
.banner{position:relative;float:left;width:570px;height:278px}
.banner dt{position:absolute;right:19px;bottom:17px;z-index:10}
.banner dt span{float:left;overflow:hidden;margin:0 3px;width:14px;height:14px;border-radius:7px;background:#fff;text-indent:-9999px;cursor:pointer}
.banner dt span.current{width:25px;background:#cc2525;}
.banner dd,.banner2 dd{position:relative;height:100%}
.banner dd a,.banner2 dd a{position:absolute;width:100%;height:100%}
.banner dd a img,.banner2 dd a img{width:100%;height:100%}
.news{float:right;overflow:hidden;width:420px;height:278px;background:#fff}
.news dt, .news2 dt {
    height: 48px;
    border-bottom: 3px solid #f2f2f2;
    font: 400 16px/48px "Segoe UI", Tahoma, Geneva, Verdana, Arial, sans-serif;
}


.news dt span,.news2 dt span{float:left;padding-left:13px;width:72px;color:#cc2525;text-align:center;cursor:pointer;font-size: 18px;font-weight: bold;cursor: default;}
.news dt span.current,.news2 dt span.current{position:relative;margin-bottom:-3px;border-bottom:3px solid #3ca7a5;color:#3ca7a5}
.news dt a,.news2 dt a{float:right;margin:16px 16px 0 0;color:#bababa;text-transform:uppercase;font:400 9px/18px Arial}
.news dt a font,.news2 dt a font{display:inline-block;margin-right:5px;color:#1c9f9f;vertical-align:middle;font-size:16px}
.news dd h3,.news2 dd h3{overflow:hidden;padding-top:8px;width:100%;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.news dd h3 a,.news2 dd h3 a{color:#d2af46;font-size:20px}
.news dd a:hover,.news2 dd a:hover{color:#cc2525;}
.news dd ul{position:relative;overflow:hidden;padding-top:18px;height:180px}
.news dd ul li,.news2 dd ul li{position:absolute;width:100%}
.news dd ul li h4,.news2 dd ul li h4{overflow:hidden;padding:0 9px 0 8px;height:30px;line-height:30px}
.news dd ul li h4 em,.news2 dd ul li h4 em{float:left;width:58px;height:18px;color:#c9c9c9;text-align:center}
.news dd ul li h4 strong,.news2 dd ul li h4 strong{float:left;overflow:hidden;width:340px;text-overflow:ellipsis;white-space:nowrap}
.news dd ul li h4 strong a,.news2 dd ul li h4 strong a{color:#5a5a5a}
.news dd ul li h4 strong a.impnews,.news2 dd ul li h4 strong a.impnews{color:red;font-weight:700}
.news dd ul li h4 span,.news2 dd ul li h4 span{float:right;color:#a0a0a0}
.news2{float:right;overflow:hidden;margin-top:19px;width:420px;height:340px;background:#fff}
.news2 dd ul{position:relative;overflow:hidden;padding-top:18px;height:270px;}
.data-index-content{padding-bottom:19px;width: 100%;/*background: #fff;*/}
.sub-wrap .data_header{height:580px;z-index: 0;}
.tit_profession{padding-bottom:8px}
.data-index-content2{padding-top:0px;height:572px;}
.data-index-content3{height:571px;}
.data-index-content2 .news,.data-index-content4 .news{float:left;margin:0 7px 7px 0;width:329px;height:278px}
.data-index-content3 .news{float:right;margin:0 0 7px 6px;width:329px;height:278px}
.data-index-content5{padding-top:15px;padding-right:335px}
.dicg .news dd ul li h4 strong{width:100%;}
.data-index-content5 .faqcontent{padding:32px 0 31px 19px;background:#fff}
.data-index-content5 .faqcontent dt{float:left;padding-right:5px;color:#c02f44;line-height:26px}
.data-index-content5 .faqcontent dd a{padding:0 5px;color:#5a5a5a;line-height:26px}
.data-index-content5 .faq-tit{padding-bottom:8px;width:605px}
.data-index-contentff{height:574px;}
.data-right-body{position:fixed; z-index:10; bottom:110px;left:50%;margin:0px 0px 0px 520px;padding:13px;width:74px;height:310px;background:url(../images/data-left.html)}
.data-right-body a{display:block;width:100%;border-bottom:1px solid #e4e6e8;color:#939393;text-align:center;font-size:16px;line-height:32px}
.data-right-body a.cur,.data-right-body a:hover{color:#cc2525;}
.roles{position:relative;float:left;padding-top:4px;width:570px;height:354px}
.roles dt{position:absolute;top:40px;left:30px;z-index:10;overflow:hidden;width: 70px; height:300px; }
.roles dt .list_scoll{position: absolute; top: 0; left: 0;}
.roles dt span{display:block;padding-left:32px;height:28px;background:url(../images/main_icon.png) no-repeat 0 -308px;color:#676767;cursor:pointer;
}
.roles dt span.current{background-position: 0 -276px;color:#cc2525;}
.roles dd{position:relative;height:100%}
.roles dd a{position:absolute;bottom:0}
.roles dd a,.roles dd a img{width:100%;height:100%}
.roles dd.arperv,.roles dd.arnext{position: absolute;z-index:20;width: 20px;height:20px;left: 33px;background: url(../images/main_icon.png) no-repeat;}
.roles dd.arperv{top: 21px;background-position: -69px -127px;}
.roles dd.arnext{bottom: 0;background-position: -3px -354px;}
.fixed{display:none;}

/* cms页面添加视频 */
.cms_content_video { padding-bottom:20px; text-align:center; background:url(../images/loading.gif) no-repeat center center;}



.data-index-bg{background: #EDEDED url(../images/bg-s.html) no-repeat center top!important;}
.data-content{padding-bottom:0;}

.sub-content-list-news-txt .thead{background:#7b4429;}
.sub-content-list-news-txt table th{font-weight: bold;background:#7b4429;}
.sub-content-list-news-txt .t-left{text-align: left;}


h4 {
  position: relative;
  padding-left: 40px;               /* Chừa khoảng cho icon */
  font-size: 20px;
  line-height: 36px;
  color: #d63200;                   /* Màu chữ đỏ tương tự */
  font-weight: bold;
  display: flex;
  align-items: center;
}

h4::before {
  content: "";
  display: inline-block;
  width: 45px;
  height: 45px;
  background-image: url('../images/icon_h4.png'); /* Đường dẫn icon */
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}

h2 {
  position: relative;
  padding-left: 40px;               /* Chừa khoảng cho icon */
  font-size: 20px;
  line-height: 36px;
  color: #d63200;                   /* Màu chữ đỏ tương tự */
  font-weight: bold;
  display: flex;
  align-items: center;
}

h2::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background-image: url('../images/icon-2.png'); /* Đường dẫn icon */
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}


/* line 1, ../sass/components/_footer.scss */
footer {
  background: url(../images/bg-footer.jpg) center top no-repeat;
}
/* line 3, ../sass/components/_footer.scss */
footer .copyright {
  max-width: 1100px;
  margin: 0 auto;
  padding: 40px 10px;
  display: block;
  text-align: center;
}
/* line 9, ../sass/components/_footer.scss */
footer .copyright img {
  margin: 0 auto;
}
/* line 12, ../sass/components/_footer.scss */
footer .copyright .text {
  display: block;
  font-size: 18px;
  line-height: 23px;
  color: #b0aab9;
}
.table-tlbb {
  width: 100%;
  border-collapse: collapse;
  font-family: "Segoe UI", Tahoma;
  font-size: 14px;
  background: #FFF6E1;
  color: #333;
}

.table-tlbb th {
  background: #8B5E3C;
  color: #fff;
  padding: 10px;
  text-align: center;
  font-size: 16px;
}

.table-tlbb td {
  border: 1px solid #8B5E3C;
  padding: 10px;
  text-align: center;
}

.table-tlbb tr:nth-child(even) {
  background-color: #FDF1D6;
}

.table-combo {
  width: 100%;
  border-collapse: collapse;
  font-family: "Segoe UI", Tahoma;
  font-size: 14px;
  margin: 15px auto;
  border: 1px solid #d9a441;
}

.table-combo thead tr:first-child th {
  background-color: #d59e2f;
  color: white;
  font-size: 18px;
  padding: 12px 0;
  text-transform: uppercase;
}

.table-combo thead tr:nth-child(2) th {
  background: #b26728;
  color: white;
  font-size: 14px;
}

.table-combo th,
.table-combo td {
  border: 1px solid #f5c771;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}

.table-combo tbody tr {
  background-color: #f2c55c;
  color: white;
  font-weight: bold;
}

.table-combo tbody td p {
  margin: 4px 0;
}
.sub-content-list-news li {
    margin-left: 30px;
}