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

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

/** list **/
.post-list li{padding:80px 0;border-bottom:1px solid #EEE;}
.post-list li.i0{padding-top:30px;}
.post-list .thumb{float:left;width:33%;overflow:hidden;}
.post-list .text{float:left;width:67%;}
.post-list .i-tb{margin-left:60px;}
.post-list h3{margin:0 0 30px 0;}
.post-list h3 a{color:#333;font-size:23px;line-height:155%;font-weight:500;}
.post-list h3 a:hover{text-decoration:none;color:#d5102c;}
.post-list .date{margin-bottom:20px;}
.post-list p{color:#777;margin:0;font-size:16px;}
.post-list .more{margin-top:35px;}
.post-list .more a, .post-list .more a:after{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 .more a{position:relative;display:block;float:left;height:35px;line-height:35px;padding:0 20px;background-color:#d8d8d8;font-size:14px;color:#999;}
.post-list .more a:after {content:'';position:absolute;width:0;height:0;border-left:5px solid #d8d8d8;border-top:17px solid transparent;border-bottom:17px solid transparent;right:-5px;top:0;}
.post-list .more a:hover{text-decoration:none;}
.post-list li:hover .more a{background-color:#d5102c;color:#FFF;}
.post-list li:hover .more a:after {border-left:5px solid #d5102c;}

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

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

.post-titles{margin-bottom:20px;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:#d5102c;background-color:#d5102c;}
.post-titles li.on a{color:#FFF;}

/** project **/
.post-list-three li{float:left;width:373px;margin:0 40px 40px 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:18px;margin:0;color:#444;font-family:'Poppins',sans-serif;}
.post-list-three .thumb{position:relative;overflow:hidden;}
.post-list-three .thumb:before, .post-list-three .thumb:after{position:absolute;content:"";z-index:1;margin:auto;right:20px;bottom:20px;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.post-list-three .thumb:before{width:0%;height:1px;right:21px;border-bottom:1px solid #FFF !important;}
.post-list-three .thumb:after{height:0%;width:1px;border-left:1px solid #FFF !important;}
.post-list-three li:hover .thumb:before{width:88%;}
.post-list-three li:hover .thumb:after{height:85%;}
.post-list-three .line3, .post-list-three .line2{clear:both;width:100%;}
.post-list-three .line2{display:none;}

/** video **/
.video-title{background-color:#252525;padding:12px 15px;font-size:18px;font-weight:300;color:#FFF;}
.post-list-video li{float:left;width:363px;margin:0 35px 35px 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.7;cursor:pointer;}
.post-list-video li:hover .play .icon{color:#E80024;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;}

/** common **/
.post-list p.more a, .post-list li,
.post-list-three .thumb:before, .post-list-three .thumb:after,
.post-list-video .b, .post-list-video .play .icon,
.post-titles li
{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-video 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,  .post-list .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, .post-list 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 screen and (max-width:1230px) {
.post-list-video li, .post-list-three li{width:33.33%;margin:0 0 20px 0;}
.post-list-video .b, .post-list-three .b{margin:0 5px;}
}

@media screen and (max-width:890px) {
.post-list-video li, .post-list-three li{width:50%;}
.post-list-three .text h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.post-list-three .line3{display:none;}
.post-list-three .line2{display:block;}

.content-recent{display:none;}

.post-list li{padding:60px 0;}
.post-list .thumb{float:left;width:40%;}
.post-list .text{float:left;width:60%;}
.post-list .i-tb{margin-left:40px;}
}

@media screen and (max-width:640px) {
.post-list-video li{width:100%;}
.post-list-video .b{margin:0;}
.post-list-three li{margin-bottom:15px;}
.post-list-three .b{margin:0 5px 0 0;}
.post-list-three li.o .b{margin:0 0 0 5px;}
.post-list-three .text{margin-top:10px;}
.post-list-three .text h3, .post-list-three .text h3 a{font-size:14px;}

.post-list .thumb, .post-list .text{width:100%;}
.post-list .thumb{margin-bottom:20px;}
.post-list .i-tb{margin-left:0;}
.post-list .more{display:none;}
.post-list li{padding:0;border:none;margin-bottom:40px;}
.post-list li.i0{padding:0;}
.post-list h3{margin:0 0 15px 0;}
.post-list h3 a{font-size:18px;}
.post-list .date{margin-bottom:15px;}

.post-info .i-title h2{font-size:26px;}

    .post-titles .i-h{display:block;position:relative;border:1px solid #DDD;padding:0  15px;height:45px;line-height:45px;
        cursor:pointer;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
    .post-titles .i-h .icon{position:absolute;line-height:45px;right:15px;top:0;}
    .post-titles .i-h span{position:absolute;top:0;left:15px;line-height:45px;}
    .post-titles ul{display:none;position:absolute;width:100%;top:45px;background-color:#FFF;z-index:2;overflow:hidden;padding:5px 0;
        -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-titles li{margin:5px 10px;}
}