﻿.header .wrap .navbox .navbar>li.nav_select h2{
	color: rgba(68, 161, 68, 1);
}
/*左侧的*/
.left_menu{
	position: absolute;
    top: 50%;
    left: 0;
    z-index: 86;
    margin-top: -100px;
}
.l_m_1{
	margin-top:13px;
	margin-bottom: 13px;
	overflow: hidden;
}

.left_menu_black{
	opacity: 0;
}


.l_m_xian{
	width: 18px;
	height: 2px;
	background: #fff;
	margin-left: 52px;
	display: inline-block;
}
.left_menu_black .l_m_xian{
	background: rgba(204, 204, 204, 0.8);
}

.l_m_select{
	width: auto;
	margin-left:0;
}
.l_m_select .l_m_xian{
	width: 70px;
	margin-left: 0;
}
.l_m_yuan{
	display: inline-block;
	width: 8px;
	height: 8px;
	border:2px solid #fff;
	border-radius: 50%;
	margin-left: 6px;
	position: relative;
	top: 4px;
	display: none;
}
.left_menu_black .l_m_yuan{
	border:2px solid rgba(102, 102, 102, 1);
}
.l_m_select .l_m_yuan{
	display: inline-block;
}
.l_m_name{
	font-size: 18px;
	color: #fff;
	display: inline-block;
	position: relative;
	top: 4px;
	margin-left: 9px;
	display: none;
}
.left_menu_black .l_m_name{
	color: rgba(102, 102, 102, 1);
}
.l_m_select .l_m_name{
	display: inline-block;
}

