/* tabs */
.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;}

/* box */
.post-left{float:left;width:68%;}
.post-right{float:right;width:22%;}

/* title */
.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;}

/* col */
.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:#0a758f;}
.post-col li.on a{color:#0a758f;}

.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:#0a758f;background-color:#0a758f;}
.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 0;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 0;color:#999;font-size:12px;}
.post-recent .i-summary{margin:6px 0 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 0;font-size:16px;font-weight:500;}

/* ----------------- list ---------------- */
.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:#E80024;}
.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 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 0;}
.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-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 0;}
.post-list-grid h3 a{font-weight:400;font-size:18px;}
.post-list-grid p{margin:15px 0 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 0;}
.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;}

.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 0;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;}

.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 .ctpl-faq{padding-bottom:80px;margin-bottom:80px;border-bottom:1px solid #EEE;}

/* ----------------- column ---------------- */
.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:#0a758f !important;}
.post-swiper .i-text{margin-top:15px;}
.post-swiper .i-thumb img{width:100%;}

/* ----------------- detail ---------------- */
.post-detail-download{border-top:1px solid #EEE;padding-top:50px;margin-top:50px;}

.ch-title-1{border-left:2px solid #0a758f;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;}


/*------------------------ common ------------------------*/
/* transition */
.post-titles li{
transition:background-color 0.5s ease 0s; -webkit-transition:background-color 0.5s ease 0s;-moz-transition:background-color 0.5s ease 0s;-o-transition:background-color 0.5s ease 0s;}
.video-list .i-play .if{
transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}

.post-list .i-thumb img, .post-list3 .i-thumb img
{width:100%;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.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);}


/* ----------- media ---------- */
@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;}

.post-list3{grid-template-columns:48% 48%;}
}

@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%;}
}

@media screen and (max-width:640px){
.post-titles li{margin:0 10px 10px 0;}

.content-company{margin-top:35px;}
.ch-row-col3 .i-item{width:100%;}
.ch-row-col3 .i-item .b{margin:0 0 40px 0;}
.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 0;}

.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 .ctpl-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;}

.post-list3{display:block;}
.post-list3 .i-text{margin:10px 0 25px 0;}
}