h4,
h5,
h6,
h1,
h2,
h3 {
	margin-top: 0;
}

ul,
ol {
	margin: 0;
}

p {
	margin: 0;
}
img{
	max-width: 100%;
}
html,
body {
	font-family: "微软雅黑";
}

body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
a:hover,a:focus{
	text-decoration: none;
}
li{
	list-style: none;
}

.head-nav ul li a {
display: block;
    color: #888888;
    text-decoration: none;
    font-weight: 500;
    font-size: 1em;
    margin: 0.5em;
    padding-top: .8em;
    padding-bottom: .3em;
}

.about-us {
	border: 1px solid #e9e9e9;
}

.head-nav a:hover,
.head-nav a:focus {
	outline: none;
}

.head-nav ul {
	padding: 0;
	margin: 0;
}

*,
*:after,
*::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.head-nav ul li {
	display: block;
	outline: none;
	text-decoration: none;
	letter-spacing: 1px;
	/*margin-bottom: 2em;*/
	    margin-top: -8.7px;
	border-bottom: 1px solid #E9E9E9;
}
.head-nav ul li:hover {
background-color: #F9F9F9;
border-left: 2px solid #fe8431;

}
.head-nav ul li.active {
background-color: #F9F9F9;
border-left: 2px solid #fe8431;
}
.head-nav ul li a:hover,
.head-nav ul li.active a {	
	background-color: #F9F9F9;
	color: #fe8431;
}

.head-nav ul li a:hover,
.head-nav ul li.active a {
	color: #fe8431;
}

.content-main {
	padding: 1rem 0;
	background: #efefef!important;
}

.top-left h4 {
	background: #fe8431;
	/* margin: 0.15em 0 0; */
	color: #fff;
	padding: 0.7em 0.5em;
	font-weight: 600;
	font-size: 1.1em;
	margin-top: 0;
	    margin-bottom: 0;
}

.top-left label {
	background: #0279ff;
	width: 255px;
	height: 2px;
	margin: 0px 0 11px;
}

.top-left p {
	color: #888888;
	line-height: 1.8em;
	margin: 0.5em 0;
	font-size: 1em;
	font-weight: 400;
}

.top-left h6 {
	color: #888888;
	margin: 0.5em 0;
	font-size: 0.9em;
	font-weight: 400;
}
.company_info {
    padding: 7px 20px;   
}
.company_info p{
	text-indent: 2.5em;
}
ul.head-part {
    display: initial;
    font-size: .9em;
    margin-left: 0em!important;
}

/*--about--*/

.about-content,
.contact-content,
.single {
	padding: 0em 0 2em;
}

.col-md-9.top-right {
	border: 1px solid #E1DFDA;
	    background: #fff;
}

.about-content h2 {
	color: #2789EE;
	font-size: 3em;
	font-weight: 300;
}

.about-grid2,
.about-grid,
.who-iam {
	margin-top: 1em;
}

.pagination> .active> a,
.pagination> .active> span,
.pagination> .active> a:hover,
.pagination> .active> span:hover,
.pagination> .active> a:focus,
.pagination> .active> span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #1B242F;
	border-color: #1B242F;
}