/*首页1的样式*/
.index_one_box{
	position: absolute;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	bottom: 100px;
	z-index: 10;
}
.one_name1{
	font-size: 24px;
	color: rgba(255,255,255,0.8);
	text-align: center;
	line-height: 50px;
}
.one_name2{
	font-size: 70px;
	color: #fff;
	text-align: center;
	margin-bottom: 50px;
	line-height: 70px;
}
.one_name3{
	font-size: 20px;
	color: rgba(255,255,255,0.8);
	text-align: center;
	margin-bottom: 56px;
	line-height: 20px;
}
.one_name4{
	width: 180px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin:0 auto;
	margin-bottom: 130px;
	border-radius: 5px;
	background: #44A144;
	line-height: 40px;
	border:1px solid #208020;
	display: block;
}
.one_box{
	width: 100%;
	overflow: hidden;
}
.one_k{
	float: left;
	margin:0 15px;
	border-radius: 5px;
	border:1px solid rgba(255,255,255,0.3);
	background: rgba(0,0,0,0.3);
	width: 470px;
	height: 110px;
}
.one_k_content{
	float: left;
	margin-left: 50px;
	overflow: hidden;
}
.one_k_name{
	font-size: 24px;
	color: #fff;
	margin-top: 25px;
	line-height: 24px;
}
.one_k_intro{
	font-size: 14px;
	color: rgba(255,255,255,0.7);
	margin-top: 12px;
}
.one_k_img{
	width: 70px;
	float: right;
	margin-right: 44px;
	margin-top: 20px;
}
.one_k_img img{
	width: 100%;
}
/*首页2的样式*/
.about_box_box{
	width: 100%;
	position: relative;
	/*top: 15%;*/
	top: 50%; /*偏移*/
    transform: translateY(-45%);
}
.about_box{
	max-width: 1280px;
	width: 75%;
	margin:0 auto;
	overflow: hidden;
}
.about_content{
	float: left;
	width: 50%;
	overflow: hidden;
	opacity: 0;
}
.about_name,.about_name_box{
	color: rgba(51, 51, 51, 1);
	font-size: 50px;
	display: inline-block;
	font-family: BRANDON_LIGHT_0;
	line-height: 50px;
	width: 100%;
}
.about_name_box{
	opacity: 0;
}
.abount_name2{
	font-size: 26px;
	color: rgba(102, 102, 102, 1);
}
.about_title{
	color: rgba(51, 51, 51, 1);
	font-size: 24px;
	margin-top: 60px;
}
.about_intro{
	font-size: 14px;
	color: rgba(102, 102, 102, 1);
	margin-top: 18px;
}
.abount_more{
	font-size: 14px;
	background: rgba(68, 161, 68, 1);
	width: 130px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	border:1px solid rgba(32, 128, 32, 1);
	display: block;
	margin-top: 18px;
}
.abount_img{
	width: 43%;
	float: right;
	opacity: 0;
}
.abount_img img{
	width: 100%;
}
.about_num_box{
	width: 100%;
	background: rgba(255, 255, 255, 0.5);
	padding:40px 0;
	margin-top: 50px;
}
.about_num{
	max-width: 1280px;
	width: 75%;
	margin:0 auto;
	overflow: hidden;
	position: relative;
	padding-top: 10px;
}
.about_sz{
	width: 33.33%;
	float: left;
	border-right:2px solid rgba(51, 51, 51, 0.1);
	opacity: 0;
}
.about_sz:nth-of-type(3){
	border-right:none;
}
.about_sz_num{
	text-align: center;
}
.about_sz_num_1{
	font-size: 38px;
	color: rgba(51, 51, 51, 1);
	display: inline-block;
}
.about_sz_num_title{
	font-size: 12px;
	color: rgba(51, 51, 51, 1);
	display: inline-block;
}
.about_sz_name{
	font-size: 12px;
	color: rgba(102, 102, 102, 1);
	text-align: center;
}
/*业务领域*/
.about_mes_box{
	width: 100%;
	overflow: hidden;
	margin-top: 60px;
}
.about_mes{
	width: 25%;
	padding:0 15px;
	float: left;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 30px;
	opacity: 0;
}
.ab_m_img{
	width: 100%;
	overflow: hidden;
}
.ab_m_img img{
	width: 100%;
}
.ab_m_content{
	position: absolute;
	width: calc(100% - 70px);
	height: calc(100% - 40px);
	top: 20px;
	left: 35px;
	background: rgba(68, 161, 68, 0.85);
}
.about_mes:nth-of-type(2n) .ab_m_content{
	background: rgba(138, 182, 53, 0.85);
}
.ab_m_content_name{
	font-size: 24px;
	margin-top: 34px;
	color: #fff;
	text-align: center;
}
.ab_m_content_intro{
	font-size: 14px;
	width: 80%;
	margin:0 auto;
	text-align: center;
	margin-top: 10px;
	color: #fff;
}
.about_mes img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 1s;
	transition: all 1s;
}
.about_mes:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 1s;
	transition: all 1s;
}
/*案例展示*/
.case_mes_box{
	width: 100%;
	overflow: hidden;	
}
.case_mes{
	width: 27.5%;
	float: left;
	overflow: hidden;
	height: 300px;
	overflow: hidden;
	background: #fff;
	position: relative;
}
.case_mes_1,.case_mes_2,.case_mes_3,.case_mes_4,.case_mes_5,.case_mes_6{
	opacity: 0;
}
.case_mes:nth-of-type(1),.case_mes:nth-of-type(4){
	width: 45%;
}
.case_mes_img{
	width: 100%;
	height: 100%;
}
.case_mes_img img{
	min-width: 100%;
	min-height: 100%;
}
.c_m_content{
	
	padding:40px;
	box-sizing: border-box;
}
.c_m_content_name{
	margin-top: 0;
	font-size: 24px;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 16px;
}
.c_m_content_intro{
	font-size: 14px;
	color: rgba(102, 102, 102, 1);
}
.case_mes_content_more{
	font-size: 14px;
	color: rgba(153, 153, 153, 1);
	margin-top: 24px;
}
.case_sj_down{
	width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #333333;
    margin-top: 25px;
}
.case_sj_up{
	width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #333;
    margin-bottom: 25px;
}
.case_mes_content{
	width: calc(100% - 34px);
	height: calc(100% - 34px);
	background: rgba(138, 182, 53, 0.8);
	position: absolute;
	left: 17px;
	top: 17px;
}
.case_mes_content_other{
	background: rgba(68, 161, 68, 0.8);
	width: 100%;
	height: 65%;
	left: 0;
	top: 0;
}
.case_mes_content_name{
	color: #fff;
	width: calc(100% - 44px);
	margin:0 auto;
	font-size: 18px;
	margin-top: 50px;
}
.case_mes_content_other .case_mes_content_name{
	margin-top: 30px;
	width: calc(100% - 100px);
}
.case_mes_content_intro{
	font-size: 14px;
	width: calc(100% - 44px);
	margin:0 auto;
	margin-top: 12px;
	color: rgba(255, 255, 255, 0.8);
}
.case_mes_content_other .case_mes_content_intro{
	width: calc(100% - 100px);
}
.case_mes_content_other .case_mes_content_more{
	margin-left: 50px;
	color: rgba(255, 255, 255, 0.6);
}

