#footer .footer-newsletter h4.h4{font-weight:400}
.message{ width:100%;overflow:hidden; clear:both; }
.message h2{ font-size:36px; font-weight:100; color:#000; padding:60px 0 40px 0; }
.message .input li{ float:left; }
.message .input input{ margin-right: 1%;background-color: #fff; padding: 20px 0; color:#6e6e6e; padding-left: 1%;font-size: 14px; border:none; }
.message .input .text1, .message .input .text2{ width: 16%; }
.message .input .text3{ width:50%; }
.message .input .submit{ background-color: #68A4C4; color:#fff; width: 13.9%;text-align: center;padding-left: 0; cursor:pointer;*margin:0!important;*padding:17px 0!important; margin-right: 0; }
.message p{ font-style:italic; padding:30px 0 0 0; clear:both;margin:0 }



.content_list{
display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#mproject .content > .header {
	animation-name:fadeInUp;
}

#mproject a.more {
	animation-name:fadeInUp;
	animation-delay:0.5s
}
#mproject .bx-wrapper .bx-pager {
	bottom:-40px
}
#mproject .bx-wrapper .bx-controls-direction {
	display:none
}
#mproject a.more {
    text-align: center;
	margin-top:80px
} 
#mproject .content .wrapper {
	width:100%;
	margin:0 auto;
	overflow:hidden;
    max-width: 1200px;
}
#projectlist .wrapper {
	margin-left:1%
}
#projectlist .projectitem {
	width:24%; 
	margin-right:1%;
	margin-bottom:1%; 
	position:relative;
	background:#000
}
#projectlist .projectitem {
	margin:0
}
#mproject .bx-wrapper .bx-pager {
	bottom:-40px
}
#mproject .bx-wrapper .bx-controls-direction {
	display:none
}
 
#projectlist .projectitem a {
	display:block;
	overflow:hidden
}
#projectlist .projectitem a img {
	float:none;
	width:100%;
	height:auto;
	transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;
}
#projectlist .projectitem a:hover img {
	transform:scale(1.2,1.2)
}
#projectlist .projectitem a .project_info {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
	position:absolute;
	left:0;
	top:0;
	transition:all ease-out .3s;
} 
#projectlist .projectitem a .project_info p {
	text-align:center;
	color:#fff;
	padding:0 20px
}
#projectlist .projectitem a .project_info div {
	position:relative;
	top:50%;
	margin-top:-15px
}
#projectlist .projectitem a .project_info p.title {
	margin-top:10px;
	color:rgba(0,0,0,0);
	font-size:16px;
	transition:all ease-out .3s;
}
#projectlist .projectitem a:hover .project_info p.title {
	margin-top:0px;
	color:#fff;
	font-size:16px
}
#projectlist .projectitem a .project_info p.subtitle {
	margin-top:16px;
	color:rgba(0,0,0,0);
	font-size:12px;
	transition:all ease-out .3s;
}
#projectlist .projectitem a:hover .project_info p.subtitle {
	margin-top:0px;
	color:#b7b7b7;
}
#category {
	text-align:center;
	padding-bottom:50px
}
#category li {
	display:inline-block
}
#category li.hasmore {
	height:107px
}
#category li.hasmore div {
	position:absolute;
	width:100%;
	left:0
}
#category li.hasmore div ul {
	text-align:center;
	margin-top:20px;
	padding-top:20px;
	border-top:rgba(0,0,0,0.10) 1px solid
}
#category a {
	line-height:16px;
	padding:8px 16px;
	color:#616161;
	border:#d2d2d2 1px solid;
	margin-right:2px;
	display:inline-block;
	transition:all 0.3s ease-out 0s;
}
#category li.hasmore div ul a {
	border:none
}
#category a.active,#category a:hover {
	background:#005C64;
	color:#fff;
	border-color:#838383
}
#category li.hasmore div ul a.active,#category li.hasmore div ul a:hover {
	background:#7d7d7d;
	color:#fff
}
#mproject #projectlist .projectitem {
    transition: all ease-out .3s;
    width: 380px;
    height: 360px;
    background: none;
    margin: 0 30px 25px 0;
}
#projectlist a.more {
    box-shadow: 0 2px 12px #e2e2e2;
    border: #ddd 0px solid;
    background: rgba(255,255,255,.0);
    width: 150px;
    height: 37px;
    display: block;
    margin: 40px auto 50px;
    line-height: 37px;
    font-size: 14px;
    color: #aba8a8;
    text-indent: 9px;
    border-radius: 0px;
    transition: all ease-out .3s;
    background-color: #fff;
}
.project_img{
    height: 190px;
    display: flex;
    align-items: center;
}
#mproject a.more {
    animation-name: fadeInUp;
    animation-delay: 0.5s;
}
#mproject #projectlist .projectitem a .project_info .subtitle {
    border: 0px red solid;
    transition: all ease-out .3s;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    transform-origin: center bottom;
    opacity: 1;
    -webkit-transform: rotateX(
0deg);
    position: absolute;
    left: 19%;
    top: -40px;
    color: #FFFFFF;
    width: 60%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 15px;
    text-align: center;
    padding: 0px;
    background: rgba(48, 93, 195, 0.87);
    transform: rotateX(
90deg);
    -webkit-transform: rotateX(
90deg);
    margin: 0px;
    padding: 0 1%;
}
#mproject #projectlist .projectitem a .project_info .title {
font-size: 24px;
    color: #3C3C3C; 
    width: 100%;  
	text-align:center;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 32px; 
    margin: 30px auto 0;
}
#projectlist .projectitem a .project_info p.description.hide {
	margin-top: 25px;
    color: #afafaf;
    font-size: 13px;
	    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
    line-height: 20px;
    padding: 0 20px;
 
}
#projectlist .projectitem a .project_info p {
    width: auto;
    text-align: left;
}
 
#mproject #projectlist .projectitem a .project_info div { 
    height: 170px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    position: absolute;
    bottom: 0px;
    top: auto;
    width: 100%;
    background: #F2F7F9;
}
#mproject #projectlist .projectitem a img {
    overflow: hidden;
}
#projectlist .projectitem a img {
    position: relative;
    perspective: 150;
    -webkit-perspective: 150;
}
#projectlist .projectitem a img {
    float: none;
    width: 100%;
    height: auto;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
 #projectlist a.more::after {
    transition: all 0.4s ease-out 0s;
    content: ' ';
    width: 37px;
    display: block;
    float: right;
    height: 37px;
    background-color: #68A4C4;
}
 #projectlist a.more:hover::after { 
    background-color: #68a4c4;
}

.img-fluid{width: 100%;}
.blog .sidebar .categories ul li{margin:10px 0}
.blog .sidebar .categories ul li + li{padding-top:0;}

input{outline: none;}

.blog-author .blog-litpic{border-radius: 50%;overflow: hidden;    width: 120px;height: 120px;display: flex; align-items: center; justify-content: center;float: left;}
.rounded-circle{border-radius: none;}

.articleContent img{width: 100%!important;height:auto!important;}
.meiti{display: flex;flex-wrap: wrap;width: 100%;}
.meiti img{display: flex;flex-wrap: wrap;width:80px;}