.about-grid h3,
.about-grid2 h3,
.who-iam h3 {
    color: #4a5054;
    font-size: 1.5em;
    height: 1.7em;
    border-bottom: 1px solid #ddd;
        margin-bottom: 1.1em;
	
}
.show_tag{
	margin-bottom: 0.5em;
	padding-bottom: .5em;
	border-bottom: 1px solid #ececec;
}
.share {
    width: 186px;
    float: right;
}
.show_tag {
    width: 100%;
    float: left;
    /*margin: 18px 0px;*/
    font-size: 13px;
    color: #696969;
    border-bottom: 1px solid #E1DFDA;
}
.show_tag .tag-time {
    float: left;
    line-height: 50px;
    height: 50px;
    display: inline-block;
    padding-right: 10px;
}
.show_tag .tag-source {
    line-height: 35px;
    height: 35px;
    background: none;
}
.show_tag span {
    float: left;
    line-height: 54px;
    height: 33px;
    margin-top: -3px;
    display: inline-block;
    padding-right: 60px;
}
.show_tag .color-blue {
    color: #32c0ff;
    float: none;
    padding-right: 0px;
    max-width: 398px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bdshare-button-style1-24 a, .bdshare-button-style1-24 .bds_more {
    float: left;
    font-size: 18px;
    padding-left: 25px;
    line-height: 24px;
    height: 24px;
    background-image: url(../img/icons_1_24.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 6px 6px 6px 0;
}
.bdshare-button-style1-24 .bds_qzone {
    background-position: 0 -52px;
}
.bdshare-button-style1-24 .bds_tsina {
    background-position: 0 -104px;
}
.bdshare-button-style1-24 .bds_tqq {
    background-position: 0 -260px;
}
.bdshare-button-style1-24 .bds_renren {
    background-position: 0 -208px;
}
.bdshare-button-style1-24 .bds_weixin {
    background-position: 0 -1612px;
}




.about-grid em,
.about-grid2 em,
.who-iam em {
	background: #fe8431;
	height: 3px;
	width: 5em;
	display: block;
	position: relative;
	top: 13px;
}

.about-grid span,
.about-grid2 span,
.who-iam span {
	padding-left: .4em;
}

.about-grid p,
.about-grid2 p,
.who-iam p {
	color: #888888;
	font-size: 1em;
	line-height: 1.8em;
	font-weight: 400;
	margin-bottom: 1em;
	/*text-indent: 2.5em;*/
}

.about-grid.contact1 p {
	margin-left: 1em;
}

.about-grid.contact1 {
	margin-bottom: 3em;
}

p.comany {
	margin-top: 1.7em;
}

.about-grid2 li {
	list-style-image: url(../images/icon3.png);
	margin: 0 0 10px 25px;
}

p.hhr {
	height: 1px;
	float: right;
	display: block;
	min-width: 39%;
	position: relative;
	top: -16px;
	right: 24em;
	background: #000;
	z-index: 0;
}

.fuwu label {
	height: 1px;
	min-width: 48%;
	position: relative;
	top: 0px;
	left: 2%;
	background: #000;
	z-index: 0;
}

.about-grid2 li a {
	color: #9A9598;
	font-size: 0.9em;
	text-decoration: none;
}

.about-grid2 li a:hover {
	color: #2789EE;
	padding-left: 1em;
}

.pagination> .active> a,
.pagination> .active> span,
.pagination> .active> a:hover,
.pagination> .active> span:hover,
.pagination> .active> a:focus,
.pagination> .active> span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #2789EE!important;
	border-color: #2789EE!important;
}

/*.table> thead> tr> th,
.table> tbody> tr> th,
.table> tfoot> tr> th,*/
.table> thead> tr> td,
.table> tbody> tr> td,
.table> tfoot> tr> td {
	padding: 12px!important;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}

.man-info {
	width: 60%;
	float: left;
	margin-right: 5%;
}

.man-pic {
	width: 30%;
	float: left;
}

.man-info h4 {
	color: #4a5054;
	margin-left: 1em;
	font-size: 1.3em;
	margin-bottom: 0.5em;
	/* font-weight: 600; */
}

.man-info li {
	color: #888888;
	font-size: 1.1em;
	margin-left: 2em;
	padding: 5px 0;
}

.achives-content h2 {
	color: #2789EE;
	font-size: 3em;
	font-weight: 300;
	text-align: left;
}


/*-- responsive-mediaquries --*/

@media(max-width:1024px) {
	.top-left label {
		width: 205px;
	}
	.top-left h4 {
		padding: 0.6em 0.5em;
		font-size: 1.1em;
	}
	.top-left p {
		font-size: 0.875em;
	}
	.view .mask {
		padding: 1em 0;
	}
	.view h4 {
		font-size: 1.1em;
	}
	.view p {
		font-size: 0.875em;
	}
	.mask h5 {
		font-size: 0.9em;
	}
	.singlepage p {
		width: 100%;
		font-size: 0.875em;
	}
	.cmts-main-right p {
		font-size: 0.875em;
	}
	.leave h4 {
		font-size: 1.3em;
	}
	p.sng {
		width: 100%;
	}
	.contact-info p {
		font-size: 0.875em;
	}
	.achives-content p {
		font-size: 0.875em;
	}
	.about-grid p,
	.about-grid2 p,
	.who-iam p {
		font-size: 0.875em;
	}
	.about-grid2 li a {
		font-size: 0.875em;
	}
	.man-info li {
		font-size: 0.875em;
	}
	.company_address p {
		font-size: 0.875em;
	}
}


/*-- responsive-mediaquries --*/

@media(max-width:768px) {
	.top-right {
		float: left;
		width: 76%;
	}
	.top-left {
		width: 24%;
		float: left;
		margin-right: 0%;
	}
	.top-left label {
		width: 142px;
	}
	.banner-right {
		width: 36%;
		float: right;
	}
	.view h4 {
		font-size: 1em;
	}
	.view p {
		font-size: 0.85em;
		padding: 0em 1em;
		line-height: 1.3em;
	}
	.top-left p {
		font-size: 0.85em;
		overflow: hidden;
		height: 42px;
	}
	.mask h5 {
		font-size: 0.85em;
	}
	.top-left h4 {
		padding: 0.5em 0.5em;
		font-size: 1em;
	}
	.grid-header h3 a {
		font-size: 0.875em;
	}
	.grid p {
		font-size: 0.875em;
		width: 100%;
		float: none;
		margin: 1em 0 0;
	}
	p.sng {
		width: 100%;
	}
	.readmore-1 {
		margin-bottom: 1em;
	}
	.man-info li {
		margin-left: 0em;
	}
	.grid-img-content img {
		width: 100%;
		float: none;
	}
	.about-content h2 {
		font-size: 2.5em;
	}
	.achives-content h2 {
		font-size: 2.5em;
	}
	.contact-info h2 {
		font-size: 2.5em;
	}
	.about-grid2,
	.about-grid,
	.who-iam {
		margin-top: 1em;
	}
}


/*-- responsive-mediaquries --*/

@media(max-width:640px) {
	.head-nav ul li a {
		font-size: 0.85em;
	}
	.project ul li a {
		font-size: 0.85em;
	}
	.top-left h4 {
		padding: 0.5em 0.5em;
		font-size: 0.9em;
	}
	.top-left label {
		width: 112px;
	}
	.top-left {
		width: 26%;
		float: left;
		margin-right: 0%;
	}
	.top-right {
		float: left;
		width: 74%;
	}
	.top-left label {
		width: 124px;
	}
	.top-left p {
		font-size: 0.8125em;
		overflow: hidden;
		height: 42px;
	}
	.top-left h6 {
		font-size: 0.85em;
	}
	.view h4 {
		font-size: 0.9em;
	}
	.mask p {
		font-size: 0.8125em;
	}
	.mask h5 {
		font-size: 0.8125em;
	}
	.readmore {
		font-size: 0.85em;
		padding: 8px 12px;
	}
	p.sng {
		width: 100%;
	}
	.man-pic {
		width: 24%;
		float: left;
	}
	.man-info {
		width: 75%;
		float: left;
		margin-right: 1%;
	}
}


/*-- responsive-mediaquries --*/

@media(max-width:480px) {
	.top-left {
		width: 33%;
		float: left;
		margin-right: 0%;
	}
	.top-right {
		float: left;
		width: 67%;
	}
	.top-left label {
		width: 134px;
	}
	.head-nav ul li a {
		font-size: 0.8125em;
	}
	.top-left {
		width: 33%;
		float: left;
		margin-right: 0%;
		padding: 0 0.3em;
	}
	.top-right {
		float: left;
		width: 67%;
		padding: 0 0.3em;
	}
	.view h4 {
		font-size: 0.85em;
	}
	.mask p {
		height: 38px;
	}
	.mask h5 {
		font-size: 0.750em;
	}
	.grid-header h3 {
		font-size: 0.85em;
	}
	.about-grid h3,
	.about-grid2 h3,
	.who-iam h3 {
		font-size: 1.1em;
	}
	.about-content h2 {
		font-size: 2em;
	}
	.achives-content h2 {
		font-size: 2em;
	}
	.contact-info h2 {
		font-size: 2em;
	}
}


/*-- responsive-mediaquries --*/

@media(max-width:320px) {
	.top-left {
		width: 100%;
		float: none;
		margin-right: 0%;
		padding: 0;
		background: #354157;
	}
	.top-left h4 {
		padding: 0.5em 0.5em;
		font-size: 0.9em;
		display: block;
	}
	.project {
		margin-bottom: 0;
		display: block;
		background: #fff;
		padding: 0.5em 0.5em;
	}
	.top-left label {
		width: 134px;
		display: none;
	}
	.top-right {
		float: none;
		width: 100%;
		padding: 0;
	}
	.contact-info {
		padding: 1em 0 0;
	}
	.contact-info h2 {
		font-size: 1.5em;
	}
	.contact-map h4,
	.company_address h4 {
		font-size: 1.1em;
		margin-bottom: 1em;
	}
	.achives-content h2 {
		font-size: 1.5em;
	}
	.achives-content {
		text-align: center;
		padding: 1em 0 0;
	}
	.about-content h2 {
		font-size: 1.5em;
	}
	.about-content,
	.contact-content,
	.single {
		padding: 1em 0 1em;
	}
	.about-grid2,
	.about-grid,
	.who-iam {
		margin-top: 1em;
	}
	.content {
		padding-bottom: 0em;
	}
	.grid-header h3 {
		margin: 1em 0 0;
		font-size: 0.85em;
	}
}
.aboutusimg {
min-width: 20px;
    /*width: 157px;*/
    /* border: 1px solid #e9e9e9; */
    border-top: none;
    padding: 20px 0px;
}
.col-lg-2 {
    width: 17.666667%!important;
}
.col-lg-2.top-left {
	/*margin-right: 16px;*/
    text-align: center;
        margin-left: -31px;
}
.col-md-9 {
    width: 82%!important;
}
.col-lg-2 .about-us{
	background: #fff;
}