.case_mes_content_xian{
	width: 80px;
	margin-top: 24px;
	height: 1px;
	background: rgba(255, 255, 255, 0.5);
	margin-left: 22px;
}
.case_mes img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 1s;
	transition: all 1s;
}
.case_mes:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 1s;
	transition: all 1s;
}
.c_m_c_1{
	font-size: 20px;

}
.c_m_c_2{
	font-size: 12px;
}

/*新闻咨询*/
.news_box{
	max-width: 1280px;
	width: 75%;
	margin:0 auto;
	overflow: hidden;
	position: relative;
	/*top: 15%;*/
	top: 50%; /*偏移*/
    transform: translateY(-45%);
}
.news_name{
	width: 100%;
	overflow: hidden;
	opacity: 0;
}
.news_name1{
	text-align: center;
	font-size: 50px;
	color: rgba(51, 51, 51, 1);
	line-height: 52px;
}
.news_name2{
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.xian{
	width: 70px;
	height: 1px;
	background: rgba(102, 102, 102, 1);
	display: inline-block;
	margin:0 8px;
	position: relative;
	top: -5px;
}
.news_name2_name{
	font-size: 24px;
	color: rgba(102, 102, 102, 1);
	display: inline-block;
	line-height: 50px;
}
.news_nav{
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
	text-align: center;
}
.news_nav_1{
	border:2px solid rgba(204, 204, 204, 1);
	color: rgba(102, 102, 102, 1);
	line-height: 36px;
	font-size: 16px;
	width: 130px;
	text-align: center;
	display: inline-block;
	margin:0 22px;
	opacity: 0;
	cursor: pointer;
}
.news_nav_select{
	background: rgba(68, 161, 68, 1);
	border:2px solid rgba(68, 161, 68, 1);
	color: #fff;
}
.news_content_box{
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
}
.news_content{
	width: 100%;
	overflow: hidden;
	display: none;
}
.news_content:nth-of-type(1){
	display: block;
}
.news_content_one{
	width: calc(33.33% - 40px);
	float: left;
	cursor: pointer;
	opacity: 0;
}
.news_content_one:nth-of-type(1){
	margin-right: 40px;
}
.news_content_one:nth-of-type(2){
	margin-right: 20px;
	margin-left: 20px;
}
.news_content_one:nth-of-type(3){
	margin-left: 40px;
}
.news_c_img{
	width: 100%;
	height: 200px;
	overflow: hidden;
}
.news_c_img img{
	min-width: 100%;
	min-height: 100%;
}
.news_content_one img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 1s;
	transition: all 1s;
}
.news_content_one:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 1s;
	transition: all 1s;
}

