@charset "utf-8";

@font-face {
    font-family:'Univers LT';
    src: url('fonts/Univers LT.eot');
    src: url('fonts/Univers LT.eot?#iefix') format('eot'),
         url('fonts/Univers LT.woff2') format('woff2'),
         url('fonts/Univers LT.woff') format('woff'),
         url('fonts/Univers LT.ttf') format('truetype'),
         url('fonts/Univers LT.svg#Univers LT') format('svg');
    font-weight:normal;font-style:normal;
}
.bloglist{}
.bloglist ul li{overflow:hidden;transition:all 0.3s ease 0s;display:-webkit-flex;display:flex;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;padding:60px 0;border-bottom:2px solid #eee;cursor:pointer;}
.bloglist ul li .pic{width:600px;display:block;position:relative;}
.bloglist ul li .pic a{width:100%;display:block;overflow:hidden;}
.bloglist ul li .pic img{width:100%;transition:all 0.3s ease 0s;}
.bloglist ul li .pic .more{display:none;position:absolute;left:-100px;top:calc(50% - 35px);width:70px;height:70px;line-height:74px;overflow:hidden;background:#e00000;text-align:center;border-radius:50%;}
.bloglist ul li .pic .more i::before{font-family:"qico";content:"\e650";font-size:30px;color:#fff;display:inline-block;margin-top:1px;}

.bloglist ul li .t{-webkit-flex:1;flex:1;margin:0 140px 0 0;}
.bloglist ul li .t .date{font-size:20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.bloglist ul li .t .date em{color:#e00000;font-weight:bold;}
.bloglist ul li .t .date em::after{content:"";display:block;height:5px;background:#A0A0A0;width:5px;border-radius:50%;display:inline-block;margin:0 10px;}
.bloglist ul li .t .date span{color:#212121;}

.bloglist ul li .t h5{margin:25px 0 0;font-size:24px;line-height:54px;text-transform:capitalize;font-weight:bold;}
.bloglist ul li .t h5 a{color:#212121;}
.bloglist ul li .t p{color:#666;font-size:17px;overflow:hidden;margin:20px 0 0;line-height:30px;}

.bloglist ul li .t .more{margin-top:25px;display:inline-block;color:#212121;font-size:28px;}
.bloglist ul li .t .more::after{content:"";display:block;width:20px;height:2px;background:#e00000;vertical-align:middle;display:inline-block;margin:0 0 0 13px;}
.bloglist ul li .t .more:hover{color:#e00000;}

.bloglist ul li:hover .pic img{transform:scale(1.08);-webkit-transform:scale(1.08);}
.bloglist ul li:hover .pic .more{display:block;}

.bloglist ul li:nth-child(2n){-webkit-flex-direction:row;flex-direction:row;}
.bloglist ul li:nth-child(2n) .t{margin:0 0 0 140px;}
.bloglist ul li:nth-child(2n) .pic .more{left:auto;right:-100px;top:calc(50% - 35px);}
.bloglist ul li:nth-child(2n) .pic .more i::before{content:"\e64f";}

.bloglist .getmore{margin:70px 0 0;text-align:center;}
.bloglist .getmore a{display:inline-block;font-size:48px;line-height:57px;color:#212121;border-bottom:2px solid #212121;}

.related-blog{margin-top:20px;}
.related-blog .tit{height:37px;line-height:36px;margin:0 0 0 0;}
.related-blog .tit h4{font-size:22px;color:#000;}
.related-blog ul{margin:0 0 0 -2%;}
.related-blog ul li{float:left;width:23%;margin:15px 0 0 2%;}
.related-blog ul li img{display:block;width:100%;border:1px solid #DADADA;}
.related-blog ul li p{height:30px;line-height:30px;text-align:center;font-size:14px;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;color: #090104;}
.related-blog ul li:hover a{color:#E00000;}

/*---------------*/
@media screen and (max-width:1300px){

.bloglist ul li .pic{width:50%;}
.bloglist ul li .t{margin:0 70px 0 0;}
.bloglist ul li:nth-child(2n) .t{margin:0 0 0 70px;}
.bloglist ul li:hover .pic .more{display:none;}
}
@media screen and (max-width:768px){
.bloglist ul{margin-top:-20px;}
.bloglist ul li{padding:20px 0;-webkit-flex-direction:column;flex-direction:column;}
.bloglist ul li .t{margin:20px 0 0;}
.bloglist ul li .t .date{font-size:15px;}
.bloglist ul li .t .date em::after{height:4px;width:4px;margin:0 8px;}
.bloglist ul li .t h5{margin:15px 0 0;font-size:20px;line-height:1.3;}
.bloglist ul li .t p{font-size:15px;margin:15px 0 0;line-height:22px;}
.bloglist ul li .t .more{display:none;}
.bloglist ul li:hover .pic .more{display:none;}

.bloglist ul li:nth-child(2n){-webkit-flex-direction:column;flex-direction:column;}
.bloglist ul li:nth-child(2n) .t{margin:20px 0 0;}

.related-blog ul li{width:48%;}
	
}