.post-tabs {margin-bottom:55px;border-bottom:2px solid #da3731}
.post-tabs li {float:left;width:33.33%}
.post-tabs li a {display:block;height:50px;line-height:50px;font-size:18px;text-align:center}
.post-tabs li a:hover {text-decoration:none}
.post-tabs li.on a {background-color:#f2f2f2}
.post-left {float:left;width:68%}
.post-right {float:right;width:24%}
.post-title {margin-bottom:45px}
.post-title h2 {margin:0;font-size:38px;font-weight:300}
.post-title .i-date {color:#999;margin-top:20px}
.post-col {padding-left:12px}
.post-col li {list-style:disc;padding:0 0 15px 8px}
.post-col a {color:#333}
.post-col a:hover {text-decoration:none;color:#c1a683}
.post-col li.on a {color:#c1a683}
.post-titles {margin-bottom:30px;position:relative}
.post-titles li {float:left;border:1px solid #eee;margin:0 15px 15px 0;overflow:hidden;border-radius:26px;-webkit-border-radius:26px;-moz-border-radius:26px}
.post-titles li:hover {background-color:#f2f2f2}
.post-titles a {display:inline-block;color:#222;height:42px;line-height:42px;padding:0 20px}
.post-titles a:hover {text-decoration:none}
.post-titles li.on {border-color:#111;background-color:#111}
.post-titles li.on a {color:#fff}
.post-titles .if {display:none}
.post-recent .i-thumb {float:left;width:18%}
.post-recent li {list-style:disc;padding:0 0 15px 8px}
.post-recent li.has_thumb {list-style:none;padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid #f1f1f1}
.post-recent li.has_thumb .i-text {float:right;width:77%}
.post-recent .i-date {margin:6px 0 0;color:#999;font-size:12px}
.post-recent .i-summary {margin:6px 0 0;font-size:12px;color:#999;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
.page-table-content .i-items {display:grid;grid-template-columns:23% 23% 23% 23%;grid-gap:35px}
.page-table-content .b {text-align:center;padding:50px 35px;cursor:pointer}
.page-table-content .i-icon {margin:0 auto;width:66px}
.page-table-content .i-icon img {width:100%}
.page-table-content .i-h {text-align:center;margin-bottom:45px}
.page-table-content h2 {font-size:34px}
.page-table-content h3 {margin:20px 0 0;font-size:16px;font-weight:500}
.video-list {display:grid;grid-template-columns:31.4% 31.4% 31.4%;grid-gap:35px}
.video-list .i-thumb {position:relative}
.video-list .i-thumb img {width:100%}
.video-list .i-play {position:absolute;z-index:1;top:46%;left:0;width:100%;text-align:center}
.video-list .i-play .if {font-size:48px;cursor:pointer;color:#c1a683}
.video-list .i-thumb:hover .i-play .if {font-size:58px}
.video-list .i-line {width:100%;clear:both;height:60px}
.video-list .i-text {margin-top:15px}
.video-list .i-text h3 {margin:0}
.video-list .i-text a {font-size:17px;font-weight:400}
.video-list .i-text p {margin:12px 0 0;color:#333;font-size:14px}
.post-list1 .i-item {padding-bottom:80px;margin-bottom:80px;border-bottom:1px solid #eee}
.post-list1 .i-item:first-child {margin-top:40px}
.post-list1 .i-thumb {float:left;width:41%}
.post-list1 .i-thumb img {width:100%}
.post-list1 .i-text {float:right;width:53%}
.post-list1 h3 {margin:0 0 20px}
.post-list1 h3 a,.post-list1 h3 {font-size:26px;font-weight:500;color:#264653;line-height:145%}
.post-list1 p {margin:0;color:#777;line-height:185%}
.post-list1 .i-date {color:#999;margin-bottom:20px}
.post-list1 .i-btn {margin-top:40px}
.post-list3 {display:grid;grid-template-columns:31.15% 31.15% 31.15%;grid-gap:40px}
.post-list3 .i-thumb {overflow:hidden}
.post-list3 .i-thumb img {width:100%}
.post-list3 .i-text {margin-top:15px}
.post-list3 h3 {margin:0}
.post-list3 h3,.post-list3 h3 a {font-size:17px;font-weight:600;line-height:145%}
.post-list3 .i-date {margin-top:8px;font-size:13px;color:#777}
.post-list3 .i-summary {margin-top:8px;font-size:14px;color:#666}
.post-list3 .i-btn {margin-top:10px}
.post-list3 .i-btn .if {vertical-align:middle}
.post-list-grid {display:grid;grid-template-columns:33.33% 33.33% 33.33%;border:1px solid #eee;border-right:none;border-bottom:none;margin-bottom:60px}
.post-list-grid .i-item {border:1px solid #eee;text-align:center;border-top:none;border-left:none}
.post-list-grid .i-thumb img {width:100%}
.post-list-grid .b {padding:35px}
.post-list-grid h3 {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:15px 0 0}
.post-list-grid h3 a {font-weight:400;font-size:18px}
.post-list-grid p {margin:15px 0 0}
.download-list {display:grid;grid-template-columns:47.5% 47.5%;grid-gap:60px;margin-bottom:40px}
.download-list .i-thumb {float:left;width:50%}
.download-list .i-thumb img {width:100%}
.download-list .i-text {float:left;width:50%}
.download-list .i-text h3 {margin:0 0 20px}
.download-list h3 a,.download-list h3 {font-size:22px;font-weight:500;color:#264653;line-height:145%}
.download-list .i-tb {margin-left:40px}
.download-list .i-btn {margin-top:45px}
.project-list {display:grid;grid-template-columns:24.8% 24.8% 24.8% 24.8%;grid-gap:30px}
.project-list .i-item {-moz-box-shadow:0 1rem 1.75rem 0 rgba(45,55,75,.1);-webkit-box-shadow:0 1rem 1.75rem 0 rgba(45,55,75,.1);box-shadow:0 1rem 1.75rem 0 rgba(45,55,75,.1)}
.project-list .i-item:hover {-moz-box-shadow:0 1rem 1.75rem 0 rgba(45,55,75,.25);-webkit-box-shadow:0 1rem 1.75rem 0 rgba(45,55,75,.25);box-shadow:0 1rem 1.75rem 0 rgba(45,55,75,.25)}
.project-list .i-text {padding:30px}
.project-list h3,.project-list h3 a {font-weight:700;line-height:135%;font-size:17px}
.project-list .i-summary li {list-style:disc;margin:0 0 8px 14px}
.project-list .i-btn {margin-top:20px}
.post-case .i-item {padding-bottom:80px;margin-bottom:80px;border-bottom:1px solid #eee}
.post-case .i-item:first-child {margin-top:40px}
.post-case .i-thumb {float:left;width:44%}
.post-case .i-thumb img {width:100%}
.post-case .i-item-e .i-thumb {float:right !important}
.post-case .i-text {float:right;width:48%}
.post-case .i-item-e .i-text {float:left !important}
.post-case h3 {margin:0 0 20px;font-size:26px;line-height:145%}
.post-case .i-date {color:#999;margin-bottom:20px}
.post-case .i-btn {margin-top:40px}
.post-case .i-summary p {line-height:185%}
.post-case .i-summary li {list-style:disc;margin-left:13px}
.news-list .i-item {border-bottom:1px solid #eee;margin-bottom:50px;padding-bottom:50px}
.news-list .i-thumb img {width:100%}
.news-list .i-text {margin-top:25px}
.news-list .i-text h3,.news-list .i-text h3 a {font-weight:700;font-family:'Prata';font-size:19px;margin:0}
.news-list .i-date {color:#999;margin-top:20px}
.news-list .i-summary {margin-top:20px}
.news-list .i-btn {margin-top:30px}
.post-list1 .btn-radius,.download-list .btn-radius {height:40px;line-height:40px;padding:0 30px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px}
.home-child .i-floor {padding-bottom:80px;margin-bottom:80px;border-bottom:1px solid #eee}
.home-child .i-floor:first-child {margin-top:40px}
.home-child .i-h {margin-bottom:35px}
.home-child .i-more {text-align:center;margin-top:60px}
.faq-list {padding:120px 0}
.faq-list .clist-faq {padding-bottom:80px;margin-bottom:80px;border-bottom:1px solid #eee}
.post-column {padding:80px 0}
.post-column .i-header {margin-bottom:50px}
.post-column .i-header h3 {font-size:33px}
.post-swiper {position:relative;overflow:hidden;padding-bottom:50px}
.post-swiper .swiper-pagination-bullet-active {background-color:#c1a683 !important}
.post-swiper .i-text {margin-top:15px}
.post-swiper .i-thumb img {width:100%}
.post-detail-download {border-top:1px solid #eee;padding-top:50px;margin-top:50px}
.ch-title-1 {border-left:2px solid #c1a683;padding-left:15px;margin-bottom:40px}
.ch-title-1 h3 {font-size:29px;margin:0}
.ch-title-b {margin-bottom:40px}
.ch-title-b h3 {font-size:98px;margin:0}
.ch-row-col3 {margin-bottom:50px}
.ch-row-col3 .i-item {float:left;width:33.33%;text-align:center}
.ch-row-col3 .i-item .b {margin:0 30px}
.ch-row-col3 .i-item img {width:100%}
.ch-row-col2 {margin-bottom:50px}
.ch-row-col2 .i-left {float:left;width:46%}
.ch-row-col2 .i-right {float:right;width:46%}
.ul-p-nm p {margin:0 !important}
.ul-p-nm li {margin-bottom:5px !important}
.ch-grid2 {display:grid;grid-template-columns:49.56% 49.56%;grid-gap:10px;margin-bottom:50px}
.ch-grid2 img {width:100%}
.ch-grid4 {display:grid;grid-template-columns:23.2% 23.2% 23.2% 23.2%;grid-gap:30px;margin-bottom:50px}
.ch-grid4 img {width:100%}
.ch-grid4 .i-col {text-align:center}
.ch-partner {display:grid;grid-template-columns:23.1% 23.1% 23.1% 23.1%;grid-gap:30px;margin-bottom:50px}
.ch-partner .i-img img {width:100%}
.ch-partner .i-img {overflow:hidden;border:1px solid #eee;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px}
.custom-service {background-color:#f2f2f2;padding:120px 0}
.custom-service .wrap {width:1310px}
.custom-service .i-title {text-align:center;margin-bottom:45px}
.custom-service h2 {font-size:29px}
.custom-service h3 {font-size:16px;margin-bottom:15px}
.custom-service .i-items {display:grid;grid-template-columns:20% 20% 20% 20% 20%}
.custom-service .i-btn-more {margin-top:60px;text-align:center}
.custom-service .i-icon {margin:0 auto;width:70px}
.custom-service .i-text {margin-top:20px}
.custom-service .i-text p {margin:0;font-size:14px}
.custom-service .b {margin:0 40px;text-align:center}
.post-titles li {transition:background-color .5s ease 0s;-webkit-transition:background-color .5s ease 0s;-moz-transition:background-color .5s ease 0s;-o-transition:background-color .5s ease 0s}
.video-list .i-play .if,.project-list .i-item {transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s}
.post-list .i-thumb img,.post-list3 .i-thumb img {width:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.post-list .i-thumb:hover img,.post-list3 .i-thumb:hover img {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.project-list h3,.post-list3 h3 {text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
.project-list .i-summary,.post-list3 .i-summary {text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all}
@media screen and (max-width:1320px) {.custom-service .wrap {width:auto}
}
@media screen and (max-width:1230px) {.post-list-col4 .i-item {width:25%;margin-right:0}
.post-list-col4 .b {margin:0 10px}
.custom-service .b {margin:0 15px}
.custom-service .i-icon {width:60px}
.ch-grid4,.ch-partner {grid-template-columns:22.5% 22.5% 22.5% 22.5%}
.video-list {grid-template-columns:31% 31% 31%}
}
@media screen and (max-width:960px) {.post-right {display:none}
.post-left {width:100%}
.post-list-col4 .i-item {width:50%;margin-bottom:35px}
.post-list-col4 .i-line {display:none}
.custom-service .i-items {grid-template-columns:33.33% 33.33% 33.33%}
.custom-service .b {margin-bottom:20px}
.page-table-content .i-items {grid-gap:25px;grid-template-columns:22.5% 22.5% 22.5% 22.5%}
.page-table-content .b {padding:40px 25px}
.video-list {grid-template-columns:50% 50%;grid-gap:0}
.video-list .i-col {margin-bottom:25px}
.video-list .i-col:nth-child(odd) .b {margin-right:15px}
.video-list .i-col:nth-child(even) .b {margin-left:15px}
.download-list {display:block}
.download-list .i-item {margin-bottom:35px}
.project-list {grid-template-columns:48% 48%;grid-gap:10px}
}
@media screen and (max-width:860px) {.post-case .i-thumb,.post-case .i-item-e .i-thumb,.post-case .i-text,.post-case .i-item-e .i-text {float:none;width:100%}
.post-case .i-text {margin-top:25px}
.ch-grid4,.ch-partner {grid-template-columns:30.5% 30.5% 30.5%}
.page-table-content .i-items {grid-template-columns:48.2% 48.2%}
.project-list {grid-template-columns:48% 48%;grid-gap:10px}
}
@media screen and (max-width:640px) {.post-titles {margin-bottom:25px;position:relative}
.post-titles li {margin:0 6px 6px 0}
.content-company {margin-top:35px}
.ch-row-col3 .i-item {width:100%}
.ch-row-col3 .i-item .b {margin:0 0 40px}
.ch-row-col2 .i-left,.ch-row-col2 .i-right {width:100%;margin-bottom:35px}
.post-list1 .i-thumb,.post-list1 .i-text {width:100%}
.post-list1 .i-thumb a {margin:0}
.post-list1 .i-text {margin-top:35px}
.post-list1 h3 a {font-size:23px}
.post-list1 .i-item {padding-bottom:60px;margin-bottom:60px}
.post-title h2 {font-size:32px}
.post-list-col4 .i-item {width:100%;margin-bottom:40px}
.post-list-col4 .b {margin:0}
.post-case .i-item {padding-bottom:60px;margin-bottom:60px}
.post-case .i-item:first-child {margin-top:0}
.ch-grid2 {grid-gap:2px}
.custom-service {padding:60px 0}
.custom-service .i-items {display:block}
.custom-service .b {margin:0 0 35px}
.ch-grid4,.ch-partner {grid-template-columns:48.5% 48.5%;grid-gap:6px}
.page-table-content h2 {font-size:31px}
.page-table-content .i-items {display:block}
.page-table-content .i-col {margin-bottom:25px}
.faq-list {padding:60px 0}
.faq-list .clist-faq {padding-bottom:60px;margin-bottom:60px}
.video-list {display:block}
.video-list .i-col {margin-bottom:30px}
.video-list .i-col:nth-child(odd) .b {margin-right:0}
.video-list .i-col:nth-child(even) .b {margin-left:0}
.video-list .i-text a {font-size:15px}
.video-list .i-text {margin-top:10px}
.download-list .i-item {margin-bottom:45px}
.download-list .i-thumb {width:42%}
.download-list .i-text {width:58%}
.download-list .i-tb {margin-left:25px}
.download-list h3 a,.download-list h3 {font-size:17px}
.download-list .i-text h3 {margin-bottom:15px}
.download-list .i-text p {margin:0;font-size:12px}
.download-list .i-btn {margin-top:25px}
.download-list .btn-radius {height:32px;line-height:32px;padding:0 25px;font-size:14px;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px}
.project-list {grid-template-columns:48% 48%;grid-gap:10px}
}