.news_c_time{
	font-size: 26px;
	background: rgba(68, 161, 68, 1);
	text-align: center;
	margin:0 10px;
	line-height: 50px;
	color: #fff;
	margin-top: 17px;
}
.news_c_title{
	width: 80%;
	margin:0 auto;
	font-size: 20px;
	color: rgba(51, 51, 51, 1);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-top: 20px;
	margin-bottom: 10px;
}
.news_c_intro{
	font-size: 14px;
	color: rgba(102, 102, 102, 1);
	height: 72px;
	overflow: hidden;
	display: -webkit-box;    
	-webkit-box-orient: vertical;    
	-webkit-line-clamp: 3;    
	overflow: hidden;
}
.news_c_more{
	font-size: 14px;
	color: rgba(153, 153, 153, 1);
	text-align: center;
	margin-top: 20px;
}

/*底部样式*/
.ft_box_box{
	width: 100%;
	overflow: hidden;
	background: rgba(68, 161, 68, 0.2);
	padding:40px 0;
}
.ft_box{
	max-width: 1280px;
	width: 75%;
	margin:0 auto;
	overflow: hidden;
}

.ft_1{
	width: 40%;
	float: left;
}
.ft_2{
    width: 30%;
}
.ft_1:nth-of-type(1){
	margin-right: 8%;
}
.ft_1_name{
	font-size: 20px;
	color: rgba(13, 36, 76, 1);
	margin-bottom: 16px;
}
.ft_1_mes{
	font-size: 16px;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 10px;
}
.ft_nav{
	font-size: 16px;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 10px;
	float: left;
	width: 50%;
}
.ft_ma{
	float: right;
}
.ft_ma1{
	margin-left: 80px;
}
.ft_down_box{
	width: 100%;
	overflow: hidden;
}
.ft_down{
	max-width: 1280px;
	width: 75%;
	margin:0 auto;
	overflow: hidden;
}
.ft_down1{
	float: left;
	line-height: 56px;
	color: rgba(68, 161, 68, 1);
}
.ft_down2{
	float: right;
	line-height: 56px;
	color: rgba(68, 161, 68, 1);
}

.nav_munu,.nav_del,.nav_nav{
	display: none;
}


