body{
	font-family: "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu !important;
	font-weight: 500;
	color: #5c5e64;
	font-size: 14px;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.wrapper{
	min-width: 1170px;
}
.container{
	width: 1170px;
	margin: 0 auto;
	padding: 0;
}
.container::after{
	display: block;
	content: "";
	clear: both;
}
/* header */
.header{
	width: 100%;
	background-color: #FFFFFF;
	position: fixed;
	top: 0; 
	z-index: 9;
	box-sizing: content-box;
}
.header > .container{
	background: #FFFFFF;
}
.header .logo-img{
   height:64px;
}
.search-container{
	height: 64px;
	display: flex;
	align-items: center;
	float: right;
	position: relative;
	/* margin-right: calc( 30vw ); */
}
.search-container input{
	width: 200px;
	margin: 0 auto;
	height: 40px;
	border: 1px solid #3DAA62;
	border-radius: 2px;
	padding: 0 30px 0px 10px; 
}
.search-container button{
	position: absolute;
	width: 30px;
	height: 40px;
	top: 12px;
	right: 0px;
	border: none;
	outline: none;
	background-color: transparent;
	cursor: pointer;
}
.navbar-cell{
	height: 71px;
	display: flex;
	align-items: center;
	min-width: 1170px;
}
.header > .navbar-cell{
	border-bottom: thin solid #D7D7D7;
	background-color: #FFFFFF;
}
.navbar-nav::after{
	display: block;
	content: "";
	clear: both;
}
.navbar-nav{
	height: 70px;
}
.navbar-nav > li{
	float: left;
	width: 14.2%;
	height: 70px;
	position: relative;
	background-color: #FFFFFF;
}
.header .navbar-nav > li > a{
	color: #4d5359;
	font-size: 14px;	
	line-height: 70px;
	font-weight: bold;
	transition: all .5s ease;
	display: block;
	text-align: center;
}
.navbar-nav > li > a:hover{
	color: #009933;
}
.dropdown-content{
	display: none;
	position: absolute;
	z-index: -1;
	top: 70px;
	background-color: #f9f9f9;
	min-width: 180px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border-top: 2px solid #3DAA62;
}
.dropdown-content > a{
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	color: #909399;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #DCDFE6;
	transition: all .5s ease;
	text-align: center;
}
.dropdown-content > a:hover{
	color: #3DAA62;
	background: #f4f4f4;
}
.dropdown-content > a:last-child{
	border: none;
}
.navbar-nav > li:hover .dropdown-content{
	display: block;
}

/*  */
a:hover + .inner-menu{
	display: block;
}
.inner-menu:hover{
	display: block;
}
.inner-menu > li:hover a{
	color: #009933;
}
.inner-menu{
	position: absolute;
	min-width: 200px;
	background-color: #F9F9F9;
	border-left: 1px solid #DCDFE6;
	display: none;
}
.inner-menu > li{
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e5e5e5;
}
.inner-menu > li > a{
	color: #666;
	display: block;
	text-align: center;
}


/* Header End */
.main{
	margin-top: 151px;
}
.swiper-container{
	width: 100%;
	height: 680px;
}
.swiper-container .swiper-slide{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}
.swiper-container .swiper-slide .content{
	width: 40%;
	position: absolute;
	left: 0;  bottom: 0;
	font-size: 28px;
	background-color: rgba(0, 0, 0, .5);
	padding: 10px 25px;
	color: #FFFFFF;
	line-height: 50px;
	max-height: 120px;
	/* display: none */
}
.ellipsiss{
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
/* Swiper End */
section.paralbackground{
	background-image: url(../imgs/sectionBg.jpg);
	background-attachment: fixed;
	background-size: 100% 100%;
	width: 100%;
	padding: 40px 0;
	overflow: hidden;
	position: relative;	
}
.col-md-6{
	width: 50%;
}
.col-md-6:nth-child(odd){
	padding: 0 30px 0 15px;
}
.col-md-6:nth-child(even){
	padding: 0 15px 0 30px;
}
.col-md-6 .small-title{
	height: 50px;
	line-height: 50px;
	color: #3daa62;
	font-weight: bold;
}
.col-md-6 .small-title .title{
	font-size: 26px;
	text-transform: uppercase;
}
.col-md-6 .small-title .takemore,
.col-md-6 .small-title .takemore a{
	font-size: 18px;
	float: right;
	color: #3DAA62;
}
hr{
	display: block;
	width: 70px;
	height: 1px;
	margin: 10px 0 20px;
	border-color: #747474;
	border-width: 1px;
}
.col-md-6 .blog .blog-list{
	width: 100%;
	height: 180px;
	margin-bottom: 40px;
}
.col-md-6 .blog .blog-list .blog-image{
	width: 33%;
	padding-right: 15px;
}
.col-md-6 .blog .blog-list .blog-image img{
	width: 100%;
}
.col-md-6 .blog .blog-list .introduction{
	width: 66%;
	padding-left: 15px;
}
.blog .blog-list .introduction .title{
	font-size: 16px;
	font-weight: bold;
	max-height: 48px;
	line-height: 24px;
	color: #3DAA62;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.blog .blog-list .introduction .abstract{
	color: #303133;
	max-height: 88px;
	line-height: 22px;
	font-size: 15px;
	margin: 6px 0;
	/* text-indent: 2rem; */
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.blog .blog-list .introduction .blog-meta{
	height: 32px;
	line-height: 32px;
	color: #303133;
	font-size: 15px;
}
.blog .blog-list .introduction .blog-meta a {
	padding: 0px 18px;
	border: 1px solid #d7d7d7;
	box-sizing: border-box;
	height: 32px;
	color: #4D5359;
	font-weight: bold;
	border-radius: 4px;
	font-size: 14px;
	transition: all .5s ease;
} 
.blog .blog-list .introduction .blog-meta a:hover{
	color: #FFFFFF;
	background-color: #3DAA62;
}
/* col-md-6-left end */
.col-md-6:nth-child(even) .blog .blog-list .introduction{
	width: 100%;
	padding: 0;
}
/* col-md-6-right end */
section.category{
	padding: 90px 0;
	position: relative;
}
.imenu{
	width: 100%;
	padding: 0 15px;
	height: 330px;
}
.imenu .sub-menu{
	width: 18%;
	height: 100%;
	float: left;
	margin: 0 1%;
	border: 1px solid #3DAA62;
}
.imenu .sub-menu .submenu-pic{
	height: 110px;
}
.imenu .sub-menu .submenu-pic h2{
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #3DAA62;
}
.imenu .sub-menu .submenu-pic img{
	width: 100%;
	height: 70px;
}
.imenu .sub-menu .submenu-c{
	width: 100%;
	height: 220px;
	padding: 10px;
	font-size: 16px;
	line-height: 16px;
}
.imenu .sub-menu .submenu-c ul{
	height: 200px;
}
.imenu .sub-menu .submenu-c ul li{
	background: url(../imgs/x1.jpg) no-repeat left 6px;
	padding: 1px 0px 0px 10px;
}
.imenu .sub-menu .submenu-c a{
	color: #303133;
}
/* imenu End */
.footer{
	padding: 40px 0;
	background-color: #202830;
}
.business, .qrcode{
	width: 25%;
	height: 190px;
	float: left
}
.link{
	width: 50%;
	height: 190px;
	float: left
}
.link img{
	width: 20%;
	float: left;
	margin-right: 5%;
	margin-bottom: 20px
}
.widget-title{
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 16px;
	color: #FFFFFF;
}
.business .widget-contact{}
.business .widget-contact ul li{
	height: 32px;
	line-height: 32px;
}
.business .widget-contact ul li span{
	color: #DCDFE6;
}
.qrcode .widget-qrcode img{
	width: 93px;
	height: 93px;
}
.qrcode .widget-qrcode p {
	color: #FFFFFF;
	margin-top: 10px;
}
/* Footer End */
.copyrights{
	font-size: 12px;
	background-color: #1a2128;
	height: 60px;
	line-height: 60px;
	color: #3DAA62;
}
.copyrights span{
	color: #FFFFFF;
}
/* index.html End */

.main-yanjiuyan .brief-img{
	padding: 50px 0;
	position: relative;
}
.main-yanjiuyan .brief-img img{
	width: 100%;
	height: 450px;
}
.main-yanjiuyan .brief-img p{
	position: absolute;
	top: 25%;
	left: 25%;
	font-size: calc( 100vw / 40 );
	font-weight: bold;
	color: #FFFFFF;
}
.main-yanjiuyan .brief-text{
	background-color: #F4F4F4;
	padding: 90px 0;
	position: relative;
	display: block;
	box-shadow: inset 0 1px 4px 0 rgba(0,0,0,.1);
}
.main-yanjiuyan .brief-text .text{
	width: 780px;
	margin: 0 auto;
}
.main-yanjiuyan .brief-text .text p{
	text-align: justify;
	text-indent: 2rem;
	color: #5c5e64;
	font-size: 16px;
	padding: 0 0 20px;
	line-height: 1.65rem;
}
.main-yanjiuyan .brief-direction{
	padding: 90px 0;
	background-color: #FFFFFF;
	position: relative;
}
.main-yanjiuyan .brief-direction h4{
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #3DAA62;
	line-height: 46px;
	margin-bottom: 30px;
}
.main-yanjiuyan .brief-direction h5{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #3DAA62;
	line-height: 36px;
	margin-bottom: 40px;
}
.main-yanjiuyan .brief-direction .col-md-3{
	width: 23%;
	height: 330px;
	margin: 0 15px;
	float: left;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #D7D7D7;
	padding: 30px 20px;
	border-radius: 3px;
	cursor: pointer;
}
.main-yanjiuyan .brief-direction .col-md-3:first-child{
	margin-left: 0;
}
.main-yanjiuyan .brief-direction .col-md-3:last-child{
	margin-right: 0;
}
.main-yanjiuyan .brief-direction .col-md-3 .icon-container{
	width: 70px;
	height: 100px;
	margin: 0 auto;
	border-radius: 35px;
	background-color: #3DAA62;
	border: 1px solid #3DAA62;
}
.main-yanjiuyan .brief-direction .col-md-3 p{
	font-size: 16px;
	line-height: 1.5rem;
}
.main-yanjiuyan .brief-direction .col-md-3 .subject{
	margin-top: 30px;
	font-size: 18px;
	margin: 30px 0 20px;
	color: #202830;
	font-weight: bold;
}

.main-yanjiuyan .col-md-3:hover .icon-container,
.main-yanjiuyan .col-md-3:hover .subject{
	background-color: transparent;
	color: #3DAA62;
	transition: all .5s ease;
}
.main-yanjiuyan .brief-framework{
	padding: 90px 0;
	position: relative;
	background-image: url(../imgs/sectionBg.jpg);
	background-attachment: fixed;
}
.main-yanjiuyan .brief-framework .section-title{
	font-size: 26px;
	font-weight: bold;
	color: #3DAA62;
	line-height: 46px;
	text-align: center;
	margin-bottom: 40px;
}
.main-yanjiuyan .brief-framework img{
	display: block;
	width: 780px;
	margin: 0 auto;
}
/* yanjiuyuan.html End */
.main-discover > p{
	padding: 0 0 20px;
}
.main-discover .article{
	box-shadow: inset 0 1px 4px 0 rgba(0,0,0,.1);
	background-color: #F4F4F4;
	position: relative;
	padding: 90px 0;
}
.main-discover .article .article-title{
	font-size: 26px;
	font-weight: bold;
	color: #3DAA62;
	margin-bottom: 40px;
}
.main-discover .article .article-content .article-video{
	width: 585px;
	height: 407px;
	float: left;
	margin: 0 15px;
}
.main-discover .article .article-content p{
	font-size: 20px;
	line-height: 28px;
	text-indent: 2rem;
}
.main-discover .article .article-content div{
	line-height: 28px;
}
/* discover.html */
.main-gongzuo{
	padding: 0 0 40px 0;
}
.main-gongzuo .main-title{
	padding: 20px 0 10px 0;
	color: #3DAA62;
	font-size: 26px;
	font-weight: bold;
}
.main-gongzuo hr{
	margin-bottom: 40px;
}
.main-gongzuo .content-wrap{
	width: 100%;
}
.main-gongzuo .content-wrap .content{
	width: 780px;
	padding: 0 15px;
	float: left;
}
.main-gongzuo .blog-wrap::after{
	display: block;
	content: "";
	clear: both;
	margin-bottom: 40px;
}
.main-gongzuo .blog-wrap .publish-time{
	width: 130px;
	margin-right: 20px;
	box-sizing: border-box;
	border: 1px solid #D7D7D7;
	float: left;
	line-height: 30px;
	text-align: center;
	padding: 6px;
}
.main-gongzuo .blog-wrap .publish-time p:first-child{
	font-size: 28px;
	font-weight: bold;
}
.main-gongzuo .blog-wrap .blog-brief{
	width: 600px;
	box-sizing: border-box;
	float: left;
}
.main-gongzuo .blog-wrap .blog-brief .blog-title{
	font-size: 20px;
	color: #3DAA62;
	font-weight: bold;
}
.main-gongzuo .blog-wrap .blog-brief .publish-people{
	font-size: 15px;
	line-height: 40px;
	font-weight: bold;
}
.main-gongzuo .blog-wrap .blog-brief .subject-img img{
	width: 600px;
	height: 450px;
}
.main-gongzuo .blog-wrap .blog-brief .abstract{
	font-size: 16px;
	line-height: 24px;
	margin-top: 10px;
	text-indent: 2rem;
}
.main-gongzuo .content-wrap::after{
	display: block;
	content: "";
	clear: both;
}
.main-gongzuo .content-wrap .sidebar{
	width: 390px;
	padding: 0 15px;
	float: right;
}
.main-gongzuo .content-wrap .sidebar .category,
.main-gongzuo .content-wrap .sidebar .new-article{
	width: 100%;
	padding: 20px;
	border: 1px solid #D7D7D7;
	background: #F9F9F9;
	margin-bottom: 30px;
}
.main-gongzuo .content-wrap .sidebar .category hr,
.main-gongzuo .content-wrap .sidebar .new-article hr{
	margin-bottom: 20px;
}
.main-gongzuo .content-wrap .sidebar .category .title,
.main-gongzuo .content-wrap .sidebar .new-article .title{
	font-size: 18px;
	font-weight: bold;
	color: #3DAA62;
}
.main-gongzuo .category ul li{
	border-bottom: thin solid #D7D7D7;
}
.main-gongzuo .category ul li:last-child{
	border: none;
}
.main-gongzuo .category ul li a{
	line-height: 40px;
	color: #303133;
	font-size: 16px;
}
.main-gongzuo .new-article ul li{
	padding: 10px 0;
	border-bottom: thin solid #D7D7D7;
}
.main-gongzuo .new-article ul li:last-child{
	border: none;
}
.main-gongzuo .new-article ul li a{
	color: #303133;
	font-size: 16px;
}
/* gongzuo End */
.main-archives .article{
	padding: 90px 0;
}
.main-archives .article .article-title{
	font-size: 26px;
	font-weight: bold;
	color: #3DAA62;
}
.main-archives .article .publish{
	padding: 20px 0;
	font-size: 16px;
}
.main-archives .article .abstract{
	margin-top: 20px;
	width: 100%;
	background-color: #00A79E;
	padding: 5px;
}
.main-archives .article .abstract .inner-border{
	border: thin solid #FFFFFF;
	padding: 40px 20px;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	text-indent: 2rem;
}

.menu{
	display: none;
}
.article_page{
    width: 100%;
}
.article_page .pagination{
    width: 100%;
    text-align: center;
    padding: 30px 15px 0;
}
.pagination .prev{
    border: 1px solid #e5e5e5;
}
.pagination li::after{
    content: "";
    display: block;
    clear: both;
}
.pagination li{
    font-size: 14px;
    font-family: "黑体";
    margin-right: 8px;
    line-height: 10px;
    display: inline-block;
    border: 1px solid rgba(229, 229, 229, 1);
	margin-bottom: 10px;
}
.pagination li a{
    display: inline-block;
    padding: 12px 14px;
    color: #555;
}
.pagination .active{
    border: 0;
    background-color: #f77373;
    color: #fff;
}
.pagination .active a{
    color: #fff;
}
@media screen and (max-width: 1200px) and (min-width: 993px ){
	.search-container{
		
	}
}
@media screen and (max-width: 992px) and (min-width: 768px ){
	.navbar-nav > li{
		
	}
	.search-container{
		
	}
}
/* moblie phone < 768px */
@media screen and (max-width: 768px) {
	
	.inner-menu{
		width: 100%;
		position: relative;
		left: 0px !important;
		top: unset !important;
		box-sizing: border-box;
	}
	
	
	
	.wrapper{
		min-width: unset;
	}
	.search-container{
		display: none;
	}
	.container{
		width: 100%;
	}
	.header .logo-img{
		width: 80%;
		margin-left: 10px;
	}
	.header{
		position: static;
	}
	.header .navbar-cell{
		min-width: auto;
		height: auto;
	}
	.header .navbar-cell:first-child{
		height: 80px;
	}
	.header .navbar-cell:first-child .container{
		display: flex;
		align-items: center;
	}
	.header .navbar-cell:last-child{
		border: none;
	}
	.header .navbar-nav{
		width: 100%;
		height: auto;
		display: none;
	}
	.header .navbar-nav{
		padding: 0 20px;
	}
	.header .navbar-nav > li{
		clear: both;
		float: none;
		width: 100%;
		height: unset;
		border-bottom: thin solid #D7D7D7;
		z-index: 0;
		background-color: #FFFFFF;
		box-sizing: border-box;
	}
	.header .navbar-nav > li > a{
		line-height: 45px;
		clear: both;
		float: none;
		color: #000;
	}
	.dropdown-content{
		position: relative;
		top: 0;
	}
	.animate__slideInDown{
		-webkit-animation-name: none!important;
		animation-name: none!important;
	}
	.menu{
		display: block!important;
		width: 20px;
		margin-left: 20px;
	}
	/* main */
	.main{
		margin-top: 0px;
		width: 100%;
		min-width: unset;
	}
	.swiper-container{
		width: 100%;
		padding-bottom: 56.25% !important;
		height: auto;
	}
	.swiper-container .swiper-wrapper{
		position: absolute;
	}
	.swiper-container .content{
		display: none;
	}
	.col-md-6{
		width: 100%;
		float: unset;
		padding: 0 15px !important;
	}
	.col-md-6 .blog .blog-list{
		height: auto;
	}
	.col-md-6 .blog .blog-list .blog-image{
		float: unset;
		width: 100%;
		padding: 0;
	}
	.col-md-6 .blog .blog-list .introduction{
		float: unset;
		width: 100%;
		padding: 0;
	}
	.imenu .sub-menu{
		width: 48%;
		margin-bottom: 10px;
	}
	.business, .qrcode, .link{
		width: 100%;
		padding: 0 15px;
		margin-bottom: 20px;
		height: unset;
	}
	.qrcode .widget-qrcode img{
		width: 80%;
		height: unset;
		margin: 0 auto;
	}
	.qrcode .widget-qrcode p{
		text-align: center;
	}
	.copyrights{
		height: unset;
		width: 100%;
		min-width: unset;
		padding: 20px 0;
		line-height: 20px;
	}
	.footer{
		width: 100%;
		min-width: unset;
	}
	.copyrights p{
		float: unset;
		width: 100%;
		text-align: center;
	}
	.link img{
		width: 45%;
		float: left;
		margin-right: 5%;
		margin-bottom: 20px
	}
	/* index.html End */
	.main-yanjiuyan .brief-img img{
		height: calc( 40vw );
	}
	.main-yanjiuyan .brief-img p{
		left: 10%;
		top: 35%;
		font-size: 16px;
	}
	.main-yanjiuyan .brief-text .text{
		width: 100%;
		padding: 0 10px;
	}
	.main-yanjiuyan .brief-framework img{
		width: 90%;
	}
	.main-yanjiuyan .brief-direction .section-content{
		padding: 0 15px;
	}
	.main-yanjiuyan .brief-direction .col-md-3{
		width: 100%;
		float: unset;
		margin: unset;
		margin-bottom: 15px;
	}
	/* yanjiuyuan.html */
	.main-gongzuo .blog-wrap .publish-time{
		display: none;
	}
	.main-gongzuo .main-title{
		padding: 20px 15px 10px;
	}
	.main-gongzuo .content-wrap .content{
		width: 100%;
		float: unset;
	}
	.main-gongzuo .blog-wrap .blog-brief{
		width: 100%;
	}
	.main-gongzuo .blog-wrap .blog-brief .subject-img img{
		width: 100%;
		height: unset;
	}
	.main-gongzuo > .container > hr{
		margin-left: 15px;
	}
	.main-gongzuo .content-wrap .sidebar{
		width: 100%;
		float: unset;
	}
	/* gongzuo.html End */
	.main-archives .article{
		width: 100%;
		padding: 60px 15px;
	}
	/* archives.html End */
	.main-discover .article{
		width: 100%;
		padding: 60px 15px;
	}
	.main-discover .article .article-content .article-video{
		width: 100%;
		height: unset;
		float: unset;
		margin: 0;
	}
}