/** box **/
.box-col{margin-bottom:45px;}
.box-col .h{margin-bottom:20px;border-bottom:1px solid #EEE;}
.box-col .h h2{position:relative;font-size:22px;margin:0;padding-bottom:15px;line-height:100%;}
.box-col .h h2:after{position:absolute;content:'';width:35px;height:2px;background-color:#00a0e9;left:0;bottom:-1px;}
.box-col .h .arrow{display:none;}

.post-column {padding-left:12px;}
.post-column li{list-style:disc;padding:0 0 15px 8px;}
.post-column a{color:#333;}
.post-column a:hover{text-decoration:none;color:#00a0e9;}
.post-column li.on a{color:#00a0e9;}

.content-left{float:left;width:68%;}
.content-right{float:right;width:25%;}

/** search **/
.content-search{border:1px solid #DDD;overflow:hidden;margin-bottom:45px;
border-radius:21px;-webkit-border-radius:21px;-moz-border-radius:21px;}
.content-search form{padding:0 15px;}
.content-search input, .content-search button{border:none;height:42px;background-color:transparent;float:left;width:25px;}
.content-search input{width: -moz-calc(100% - 25px);width: -webkit-calc(100% - 25px);width: calc(100% - 25px);}
.content-search button{cursor:pointer;}

/** post titles **/
.post-titles{margin-bottom:40px;position:relative;}
.post-titles .i-h{display:none;}
.post-titles li{float:left;border:1px solid #EEE;margin:0 15px 15px 0;}
.post-titles li:hover{background-color:#F2F2F2;}
.post-titles a{display:inline-block;padding:8px 20px;color:#333;}
.post-titles a:hover{text-decoration:none;}
.post-titles li.on{border-color:#00a0e9;background-color:#00a0e9;}
.post-titles li.on a{color:#FFF;}

/** list **/
.post-list li.line{height:1px;border-top:1px solid #EEE;margin:50px 0;}
.post-list .thumb{margin-bottom:25px;}
.post-list h3{margin:0 0 25px 0;}
.post-list h3 a{color:#333;font-size:28px;line-height:145%;font-weight:700;}
.post-list h3 a:hover{text-decoration:none;color:#00a0e9;}
.post-list p{color:#777;margin:0;font-size:17px;font-weight:300;}
.post-list p.more{margin-top:25px;}
.post-list p.more a{color:#333;}
.post-list p.more .icon{font-size:12px;}
.post-list .i-bottom{margin-top:35px;color:#919191;}
.post-list .i-s{display:inline-block;margin:0 7px;color:#DDD;}

/** info **/
.post-info .date{margin-bottom:20px;}
.post-info .i-share{float:right;}
.post-info .i-title h2{font-size:36px;line-height:155%;}

.page-info, .post-info{padding-bottom:60px;}
.page-info .title{font-size:32px;font-weight:300;margin-bottom:40px;}

/** project **/
.post-list-three li{float:left;width:383px;margin:0 40px 60px 0;}
.post-list-three li.nm{margin-right:0;}
.post-list-three .text{margin-top:20px;}
.post-list-three .text h3, .post-list-three .text h3 a{font-size:19px;margin:0;color:#444;}
.post-list-three .thumb{position:relative;overflow:hidden;}
.post-list-three .line3, .post-list-three .line2{clear:both;width:100%;}
.post-list-three .line2{display:none;}

/** video **/
.post-list-video li{float:left;width:383px;margin:0 40px 60px 0;}
.post-list-video li.nm{margin-right:0;}
.post-list-video .thumb{position:relative;overflow:hidden;}
.post-list-video .thumb img{width:100%;}
.post-list-video .play{position:absolute;width:100%;top:45%;text-align:center;z-index:1;}
.post-list-video .play .icon{font-size:42px;opacity:0.9;cursor:pointer;}
.post-list-video li:hover .play .icon{color:#00a0e9;font-size:48px;}
.post-list-video .text{border:1px solid #EEE;border-top:none;}
.post-list-video .text h3{margin:0;}
.post-list-video .text a{display:block;padding:20px;font-size:16px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.post-list-video .line3, .post-list-video .line2{clear:both;width:100%;}
.post-list-video .line2{display:none;}

/** download **/
.btn-download{display:inline-block;color:#333;border:1px solid #333;padding:0 25px;height:40px;line-height:40px;
border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;}
.btn-download:hover{background-color:#00a0e9;border-color:#00a0e9;text-decoration:none !important;color:#FFF;}

.post-list-download li{float:left;width:50%;}
.post-list-download .thumb, .post-list-download .text{float:left;width:50%;}
.post-list-download .line2{clear:both;height:60px;}
.post-list-download .i-tb{padding:0 30px;}
.post-list-download h3 a{font-size:18px;font-weight:700;color:#333;}
.post-list-download .text p{color:#777;font-weight:300;}
.post-list-download .i-bt{margin-top:35px;}
.post-list-download .btn-download{padding:0 15px;height:30px;line-height:30px;font-size:13px;
border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;}


/** content **/
.post-desc-header{display:inline-block;border-left:3px solid #00a0e9;padding-left:30px;margin-bottom:30px;}
.post-desc-header h2{font-size:36px;margin:0;}
.post-desc-header p{font-size:19px;font-weight:bold;color:#777;margin:15px 0 0 0;}

.post-about .i-intro-img{float:left;width:660px;margin:0 60px 60px 0;}
.post-about .i-intro-img img{width:100%;}
.post-about .i-vision-mission{display:flex;display:-webkit-flex;color:#FFF;}
.post-about .i-vision-mission p{color:#FFF;}
.post-about .i-vision-mission .i-title{font-size:32px;color:#FFF;}
.post-about .i-vision-mission .i-title img{margin-right:15px;}
.post-about .i-vision, .post-about .i-mission{flex:1;background-color:#00a0e9;padding:50px;}
.post-about .i-mission{background-color: #098cc8;}
.post-about .i-floor ul{display:flex;display:-webkit-flex;flex-wrap: wrap;}
.post-about .i-floor li{padding:10px 30px;width: -moz-calc(50% - 60px);width: -webkit-calc(50% - 60px);width: calc(50% - 60px);}
.post-about .i-floor2 .i-img{float:right;width:680px;margin:0 0 60px 60px;}
.post-about .i-floor2 .i-img img{width:100%;}

/** ----------------- common ----------------- **/
.post-list-three .thumb:before, .post-list-three .thumb:after,
.post-list-video .b, .post-list-video .play .icon,
.post-about .i-history .i-text, .post-about .i-history .i-em,
.post-support .i-service .b, .post-support .i-process h3, .post-support .i-process h3:before, .post-support .i-process .i-li:before,
.btn-download
{transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;}
.post-about .i-history .i-text, .post-support .i-service .b
{-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.1);-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);box-shadow: 0 1px 10px rgba(0,0,0,0.1);}
.post-list-video li:hover .b,
.post-about .i-history li:hover .i-text,
.post-support .i-service li:hover .b
{-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.2);box-shadow: 0 1px 10px rgba(0,0,0,0.2);}
.post-list-three .thumb img{width:100%;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}
.post-list-three li:hover .thumb img
{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.post-titles li {border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}

/** ---------------- media ------------------ **/
@media screen and (max-width:1280px){
.post-list-three li, .post-list-video li{width:33.33%;margin:0;}
.post-list-three .b, .post-list-video .b{margin:15px;}

.post-about .i-intro-img{width:45%;margin:0 40px 40px 0;}
}

@media screen and (max-width:980px){
.content-left, .content-right{width:100%;float:inherit;clear:both;}
.content-recent{display:none;}

.content-search{margin-bottom:15px;}

.content-category, .post-titles{height:48px;position:relative;border:1px solid #DDD;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.content-category .i-menu, .post-titles .i-menu{display:none;position:absolute;top:48px;left:0;z-index:2;width:100%;
background-color:#FFF;-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.15);-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.15);box-shadow: 0 1px 10px rgba(0,0,0,0.15);}
.content-category ul{padding:25px 30px;}
.content-category .h{cursor:pointer;margin:0 !important;border:none;}
.content-category .arrow, .post-titles .i-h .icon{display:block !important;position:absolute;right:15px;top:0;line-height:48px;}
.content-category .h h2, .post-titles .i-h span{display:inline-block;font-size:16px;font-weight:400;padding:0 15px !important;line-height:48px !important;}
.content-category h2:after{display:none;}
.post-titles .i-h{display:block;}
.post-titles li{float:inherit;border:none;border-top:1px solid #EEE;margin:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}
.post-titles a{display:block;}


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

.post-about .i-intro-img, .post-about .i-floor2 .i-img{width:100%;margin:0 0 50px 0;}
}

@media screen and (max-width:640px) {
.box-col{margin-bottom:20px;}

.post-list{padding-top:10px;}
.post-list .more{display:none;}
.post-list h3 a{font-size:24px;}
.post-list .thumb, .post-list h3{margin-bottom:20px;}
.post-list .i-bottom{margin-top:20px;}
.post-list li.line{margin:35px 0;}

.post-list-three .text h3, .post-list-three .text h3 a{font-size:12px;}
.post-list-three .text{margin-top:10px;}

.post-list-video li{width:100%;margin-bottom:15px;}
.post-list-video .b, .post-list-video li.o .b{margin:0;}
.post-list-video .line2{display:none;}

.post-list-download .i-tb{padding:0 0 0 20px;}
.post-list-download .text p{display:none;}

.post-about .i-vision-mission{display:block;}
.post-about .i-vision, .post-about .i-mission{width:auto;padding:25px;}
.post-about .i-mission{margin-top:25px;}
.post-about .i-floor li{width:100%;padding:0;}
.post-about .i-vision-mission .i-title img{display:none;}

}