@media only screen and (max-width:1023px ) {
	body,html{
		min-width: auto;
	}
	.left_menu,.nav_seachbox{
		display: none;
	}
	.header .wrap{
		width: 90%;
		margin:0 auto;
	}
	.header .wrap .logo{
		height: 40px;
		width: 130px;
	}
	.header .wrap .navbox{
		background: rgba(0,0,0,0.5);
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top:0;
		display: none;
		opacity: 0;
	}
	.header .wrap .navbox .navbar{
		width: 50%;
		height: 100%;
		background: #fff;
		position: fixed;
		left: 100%;
		top: 0;
	}
	.header .wrap .navbox .navbar>li h2{
		color: #666;
		line-height: 60px;
		font-size: 16px;
	}
	.header .wrap .navbox .navbar>li{
		width: 100%;
		text-align: center;
		height: 60px;
	}
	.nav_munu{
		line-height: 60px;
		display: block;
		color: #333;
	    font-size: 20px;
	    font-family: rubik-regular;
	    font-weight: 700;
	}
	.nav_del{
		/*display: block;*/
		position: fixed;
		top: 0;
		right: 50%;
		width: 50px;
		z-index: 10;
		opacity: 0;
	}
	.nav_del img{
		width: 100%;
	}
	.nav_nav{
		display: block;
		float: right;
		width: 24px;
	}
	.nav_nav img{
		width: 100%;
		margin-top: 20px;
	}
	.header .nav_nav img:nth-of-type(1){
		display: block;
	}
	.header .nav_nav img:nth-of-type(2){
		display: none;
	}
	.header.bac .nav_nav img:nth-of-type(1){
		display: none;
	}
	.header.bac .nav_nav img:nth-of-type(2){
		display: block;
	}
	.one_name1{
		font-size: 16px;
    	color: rgba(255,255,255,1);
	}
	.one_name2{
		font-size: 28px;
	    line-height: 30px;
	    margin-bottom: 30px;
	}
	.one_name3{
		font-size: 18px;
		margin-bottom:40px;
	}
	.one_name4{
		margin-bottom: 90px;
	}
	.index_one_box{
		width: 100%;
		left: 0;
		margin-left: 0;
		bottom: 50px;
	}
	.one_box{
		width: 90%;
		margin-left: 5%;
	}
	.one_k{
		margin:5px 0;
		width: 100%;
		box-sizing: border-box;
	}
	.one_k_content{
		margin-left: 20px;
	}
	.one_k_name{
		font-size: 20px;
	}
	.one_k_img{
		margin-right: 20px;
	}
	.header.bac .wrap .logo{
		height: 40px;
		width: 130px;
	}
	.header.bac{
		background-color: initial;
		box-shadow:none;
		-webkit-box-shadow:none;
	}

	.about_box{
		width: 90%;
	}
	.about_content{
		width: 100%;
	}
	.about_name, .about_name_box{
		font-size: 35px;
	}
	.abount_name2{
		font-size: 18px;
	}
	.about_title{
		margin-top: 25px;
	}
	.abount_img{
		width: 100%;
		margin-top: 20px;
	}
	.about_num_box{
		display: none;
	}
	.about_mes{
		width: 50%;
		padding:0 7px;
		margin-bottom:14px;
	}
	.about_mes_box{
		margin-top: 30px;
	}
	.ab_m_content{
		width: calc(100% - 30px);
	    height: calc(100% - 20px);
	    top: 10px;
	    left: 15px;
	}
	.ab_m_content_name{
		font-size: 20px;
    	margin-top: 10px;
	}
	.ab_m_content_intro {
	    font-size: 12px;
	    width: 90%;
	    line-height: 1.5em;
	}
	.case_mes:nth-of-type(1), .case_mes:nth-of-type(4){
		display: none;
	}
	.case_mes{
		width: 50%;
		height: 300px;
	}
	.c_m_content{
		padding:10px;
	}
	.c_m_content_name{
		margin-top: 15px;
    	font-size: 18px;
    	margin-bottom: 10px;
	}
	.case_mes_content{
		display: none;
	}
	.c_m_content_intro{
		max-height: 144px;
	}
	.news_name1{
		font-size: 28px;
	}
	.news_name2_name{
		font-size: 20px;
		line-height: 30px;
	}
	.news_box{
		width: 90%;
	}
	.news_nav_1{
		width: 98px;
		margin:0 5px;
	}
	.news_content .news_content_one{
		display: none;
	}
	.news_content .news_content_one:nth-of-type(1){
		display: block;
		margin-right: 0;
	}
	.news_content_one{
		width: 100%;
	}
	.news_c_img{
		height: 200px;
	}
	.news_content_box{
		margin-top: 30px;
	}
	.news_c_time {
	    font-size: 14px;
	    line-height: 30px;
	    position: absolute;
	    margin-top: -40px;
	    padding: 0 10px;
	}
	.news_c_title{
		width: 100%;
		margin-top: 20px;
    	margin-bottom: 10px;
	}
	.news_nav{
		margin-top: 40px; 
	}
	.ft_box{
		width: 90%;
	}
	.ft_1{
		width: 100%;
	}
	.ft_1:nth-of-type(2){
		display: none;
	}
	.ft_ma{
		width: 100%;
	}
	.ft_ma1{
		width: 100%;
		margin-left: 0;
	}
	.ft_box_box{
		padding:20px 0;
	}
	.ft_down{
		width: 90%;
	}
	.ft_down1{
		line-height: 24px;
	}
	.ft_down2{
		line-height: 30px;
		clear: both;
		float: none;
	}
	.ft_down_box{
		display: none;
	}
}
