.h_about {

	padding:60px 0;

}

.h_about_r {

	float: right;

	width: 440px;

	position:relative;

}

.h_about_l {

	float: left;

	width: calc(100% - 490px);

}

.h_bt {

	font-size: 30px;

	color: #333;

}

.h_bt_sub {

	font-size: 14px;

	color: #999;

	line-height:24px;

	padding-top:12px;

}

.h_about_txt {

	font-size: 14px;

	line-height: 24px;

	color: #333;

	padding-right:5px;

	padding-top:18px;

	padding-bottom:20px;

}

.h_about_more a {

	font-size: 14px;

	line-height: 30px;

	color: #999;

	display: inline-block;

	height: 30px;

	width: 130px;

	border: 1px solid #dddddd;

	text-align: center;

	border-radius:20px;

}

.h_about_more a:hover {

	color: #69ad6c;

	border: 1px solid #69ad6c;

}

.h_about_list {

	display:flex;

	padding-top:35px;

}

.h_about_list a {

	flex-grow: 1;

	height: 117px;

	margin-right: 12px;

	font-size: 14px;

	text-align: center;

	color: #333333;

	border: 1px solid #cdcdcd;

	box-sizing: border-box;

	padding-top: 72px;

	background-repeat: no-repeat;

}

.h_about_list a:nth-child(1) {

	background-image: url(/css/../images/h_about_list1.png);

	background-position: center 20px;

}

.h_about_list a:nth-child(2) {

	background-image: url(/css/../images/h_about_list2.png);

	background-position: center 20px;

}

.h_about_list a:nth-child(3) {

	background-image: url(/css/../images/h_about_list3.png);

	background-position: center 20px;

}

.h_about_list a:nth-child(4) {

	background-image: url(/css/../images/h_about_list4.png);

	background-position: center 20px;

}

.h_about_list a:nth-child(1):hover {

	background-image: url(/css/../images/h_about_list01.png);

}

.h_about_list a:nth-child(2):hover {

	background-image: url(/css/../images/h_about_list02.png);

}

.h_about_list a:nth-child(3):hover {

	background-image: url(/css/../images/h_about_list03.png);

}

.h_about_list a:nth-child(4):hover {

	background-image: url(/css/../images/h_about_list04.png);

}

.h_about_list a:hover {

	color: #fff;

	border: 1px solid #cdcdcd;

	background-color:#69ad6c;

}

.h_about_list a:last-child {

	margin-right:0px;

}

.h_about_r:after {

	width:61%;

	height:100%;

	content:"";

	position:absolute;

	right:0;

	top:0;

	z-index:-1;

	background-color:#69ad6c;

}

.h_about_r_txt {

	font-size: 18px;

	line-height: 30px;

	color: #FFF;

	padding-top: 23px;

	padding-left:50%;

}

.h_about_r_img {

	margin-top: 23px;

	margin-bottom: 20px;

	margin-right: 20px;

}

.h_about_r_img img {

	width:100%;

	height:auto;

}

.h_ser_bj {

	background-image: url(/css/../images/h_ser_bj.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

	padding-top:65px;

	padding-bottom:120px;

}

.h_ser_bj .h_bt, .h_ser_bj .h_bt_sub {

	color:#fff;

}

.h_ser_bj .container {

	padding:0;

}

.h_ser_list {

	display:flex;

	justify-content: space-between;

	flex-wrap: wrap;

	padding-top:75px;

}

.h_ser_list a {

	width: 145px;

	height: 145px;

	border-radius:50%;

	font-size: 15.5px;

	text-align: center;

	color: #fff;

	border: 1px solid #fff;

	box-sizing: border-box;

	padding-top: 90px;

	background-image: url(/css/../images/h_ser_list.png);

	background-repeat: no-repeat;

	margin-top:10px;

}

.h_ser_list a:hover {

	color: #fff;

	border: 1px solid #69ad6c;

	background-color:rgba(105,173,108,.75);

}

.h_ser_list a:nth-child(1) {

	background-position: 44px 25px;

}

.h_ser_list a:nth-child(2) {

	background-position: -170px 25px;

}

.h_ser_list a:nth-child(3) {

	background-position: -380px 25px;

}

.h_ser_list a:nth-child(4) {

	background-position: -592px 25px;

}

.h_ser_list a:nth-child(5) {

	background-position: -802px 25px;

}

.h_ser_list a:nth-child(6) {

	background-position: -1017px 25px;

}

.h_case .h_bt, .h_case .h_bt_sub, .h_news_bj .h_bt {

	text-align:center;

}

.h_case {

	padding-top: 70px;

	padding-right: 0px;

	padding-bottom: 80px;

	padding-left: 0px;

}

.h_case_list {

	padding-top: 35px;

	margin-left: 0px;

    margin-right: 0px;

}

.h_case_list > div {

	padding: 1px;

	padding-bottom:0;

}

.h_case_list a {

	display:block;

	overflow: hidden;

	position:relative;

}

.h_case_list a img{

	display:block;

	margin:0 auto;

	transition: all 0.6s; 

}

.h_case_list a:hover img{

    transform: scale(1.2);    

}

.h_case_title {

	position:absolute;

	bottom:0;

	left:0;

	width:100%;

	font-size:14px;

	line-height:20px;

	padding:10px 15px;

	color:#fff;

	background:rgba(0,0,0,.5);

}

.h_news_bj {

	background-color: #f5f5f5;

	padding-top: 75px;

	padding-bottom: 95px;

}

.tabs{

	text-align: center;

	padding-top: 24px;

	padding-bottom: 35px;

}

.tabs a{

	display: inline-block;

	width: 130px;

	color: #333;

	text-align: center;

	line-height: 38px;

	font-size: 16px;

	text-decoration: none;

	background-color: #ffffff;

	border: 1px solid #dddddd;

	margin:0 13px;

}

.tabs a.active{

	color: #fff;

	background: #69ad6c;

}

.swiper-container{

	width: 100%;

	height:auto !important;

}

.swiper-slide{height:auto !important;width:100%;background:0 0;color:#fff}

.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}

.swiper-wrapper{position:relative;width:100%;height:auto !important;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}

.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}

