.about_item .swiper-button-prev,.about_item .swiper-button-next{ display: block; width:15px; height: 20px; margin-top:-10px; background-size: 15px 20px;}
.about_item .swiper-button-prev{ left:10px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
.about_item .swiper-button-next{right:10px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}

.about_structure .swiper-button-prev,.about_structure .swiper-button-next{ display: block; width:15px; height: 20px; margin-top:-10px; background-size: 15px 20px;}
.about_structure .swiper-button-prev{ left:10px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
.about_structure .swiper-button-next{right:10px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
.about_structure .swiper-button-prev.swiper-button-disabled,.about_structure .swiper-button-next.swiper-button-disabled{pointer-events:inherit!important; opacity: 1;}
.about_structure .swiper-button-prev.disabled,.about_structure .swiper-button-next.disabled{cursor: default; opacity: 0.5;}


.about-bg{ padding:6% 0; background: url(../images/about_bg01.jpg) repeat;}
.about_item{margin-bottom: 6%;}
.about_item ul{ height: 56px;}
.about_item li{ float: left; width:14.28%;height:54px; line-height: 54px; text-align: center; color:#fff;}
.about_item li a{color:#0e5d40; display: block; border:1px solid #1CA16A;   }
.about_item li:first-child a{margin-left: 0;}
.about_item .swiper-button-prev,.about_item .swiper-button-next{ display: none;}
.about_company{position: relative; padding-bottom: 4%;}
.about_company .img{width:57.84%; position: relative;}
.about_company .img .c{ position: absolute; z-index: 2; left:5%; top:10%; width:55%; color:#fff;}
.about_company .img .bg{ position: absolute; z-index: 1; left:0; top:0; width:100%; height: 100%; background: rgba(0,0,0,0.4);}
.about_company .img .c h2{ line-height: 1.4; margin-bottom:15%;}
.about_company .img .c h2 span{ display: block;}
.about_company .img .c h2 em{display: block; font-family: Arial, Helvetica, sans-serif; line-height: 1;}
.about_company .img .c p{line-height:1.8;}
.about_company .img .c p span{ display: block; font-family: Arial, Helvetica, sans-serif;}
.about_company .con{width: 62.5%; position: absolute; z-index: 10; top:40px; right:0; background: url(../images/about_bg02.jpg) left bottom no-repeat #fff;}
.about_company .con dl{padding:10%;}
.about_company .con dd{margin:0 0 7%;}
.about_company .con dd:last-child{margin-bottom: 0;}
.about_company .con dd h3{color:#0C5D42; margin-bottom:2%;}
.about_company .con dd p{ line-height: 1.8;}

.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{pointer-events:inherit!important; cursor: pointer; opacity: 1;}

[class*='icon']{
    font-family: 'iconfont';
}

.about_rules li{ margin-bottom:2.2%; padding:3%; background: #fff; box-shadow: 0 0 10px 10px rgba(0,0,0,0.01);}
.about_rules li .tit{ position: relative; cursor: pointer;}
.about_rules li .tit h2{color:#0C5D42; width:calc(100% - 30px);}
.about_rules li .tit i{font-size: 30px; color:#1CA16A; position: absolute; right:0; top:0;}
.about_rules li.on .tit i{color: #d2d0c4;}
.about_rules li.on .tit i::before{ content:"\e60c";}
.about_rules li .con{ display: none; margin-top:10px; padding: 2.5% 0 1%; border-top:5px solid #1CA16A;}

.about_rules li .con dl{padding: 0 0 3%;}
.about_rules li .con dl dd{margin-top: 25px;}
.about_rules li .con dl dd h3{color:#0D5D3F; padding-bottom: 15px; margin-bottom:20px; border-bottom:1px solid #E1E0DC;}
.about_rules li .con dl dd p{ line-height:1.8;}


.about_structure{ padding:5% 4%; margin-bottom: 2%; background: #fff;}
.about_structure h2{ text-align: center;color:#0C5D42; margin-bottom: 2.5%;}
.about_structure .tab-tit{border-top:6px solid #1CA16A; height: 60px; line-height: 60px; padding: 0 5%; border-bottom:6px solid #1CA16A;}
.about_structure .tab-tit li{ float: left; width:25%; text-align: center; color:#0C5D42; cursor: pointer; position: relative; font-family: SourceHanSansCN-Light;}
.about_structure .tab-tit li.on{font-family: SourceHanSansCN-Regular;}
.about_structure .tab-tit li::after{ content: ""; opacity: 0; position: absolute; left:50%; margin-left:-5px; bottom:0; z-index:2;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #19AD6B;}
.about_structure .tab-tit li.on::after{opacity: 1;}
/*.about_structure .swiper-button-prev,.about_structure .swiper-button-next{ display: none;}*/

.brance_tab .tab-tit{padding:0;}
.brance_tab .tab-tit li{ width:auto; padding: 0 15px;}


.about_structure .tab-con{ padding:4% 3% 2%;}
.str-list li{ margin:0 0 2%;}
.str-list li h3{color:#0C5D42; margin-bottom:10px;}
.str-list li p{ line-height: 2;}

.branch_tit{ width:48%; margin:0 auto 4%;}
.branch_tit ul{ display: inline-block; width:100%;}
.branch_tit li{ cursor: pointer; float:left; width:50%; color:#363636; text-align: center; padding-bottom: 15px; border-bottom:2px solid #CFCFCF;}
.branch_tit li.active{ color:#1CA16A; border-bottom:2px solid #1CA16A;}

.his-top{margin:4% 0 2%; position: relative;}
.his-top .swiper-container{width:calc(100% - 160px); height: 70px;}
.his-top .swiper-slide{text-align: center;}
.his-top .swiper-slide span{ display: block; border-bottom:1px solid #BEBDBA; line-height: 1.2; padding-bottom: 12px;color:#1CA16A; font-family: Arial, Helvetica, sans-serif; position: relative;}
.his-top .swiper-slide span::after{ opacity:0; content: ""; position: absolute; left:0; bottom:-4px; width:100%; height: 7px; background: #1CA16A;}
.his-top .swiper-slide.on span::after{opacity: 1;}
.his-top .swiper-button-prev{ width:50px; height: 50px; line-height: 50px; text-align: center; left:0; margin-top:-25px;background:#fff; border-radius: 100%; border:1px solid #1EA26B;}
.his-top .swiper-button-prev i,.his-top .swiper-button-next i{font-size:20px; color:#8DD0B4;}
.his-top .swiper-button-next{ width:50px; height: 50px; line-height: 50px; text-align: center; right:0; margin-top:-25px;background:#fff;border-radius: 100%; border:1px solid #1EA26B;}
.his-top .swiper-button-prev.swiper-button-disabled,.his-top .swiper-button-next.swiper-button-disabled{cursor: pointer; pointer-events:inherit!important; opacity: 1;}
.his-top .swiper-button-prev.disabled{ cursor: default;background:#1CA16A;}
.his-top .swiper-button-next.disabled{ cursor: default;background:#1CA16A;}
.his-top .swiper-button-prev.disabled i,.his-top .swiper-button-next.disabled i{color:#fff;}
.his-cons{padding:0 80px;}
.his-cons ul{margin:0 -1%;font-size: 16px;}
.his-cons ul li{ float: left; width:31.33%; margin:0 1% 3%; padding:25px 0; height: 120px; overflow: hidden; position: relative; box-shadow: 0 0 10px 10px rgba(0,0,0,0.05); background: #fff;}
.his-cons ul li h3{padding-left:30px; width:80%; color:#0C5D42; background: url(../images/about_dot01.png) left center no-repeat;max-height: 120px;  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;}

.conn-part01{position: relative; margin:0;}
.cmap{width:100%; height: 660px;}
.cinfo{position: absolute; right:70px; top:80px; z-index: 2; width:24.57%; background: #fff; border:1px solid #1CA16A; box-shadow: 0 0 3px 3px rgba(0,0,0,0.15);}
.cinfo dl{padding:50px 30px;}
.cinfo dt h2{margin-bottom: 5%; color:#1CA16A;}
.cinfo dt p{margin:0 0 8px;color:#363636; position: relative; padding-left: 40px;}
.cinfo dt p i{position: absolute; lefT:0; top:0px;}
.cinfo dd{margin-top:8%;}
.cinfo dd p{ font-size: 14px; color:#413D3C; line-height:1.8;}
.cinfo dd span{ display: block;width:88px; height: 88px; padding:6px; border:1px solid #1CA16A; margin-top: 12px; border-radius: 5px;}
.cinfo dd span img{ width:88px; height: 88px;}
.conn-part02{margin:5% 0 2%;}
.conn-part02 ul{margin:0 -0.15%;}
.conn-part02 li{ float: left; width:30.03%; margin:0 0.15%; padding:3% 1.5%;color:#033A2D; text-align: center;  background: #fff;}
.conn-part02 h2{color:#033A2D; margin:0 0 4%;}
.conn-part02 p a{color:#033A2D;font-family: Arial, Helvetica, sans-serif;}
.conn-part02 p em{ margin:0 10px; font-size: 14px; font-weight: bold; vertical-align: middle; position: relative; top:-3px;}

@media only screen and (max-width:1599px) {
	.about_rules li .tit i{ font-size: 24px;}
}

@media only screen and (max-width:1400px) {
	.brance_tab .tab-tit li{padding:0 13px;}
	.cmap{height: 560px;}
	.cinfo{width:30%;}
}

@media only screen and (max-width:1399px) {
	.brance_tab .tab-tit li{padding:0 10px;font-size: 18px;}
}
@media only screen and (max-width:1365px) {
	.brance_tab .tab-tit li{padding:0 8px;font-size: 17px;}
	.his-cons ul li{width:48%;}
}
@media only screen and (max-width:1279px) {
	.about_item ul{ height: 42px;}
	.about_item li{height: 40px; line-height: 40px;}
	.about_company .con dl{padding:5% 5% 8%;}
	.about_company .con dd{margin-bottom: 3%;}
	.brance_tab .tab-tit li{font-size: 14px;}
	.cmap{height: 500px;}
	.cinfo{width:35%;}
}
@media only screen and (max-width:1023px) {
	.about_company .img,.about_company .con{ width:100%;}
	.about_company .con{ position: static; height: auto!important;}
	.about_company .img .c{width:90%;}
	.about_structure .tab-tit{padding:0;}
	.about_structure .swiper-button-prev,.about_structure .swiper-button-next{ display: block; width:15px; height: 20px; margin-top:-10px; background-size: 15px 20px;}
	.about_structure .swiper-button-prev{ left:0; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
	.about_structure .swiper-button-next{right:0; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
	.about_structure .swiper-button-prev.swiper-button-disabled,.about_structure .swiper-button-next.swiper-button-disabled{pointer-events:inherit!important; opacity: 1;}
	.about_structure .swiper-button-prev.disabled,.about_structure .swiper-button-next.disabled{cursor: default; opacity: 0.5;}
	.brance_tab .tab-tit li{padding: 0; font-size: 18px;}
	.his-cons ul li{width:98%;    height: auto;}
	.cmap{height: 400px;}
	.cinfo{width:100%; position: static; margin-top: 20px;}
	.conn-part02 ul{margin:0;}
	.conn-part02 li{width:90%; margin:0 0 3%; padding:5%;}
	.conn-part02 h2{margin-bottom: 2%;}
	.his-cons ul{font-size: 14px;}

	.his-cons ul li h3{position: static; margin:0 5%; transform: translate(0,0); -webkit-transform: translate(0,0);-ms-transform: translate(0,0);-moz-transform: translate(0,0);-o-transform: translate(0,0);    max-height: inherit;
    -webkit-line-clamp: inherit;}
}

@media only screen and (max-width:767px) {
	.about_item .swiper-button-prev,.about_item .swiper-button-next{ display: block; width:15px; height: 20px; margin-top:-10px; background-size: 15px 20px;}
	.about_item .swiper-button-prev{ left:0; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
	.about_item .swiper-button-next{right:0; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
	.about_item .swiper-button-prev.swiper-button-disabled,.about_item .swiper-button-next.swiper-button-disabled{pointer-events:inherit!important; opacity: 1;}
	.about_item .swiper-button-prev.disabled,.about_item .swiper-button-next.disabled{cursor: default; opacity: 0.5;}
	.about_item ul{margin:0;}
	.about_item li{margin:0; width:33.33%; border:none;}
	.about_item li.on a{color:#fff!important; border:1px solid #1ca16a;background: #1ca16a;}
	.about_rules li .tit i{ font-size: 20px;}
	.about_rules li .con{border-top:2px solid #1CA16A;}
	.about_structure .tab-tit{ height: 40px; line-height: 40px; border-width:3px;}
	.branch_tit{ width:100%;}
	.his-top .swiper-button-prev,.his-top .swiper-button-next{ width:30px; height: 30px; line-height: 30px; margin-top:-15px;}
	.his-top .swiper-container{width:calc(100% - 80px); height: 60px;}
	.his-cons{padding:0 0px;}
	.his-cons ul li{height: auto; padding:5% 0;}
	.his-cons ul li h3{position: static; margin:0 5%; transform: translate(0,0); -webkit-transform: translate(0,0);-ms-transform: translate(0,0);-moz-transform: translate(0,0);-o-transform: translate(0,0);    max-height: inherit;
    -webkit-line-clamp: inherit;}
	.cmap{height: 300px;}


	.about_item{padding: 0 20px;box-sizing: border-box;    position: relative;}
	.about_item li a{margin-left: 0;}
}


@media only screen and (min-width:1025px) {
.about_structure .tab-tit li,.branch_tit li,.his-top .swiper-slide span::after{transition:0.3s all; -moz-transition:0.3s all;-ms-transition:0.3s all;}
.about_item li.on a{color:#fff!important; font-family: SourceHanSansCN-Medium; border:1px solid #1ca16a;background: #1ca16a;}
.his-cons ul li h3 a.no_a{cursor:default;color: #3e3e3e !important;}


}