/* 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:42px;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:#007cc2;}
.post-col li.on a{color:#007cc2;}

.post-titles{margin-bottom:50px;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:#007cc2;background-color:#007cc2;}
.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;}

/* list */
.video-list .i-item{float:left;width:366px;margin-right:40px;}
.video-list .i-item.nm{margin-right:0 !important;}
.video-list .b{overflow:hidden;}
.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;}
.video-list .i-thumb:hover .i-play .if{font-size:58px;color:#E80024;}
.video-list .i-line{width:100%;clear:both;height:60px;}
.video-list .i-text{margin-top:20px;}
.video-list .i-text h3{margin:0;}
.video-list .i-text a{font-size:15px;font-weight:400;color:#666}
.video-list .i-text p{margin:12px 0 0 0;color:#666;}

.post-list1 .i-item, .post-news .i-item{padding-bottom:80px;margin-bottom:80px;border-bottom:1px solid #EEE;}
.post-list1 .i-thumb{float:left;width:47%;overflow:hidden;}
.post-list1 .i-thumb a{display:block;margin-right:55px;}
.post-list1 .i-thumb img{width:100%;}
.post-list1 .i-text{float:left;width:53%;}
.post-list1 h3, .post-news h3{margin:0 0 20px 0;}
.post-list1 h3 a, .post-news h3 a{font-size:28px;font-weight:500;}
.post-list1 p, .post-news p{margin:0;color:#777;line-height:185%;}
.post-list1 .i-date, .post-news .i-date{color:#999;margin-bottom:20px;}
.post-list1 .i-bt, .post-news .i-bt{margin-top:40px;}
.post-news .i-thumb{margin-bottom:20px;}

.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 .i-item{float:left;width:550px;margin-right:80px;}
.download-list .i-item.nm{margin-right:0 !important;}
.download-list .i-line{clear:both;width:100%;height:60px;overflow:hidden;}
.download-list .i-thumb img{width:100%;}
.download-list .i-thumb{float:left;width:52%;}
.download-list .i-thumb a{display:block;margin-right:40px;}
.download-list .i-text{float:left;width:48%;}
.download-list .i-text h3{margin:0 0 16px 0;}
.download-list .i-text h3 a{font-size:22px;font-weight:500;}
.download-list .i-text p{margin:0 0 30px 0;color:#777;}

.post-list-col4 .i-item{float:left;width:265px;margin-right:40px;}
.post-list-col4 .i-item.nm{margin-right:0 !important;}
.post-list-col4 .b{overflow:hidden;}
.post-list-col4 .i-thumb{position:relative;}
.post-list-col4 .i-thumb img{width:100%;}
.post-list-col4 .i-line{width:100%;clear:both;height:60px;}
.post-list-col4 .i-text{margin-top:20px;}
.post-list-col4 .i-text p{color:#666;margin:0;}
.post-list-col4 h3{margin:0 0 15px 0;line-height:130%;}
.post-list-col4 h3 a{font-size:15px;font-weight:500;color:#666;}

.faq-list li{list-style:disc;margin-left:16px;padding:15px 0;border-bottom:1px solid #EEE;}

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

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

.ch-title-1{border-left:2px solid #007cc2;padding-left:15px;margin-bottom:40px;}
.ch-title-1 h3{font-weight:500;font-size:26px;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%;}

/** ------------------------- content ------------------------- **/
.content-desc h1, .content-desc h2, .content-desc h3, .content-desc h4{line-height:145% !important;}
.post-about{padding:30px 0;}
.post-about .f1 .i-img{float:left;;width:48%;margin:0 45px 45px 0;}
.post-about .f1 .i-img img{width:100%;}
.post-about .f1 h3{font-size:24px;} 
.post-about .f2{margin:80px 0;} 
.post-about .i-mission .i-img{float:left;width:48%;}
.post-about .i-mission .i-text{float:right;width:48%;}
.post-about .i-mission .i-text h3, .post-about .i-title h3{position:relative;font-size:24px;}
.post-about .i-mission .i-text h3:after, .post-about .i-title h3:after{position:absolute;content:'';width:50px;height:2px;background-color:#23b0f1;left: 0;bottom:-10px;}
.post-about .i-mission .i-text h3 img{width:50px;}
.post-about .i-title{margin-bottom:35px;}
.post-about .i-line{clear:both;margin:60px 0;width:100%;height:1px;background-color:#DDD;overflow:hidden;}
.post-about .i-advantage .i-left{float:left;width:48%;}
.post-about .i-advantage .i-right{float:right;width:48%;}
.post-about .i-advantage h4{font-size:20px;}
.post-about .i-service{padding:45px;background-color:#2482C0;margin:50px 0;}
.post-about .i-service *{color:#FFF;}
.post-about .i-service h3{position:relative;font-size:24px;margin-bottom:35px;}
.post-about .i-service h3:after{position:absolute;content:'';width:50px;height:2px;background-color:#FFF;left: 0;bottom:-15px;}
.post-about .i-service .i-left{float:left;width:65%;}
.post-about .i-service .i-right{float:right;width:35%;text-align:right;}
.post-about .i-history{position:relative;padding:35px 0;}
.post-about .i-history .i-line{position:absolute;width:2px;height:88%;left:50%;bottom:-15px;background-color:#DDD;}
.post-about .i-history .i-text{width:42%;float:right;}
.post-about .i-history .i-text .i-tb{padding:30px;}
.post-about .i-history .i-text h3{margin:0 0 15px 0;font-size:20px;}
.post-about .i-history ul{padding:0 100px !important;}
.post-about .i-history li{list-style:none !important;position:relative;}
.post-about .i-history li:nth-child(odd) .i-text{float:left;}
.post-about .i-history .i-em{position:absolute;top:40%;left:47%;width:60px;height:60px;background-color:#DDD;overflow:hidden;text-align:center;
border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
.post-about .i-history li:hover .i-em{background-color:#007CC8;}
.post-about .i-history .i-em img{width:30px;height:30px;margin:15px 0;min-height:auto;}
.post-about .i-history .i-year{position:absolute;top:40%;right:57%;font-size:26px;font-weight:700;}
.post-about .i-history li:nth-child(odd) .i-year{right:auto;left:57%;}
.post-about .i-video iframe{height:650px;}
.post-about .i-contact{padding:15px 120px;text-align:center;}
.post-about .i-contact h2{font-size:35px;margin-bottom:60px;font-weight:500;}
.post-about .i-contact .btn-submit{padding:0 80px;height:56px;line-height:56px;background-color:#FFF;color:#333;border:1px solid #333;
border-radius:28px;-webkit-border-radius:28px;-moz-border-radius:28px;}
.post-about .i-contact .btn-submit:hover{border-color:#007CC8;background-color:#007CC8;color:#FFF;}

.post-custom .f1-left{float:left;width:48%;min-height:270px;}
.post-custom .f1-right{float:left;width: 48%;}
.post-custom .f1 h3{font-size:20px;}
.post-custom .f1 .c-img{float:left;width:33.33%;}
.post-custom hr{border:none;background-color:#DDD;height:1px;width:100%;clear:both;overflow:hidden;margin:60px 0;}
.post-custom .f2-left{float:left;width:48%;}
.post-custom .f2-right{float:right;width:48%;}
.post-custom .f2 h3{font-size:20px;}
.post-custom .i-title-gray{background-color:#5f6365;padding:8px 12px;margin-bottom:25px;color:#FFF;}
.post-custom .f-bg, .post-custom .f-bg1{background-color:#11204b;padding:45px;margin:35px 0;color:#FFF;}
.post-custom .f-bg *, .post-custom .f-bg1 *{color:#FFF;}
.post-custom .f-bg h3, .post-custom .f-bg1{font-size:26px;margin:0 0 45px 0;}
.post-custom .f-bg1 h3{margin-bottom:20px;}
.post-custom .i-col2{float:left;width:50%;margin-bottom:45px;}
.post-custom .i-col2 .i-icon{float:left;width:22%;}
.post-custom .i-col2 .i-icon img{width:90px;}
.post-custom .i-col2 .i-text{float:left;width:78%;}
.post-custom .i-col2 .b{padding-right:45px;}
.post-custom .i-col2 p{margin:15px 0 0 0 !important;}
.post-custom .i-col2 h4{font-size:18px;margin:0 0 15px 0;}
.post-custom .f-white{padding:60px 0;}
.post-custom .f-white .f2-right{padding-top:40px;}
.post-custom .f-col2-left .i-item, .post-custom .f-col2-right .i-item{float:left;width:50%;}
.post-custom .f-col2-left .i-item .b{margin-right:15px;}
.post-custom .f-col2-right .i-item .b{margin-left:15px;}
.post-custom .f-col2-left h4, .post-custom .f-col2-right h4, .post-custom .f-col4 h4{margin:18px 0;}
.post-custom .f-col2-left p, .post-custom .f-col2-right p, .post-custom .f-col4 p{margin:15px 0;}
.post-custom .f-col4 .i-item{float:left;width:283px;margin:0 12px 25px 0;}
.post-custom .f-col4 .i-item img{width:100%;}
.post-custom .f-col4 .nm{margin-right:0 !important;}

.post-custom-title{margin-bottom:35px;}
.post-custom-title h3{position:relative;font-size:24px !important;}
.post-custom-title h3:after{position:absolute;content:'';width:50px;height:2px;background-color:#23b0f1;left: 0;bottom:-10px;}

.post-custom-title-1{padding:45px 0;text-align:center;}
.post-custom-title-1 h3{font-size:36px;margin:0 0 15px 0;}
.post-custom-title-1 p{margin:0;}
.post-custom-title-1 .i-line{margin:0 auto;width:50px;height:2px;background-color:#2381BE;}

.post-patent .i-item{float:left;width:25%;overflow:hidden;}
.post-patent .i-item img{width:100%;}
.post-patent .i-b{margin:15px;}

.post-col-icons {position:relative;height:550px;}
.post-col-icons .i-bottom{position:absolute;width:100%;left:0;bottom:0;background-color:#F2F2F2;}
.post-col-icons .i-item{float:left;width:12.5%;}
.post-col-icons .i-b{padding:30px 20px;font-weight:600;font-size:16px;text-align:center;position:relative;}
.post-col-icons a{color:#333;text-decoration:none;font-weight:600;font-size:16px;}
.post-col-icons .i-b:before, .post-col-icons .i-b:after{position:absolute;z-index:1;content:'';bottom:90%;left:44%;}
.post-col-icons .i-b:before{width:20px;height:20px;background-color:#9BBB59;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
.post-col-icons .i-b:after{width:0;overflow:hidden;border-right:3px dashed #9BBB59;height:30px;left:49.5%;}
.post-col-icons img{width:90px;}
.post-col-icons .i-ico{position:absolute;left:0;top:-120px;width:100%;text-align:center;z-index:2}
.post-col-icons .i2 .i-ico{top:-160px;}
.post-col-icons .i3 .i-ico{top:-200px;}
.post-col-icons .i4 .i-ico{top:-240px;}
.post-col-icons .i5 .i-ico{top:-280px;}
.post-col-icons .i6 .i-ico{top:-320px;}
.post-col-icons .i7 .i-ico{top:-360px;}
.post-col-icons .i8 .i-ico{top:-400px;}
.post-col-icons .i2 .i-b:before{background-color:#69a35b;}
.post-col-icons .i3 .i-b:before{background-color:#1aa3aa;}
.post-col-icons .i4 .i-b:before{background-color:#3498db;}
.post-col-icons .i5 .i-b:before{background-color:#1f74ad;}
.post-col-icons .i6 .i-b:before{background-color:#f5cc0a;}
.post-col-icons .i7 .i-b:before{background-color:#ef9e2e;}
.post-col-icons .i8 .i-b:before{background-color:#e97052;}
.post-col-icons .i2 .i-b:after{border-color:#69a35b;height:160px;}
.post-col-icons .i3 .i-b:after{border-color:#1aa3aa;height:200px;}
.post-col-icons .i4 .i-b:after{border-color:#3498db;height:240px;}
.post-col-icons .i5 .i-b:after{border-color:#1f74ad;height:280px;}
.post-col-icons .i6 .i-b:after{border-color:#f5cc0a;height:320px;}
.post-col-icons .i7 .i-b:after{border-color:#ef9e2e;height:360px;}
.post-col-icons .i8 .i-b:after{border-color:#e97052;height:400px;}

.post-col-icons .i-item:hover .i-ico {
  -webkit-animation:aniIco 2s infinite linear;
  animation:aniIco 2s infinite linear
}
.post-col-icons .i-item:hover .i-b:after {height:30px !important;}

@-webkit-keyframes aniIco {
	0%   {top:-120px;}
  50%  {top:-140px;}
  100% {top:-120px;}
}
@keyframes icon-spin {
	0%   {top:-120px;}
  50%  {top:-140px;}
  100% {top:-120px;}
}

.post-support .i-service .i-item{width:100%;clear:both;margin-bottom:60px;}
.post-support .i-service .i-icon{float:left;width:90px;}
.post-support .i-service .i-text{float:left;width: -moz-calc(100% - 90px);width: -webkit-calc(100% - 90px);width: calc(100% - 90px);}
.post-support .i-service .i-box{padding-left:100px;}
.post-support .i-service .i-h{font-size:36px;font-weight:700;margin-bottom:35px;}
.post-support .i-img-right{float:right;margin:0 0 50px 50px;max-width:45%;}

a.btn-radius, a.btn-radius-fill{text-decoration:none !important;}


/*------------------------ 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
{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
{-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:1180px){
.download-list .i-item{width:50%;margin-right:0;}
.download-list .i-item .b{margin:0 10px;}

.video-list .i-item{width:33.33%;margin-right:0;}
.video-list .b{margin:0 10px;}

.post-list-col4 .i-item{width:25%;margin-right:0;}
.post-list-col4 .b{margin:0 10px;}
}

@media screen and (max-width:960px){
.post-right{display:none;}
.post-left{width:100%;}

.video-list .i-item, .post-list-col4 .i-item{width:50%;margin-bottom:35px;}
.video-list .i-line, .post-list-col4 .i-line{display:none;}

/* post */
.post-about .i-mission .b{margin:0 20px;}
.post-about .i-history ul{padding:0 !important;}
.post-about .i-contact{padding:0;}

.post-custom .f1-left{min-height:auto;}

.post-quality .i-title, .post-support .i-title{padding:0;}
.post-quality .i-item{width:50%;}

.post-col-icons{display:none;}
.post-support .i-service .i-icon{width:60px;}
.post-support .i-service .i-text{width: -moz-calc(100% - 60px);width: -webkit-calc(100% - 60px);width: calc(100% - 60px);}
.post-support .i-service .i-box{padding-left:60px;}

.post-list-three li, .post-list-video li{width:50%;}
.post-list-three .b, .post-list-video .b{margin:0 5px 0 0;}
.post-list-three li.o .b, .post-list-video li.o .b{margin:0 0 0 5px;}
.post-list-three .line3, .post-list-video .line3{display:none;}
.post-list-three .line2, .post-list-video .line2{display:block;height:25px;}

.post-list-download li{width:100%;margin-top:20px;}
.post-list-download .line2{display:none;}
}

@media screen and (max-width:860px){
.download-list .i-item{width:100%;margin-bottom:45px;}
.download-list .i-item .b{margin:0;}
.download-list .i-line{height:0;}
}
@media screen and (max-width:640px){
.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;}

.download-list .i-text p{font-size:12px;}
.download-list .i-text h3 a{font-size:19px;}
.download-list .i-thumb a{margin-right:20px;}

.video-list .i-item, .post-list-col4 .i-item{width:100%;margin-bottom:40px;}
.video-list .b, .post-list-col4 .b{margin:0;}

/* post */
.post-about .f1 .i-img{width:100%;margin:0 0 25px 0;}
.post-about .f2{margin:30px 0;}
.post-about .i-mission .i-img, .post-about .i-mission .i-text, 
.post-about .i-advantage .i-left, .post-about .i-advantage .i-right,
.post-about .i-service .i-left, .post-about .i-service .i-right {width:100%;}
.post-about .i-mission .i-text{margin-top:20px;}
.post-about .i-service{padding:20px;margin-top:20px;}
.post-about .i-history{padding:15px 0;}
.post-about .i-history .i-line{left:17px;top:0;height:100%;}
.post-about .i-history .i-em{left:0;top:0;width:35px;height:35px;}
.post-about .i-history .i-em img{width:20px;height:20px;margin:7px 0;}
.post-about .i-history li{padding-top:45px;margin-top:20px;}
.post-about .i-history .i-year, .post-about .i-history li:nth-child(odd) .i-year{left:45px;top:-3px;right:auto;}
.post-about .i-history .i-text, .post-about .i-history li:nth-child(odd) .i-text{float:inherit;width:auto;margin-left:40px;}
.post-about .i-video iframe{height:320px;}

.post-custom .f1-left, .post-custom .f2-left, .post-custom .f1-right, .post-custom .f2-right{
  float:inherit;width:100%;clear:both;
}
.post-custom .f1-right, .post-custom .f2-right{margin-top:40px;}
.post-custom hr{margin:40px 0;}
.post-custom .i-col2{width:100%;}
.post-custom .f-bg, .post-custom .f-bg{padding:30px;}
.post-custom .i-col2 .i-icon img{width:40px;}
.post-custom .i-col2 .b{padding-right:0;}
.post-custom .f-col2-left, .post-custom .f-col2-right{margin-bottom:25px;}
.post-custom .f-col2-left .i-item, .post-custom .f-col2-right .i-item,
.post-custom .f-col4 .i-item
{float:inherit;width:100%;clear:both;margin:0;}
.post-custom .f-col2-left .i-item .b, .post-custom .f-col2-right .i-item .b{margin:0;}
.post-custom .f-col2-left img, .post-custom .f-col2-right img{width:100%;}

.post-support .i-service .i-icon img{width:50px;}
.post-support .i-service .i-icon, .post-support .i-service .i-text{width:100%;}
.post-support .i-service .i-box{padding:20px 0 0 0;}
.post-support .i-service .i-h{font-size:28px;}
.post-support .i-img-right{float:inherit;width:100%;margin:0 0 30px 0;max-width:100%;}

.post-patent .i-item{width:50%;}
.post-patent .i-b{margin:5px;}
}