.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}

.h_news_list {

	width: 100%;

	display:flex;

	justify-content: space-between;

	flex-wrap: wrap;

	align-items: stretch;

}

.h_news_list a {

	width: 31%;

	display:block;

	overflow: hidden;

	background:#fff;

	color:#333;

	margin-bottom:25px;

}

.h_news_list a:hover{

    background:#69ad6c;

	color:#fff;

}

.h_news_list a img{

	display:block;

	margin:0 auto;

	transition: all 0.6s; 

}

.h_news_list a:hover img{

    transform: scale(1.1);    

}










.h_news_hover {

	overflow: hidden;

}

.h_news_title {

	font-size:14px;

	line-height:24px;

	min-height:72px;

	padding:12px 15px;

}

.h_news {

	background-color: #FFF;

	padding:24px 0;

	display:flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.h_news a {

	width: 31%;

	display:block;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	color:#333;

	font-size:14px;

	line-height:30px;

	padding:0px 15px;

}

.h_news a:hover {

	color: #69ad6c;

	text-decoration: underline;

}



.footer_bj {

	background:#353535;

}

.foot_link {

	font-size: 14px;

	line-height: 30px;

	color: #fff;

	padding-top: 12px;

	padding-bottom: 12px;

}

.foot_link > span {

	font-size: 16px;

}

.foot_link a {

	font-size: 14px;

	line-height: 30px;

	color: #fff;

}

.foot_link a:hover {

	color: #69ad6c;

}

.footer_top {

	padding-top: 48px;

	padding-bottom: 35px;

	border-top: 1px solid #4e4e4e;

}

.footer_top p {

	margin:0;

}

.foot_logotxt {

	padding-top:18px;

	padding-bottom:25px;

	font-size: 14px;

	line-height: 24px;

	color: #f0f0f0;

}

.foot_list_top a {

	font-size: 16px;

	color: #f0f0f0;

	font-weight:bold;

	line-height: 20px;

}

.foot_list_top a:hover {

	color: #69ad6c;

	text-decoration: underline;

}

.foot_list_bottom {

	padding-top:5px;

}

.foot_list_bottom p a {

	font-size: 14px;

	line-height: 24px;

	color: #f0f0f0;

}

.foot_list_bottom p a:hover {

	color: #69ad6c;

	text-decoration: underline;

}

.footer_bot {

	font-size: 14px;

	line-height: 24px;

	color: #f0f0f0;

	padding-top:22px;

	padding-bottom:22px;

	text-align:center;

	background:#383737;

}

.footer_bot a {

	font-size: 14px;

	color: #f0f0f0;

}

.footer_bot a:hover {

	color: #69ad6c;

	text-decoration: underline;

}

.foot_er {

	padding-top: 10px;

}

.foot_list>div {

	padding-left:0;

	padding-right:0;

}

.foot_list>.col-sm-3 {

	padding-left:8%;

}

.foot_ewm > div {

	text-align:center;

}

.foot_ewm_txt {

	font-size: 14px;

	line-height: 24px;

	color: #f0f0f0;

	padding-top:15px;

}

/* side */

.side{position:fixed;width:48px;height:275px;right:0;bottom:50px;z-index:100;}

.side ul li{width:48px;height:50px;float:left;position:relative;margin-bottom:10px;}

.side ul li .sidebox{position:absolute;width:48px;height:50px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;color:#fff;font:14px/48px "΢ÈíÑźÚ";overflow:hidden;}

.side ul li .sidetop{width:48px;height:50px;line-height:48px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}

.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}

.side ul li img{float:left;}

.side_er .sidebox{ width:48px !important;}

.side_erimg{ display:none; position:absolute; right: 48px;}

.side_er:hover .side_erimg{ display: block;}



@media screen and (min-width: 993px){

.delighter .h_about_l { transition: all 1s ease-out;transform: translate(10px, 0); }

.delighter .h_about_r { transition: all 1s ease-out;transform: translate(-10px, 0); }

.delighter .h_about_list { transition: all 1s ease-out;transform: translate(0, -20px); }

.delighter.started .h_about_l { transform: translate(0, 0); }

.delighter.started .h_about_r { transform: translate(0, 0); }

.delighter.started .h_about_list { transform: translate(0, 0); }



.h_ser_bj.delighter .h_bt, .h_ser_bj.delighter .h_bt_sub { transition: all 1s ease-out;transform: translate(30px, 0); }

.h_ser_bj.delighter.started .h_bt, .h_ser_bj.delighter.started .h_bt_sub { transform: translate(0, 0); }



.delighter .h_ser_list a {

	opacity: .7;

	transform: translatey(30%);

	transition: all .7s ease-out

}



.delighter.started .h_ser_list a {

	opacity: 1;

	transform: none

}



.delighter.started .h_ser_list a:nth-child(1) {

	transition: all .7s ease-out .1s

}



.delighter.started .h_ser_list a:nth-child(2) {

	transition: all .7s ease-out .3s

}



.delighter.started .h_ser_list a:nth-child(3) {

	transition: all .7s ease-out .5s

}



.delighter.started .h_ser_list a:nth-child(4) {

	transition: all .7s ease-out .7s

}



.delighter.started .h_ser_list a:nth-child(5) {

	transition: all .7s ease-out .9s

}



.delighter.started .h_ser_list a:nth-child(6) {

	transition: all .7s ease-out 1.1s

}



.delighter.started .h_ser_list a:nth-child(7) {

	transition: all .7s ease-out 1.3s

}

.delighter .h_case_list {

	opacity: 0;

	transform: translatey(100%);

	transition: all .7s ease-out;

}

.delighter.started .h_case_list { opacity: 1;transform: none}

.h_case.delighter .h_bt, .h_case.delighter .h_bt_sub { transition: all 1s ease-out;transform: translate(100px, 0); }

.h_case.delighter.started .h_bt, .h_case.delighter.started .h_bt_sub { transform: translate(0, 0); }

.delighter .swiper-container { transition: all 1s ease-out;transform: translate(200px, 0);}

.delighter.started .swiper-container { transform: translate(0, 0); }

.delighter .h_news { transition: all 1s ease-out;transform: translate(-200px, 0);}

.delighter.started .h_news { transform: translate(0, 0); }

.delighter { overflow:hidden;}

}

@media screen and (max-width: 992px){

.h_about_r {

	float: right;

	width: 300px;

	position:relative;

}

.h_about_l {

	float: left;

	width: calc(100% - 330px);

}

.h_about {

    padding: 40px 15px;

}

.h_ser_bj .container {

    padding-right: 15px;

    padding-left: 15px;

}

.h_ser_list {

    display: block;

    padding-top: 35px;

	text-align:center;

}

.h_ser_list a {

	display:inline-block;

	margin:10px;

}

.h_ser_bj {

    padding-top: 45px;

    padding-bottom: 60px;

}

}

@media screen and (max-width: 760px){

.h_about_r {

	float: none;

	width: 100%;

	position:relative;

	margin-top:20px;

}

.h_about_l {

	float: none;

	width: 100%;

}

.h_case_title {

    font-size: 12px;

    line-height: 20px;

    padding: 6px 5px;

}

.h_case {

    padding-top: 50px;

    padding-right: 0px;

    padding-bottom: 50px;

    padding-left: 0px;

}

.tabs a {

    width: 100px;

    line-height: 30px;

    font-size: 16px;

    margin: 0 2px;

}

.tabs {

    padding-top: 15px;

    padding-bottom: 20px;

}

.h_news_bj {

    padding-top: 45px;

    padding-bottom: 45px;

}

.h_news {

    padding: 15px 0;

}

}

@media screen and (max-width: 490px){

.h_news a {

    width: 100%;

    line-height: 30px;

    padding: 0px 5px;

}

.foot_link{

	display:none;

}

.foot_er img { max-width:110px; height:auto;}

}