@charset "gb2312";
/*base style*/
*{ margin:0; padding:0;}
body{ margin:0; padding:0; font-size:14px; font-family:"寰蒋闆呴粦";margin: 0 auto; }
ul,p,form,input,h1,h2,h3,h4,h5,h6{padding:0; margin:0; font-size:12px;}
li{list-style:none;}
img{border:0;}
a{text-decoration:none; color:#000000;}
a:hover{ text-decoration:none;}
.clear{clear:both;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}



.lb_contents {
    background-color: #f0f0f0;
}

.portfolio-MjorMenu{
	width:1200px;
	margin:auto;
	padding:70px 0 40px;
	cursor:pointer;
}
.portfolio-MjorMenu ul li{
	width: 183px!important;
    height: 40px;
    position: relative;
    background-color: #fff;
    color: #8c8c8c;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 40px;
    margin: 0 10px;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    overflow: hidden;
    background-size: 130px;
    display: inline-block;
    z-index: 5;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    cursor: pointer;
}

.portfolio-MjorMenu ul li i {
    position: absolute;
    left: 18px;
    top: 13px;
    width: 18px;
    height: 16px;
    background-image: url(/templets/default/images/tabicons.png);
    background-repeat: no-repeat;
    background-position-x: right;
}
.portfolio-MjorMenu ul li.active{
	background-color: #386bd6;
    color: #fff;
    font-weight: 700;
}
.portfolio-MjorMenu ul li.active i{
	background-position-x: left;
}
.grid{
	width:1215px;
	margin:auto;
	overflow:hidden;
}
.grid .grid_item {
    width: 390px;
    height: 434px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-right: 15px;
    margin-bottom: 32px;
}

.grid .grid_item img{
	width:390px;
	height:260px;
}

.grid .grid_item:nth-child(3n) {
    
}

.grid .grid_item .grid_item_jj {
    position: absolute;
    bottom: -70px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    padding: 16px;
    transition: .4s;
}

.grid .grid_item .grid_item_jj h6 {
    font-size: 22px;
    line-height: 38px;
}

.grid .grid_item .grid_item_jj p {
    font-size: 16px;
    color: #2e2e2e;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.grid .grid_item .grid_item_jj span{
	display: inline-block;
	height: 30px;
	font-size: 14px;
	margin: 10px 16px 10px 0;
    border-radius: 4px;
    padding: 4px;
    color: #fff;
}

.grid .grid_item .grid_item_jj span.grid_item_jj_mb1{
	background:#018AFE;
}
.grid .grid_item .grid_item_jj span.grid_item_jj_mb2{
	background:#FB3D00;
}
.grid .grid_item .grid_item_jj span.grid_item_jj_mb3{
	background:#31BE86;
}

.grid .grid_item .grid_item_jj .grid_item_btn {
    padding: 20px 38px;
	overflow:hidden;
}

.grid .grid_item .grid_item_jj .grid_item_btn a {
    width: 112px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #bfbfbf;
    transition: .2s;
	cursor:pointer;
}

.grid .grid_item .grid_item_jj .grid_item_btn a:hover {
    color: #fff;
    background: linear-gradient(to right, #3666d2, #4a95f7);
    border: 1px solid transparent;
}

.grid .grid_item:hover .grid_item_jj {
    bottom: 0;
}