.sjcTop,  .sjcBottom,  .sjcLeft,  .sjcRight,  .rightWow,  .leftWow,  .bottomWow,  .bg {
	-webkit-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
}
.banner {
	width: 100%;
	position: relative;
	background-color: #f3f3f3;
}
.banner .swiper-wrapper {
	width: 100%;
	height: 100%;
}
.banner .swiper-wrapper .swiper-slide {
	width: 100%;
	height: 100%;
}
.banner .swiper-wrapper .swiper-slide>a {
	display: block;
	width: 100%;
	height: 100%;
}
.banner .swiper-wrapper .swiper-slide>a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner .slider-btn-prev {
	position: absolute;
	z-index: 30;
	top: 50%;
	left: -81px;
	width: 81px;
	height: 81px;
	margin-top: -20px;
	background: url(../img/arrowPrev.png) 50% 50% no-repeat;
	transition: all 0.5s linear;
	cursor: pointer;
}
.banner:hover .slider-btn-prev {
	left: 10%;
}
.banner .slider-btn-next {
	position: absolute;
	z-index: 30;
	top: 50%;
	right: -81px;
	width: 81px;
	height: 81px;
	margin-top: -20px;
	background: url(../img/arrowNext.png) 50% 50% no-repeat;
	transition: all 0.5s linear;
	cursor: pointer;
}
.banner:hover .slider-btn-next {
	right: 10%;
	cursor: pointer;
}
.banner-box {
	position: relative;
}
.banner-box>.phone {
	position: absolute;
	z-index: 99;
	bottom: -50px;
	width: 1300px;
	left: 50%;
	transform: translateX(-50%);
}
.banner-box>.phone p {
	width: 554px;
	height: 126px;
	box-sizing: border-box;
	background-color: #ffffff;
	border-radius: 62px;
	border-top: 16px solid #e3e3e3;
	border-bottom: 16px solid #e3e3e3;
	border-left: 20px solid #e3e3e3;
	border-right: 20px solid #e3e3e3;
	padding-left: 20px;
	padding-top: 16px;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	font-family: Arial;
}
.banner-box>.phone p i {
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	width: 64px;
	height: 64px;
	background-color: #34c39d;
	text-align: center;
	line-height: 64px;
	margin-right: 35px;
}
.yebl {
	width: 1300px;
	margin: 0 auto;
}
/* about-box */


.about-box {
	overflow: hidden;
	height: 833px;
	box-sizing: border-box;
}
.about-con {
	padding: 145px 0 0 0;
	height: 100%;
	position: relative;
}
 .about-con::after {
 content: "";
 display: inline-block;
 position: absolute;
 top: 0;
 left: -310px;
 height: 100%;
 width: 801px;
 background: url(../img/ab-bg.jpg) no-repeat center;
 background-size: cover;
 z-index: -1;
}
.about-con .ab-other {
	width: 322px;
	box-sizing: border-box;
}
.about-con .ab-other .yyzz {
	position: relative;
}
.about-con .ab-other .yyzz>img {
	width: 274px;
	height: 184px;
	object-fit: cover;
	padding: 21px 24px;
	background: url(../img/yyzz.jpg) no-repeat center;
	background-size: cover;
}
.about-con .ab-other .yyzz>img:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.about-con .ab-other .yyzz a {
	width: 34px;
	height: 34px;
	background-color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	color: #333333;
	font-size: 24px;
	text-align: center;
	line-height: 34px;
	margin-top: 22px;
}
.about-con .ab-other:hover .yyzz a {
	color: #fff;
	background-color: #34c39d;
	transform: translateX(8px);
}
.about-con .ab-other .yyzz p {
	display: inline-block;
	position: absolute;
	bottom: 5px;
	right: 0;
	font-size: 18px;
	color: #333333;
}
.about-con .ab-other .yyzz span {
	position: absolute;
	left: -94px;
	top: 0;
	display: inline-block;
	height: 300px;
	writing-mode: vertical-lr;
	/*从左å'右 从右å'左是 writing-mode: vertical-rl;*/


    writing-mode: tb-lr;
	/*IE浏览åâ"¢Â¨Ã§Å¡"从左å'右 从右å'左是 writing-mode: tb-rlï¼›*/


    font-family: Arial;
	font-size: 12px;
	letter-spacing: 11px;
	color: #333333;
}
.ab-other .ab-ul {
	margin-top: 85px;
	position: relative;
	z-index: 9;
}
 .ab-other .ab-ul::after {
 content: "";
 position: absolute;
 display: inline-block;
 width: 706px;
 height: 230px;
 background-color: #fefefe;
 box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.06);
 border-radius: 115px;
 z-index: -1;
 top: 0;
 left: -310px;
}
.ab-other .ab-ul li {
	margin-top: 39px;
	display: inline-block;
}
 .ab-other .ab-ul li:nth-child(1) {
 margin-right: 64px;
}
 .ab-other .ab-ul li a:nth-child(1) {
 width: 100px;
 height: 100px;
 background-color: #34c39d;
 display: block;
 border-radius: 50%;
 text-align: center;
 line-height: 100px;
 position: relative;
 z-index: 9;
}
 .ab-other .ab-ul li a:nth-child(1)::after {
 content: "";
 display: inline-block;
 position: absolute;
 width: 120px;
 height: 120px;
 background-color: transparent;
 border: solid 1px rgba(0, 0, 0, 0.06);
 border-radius: 50%;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 z-index: -1;
 box-sizing: border-box;
}
 .ab-other .ab-ul li a:nth-child(2) {
 text-align: center;
 font-size: 16px;
 line-height: 40px;
 color: #333333;
 display: block;
 margin: 16px auto;
}
 .ab-other .ab-ul li.active a:nth-child(1) {
 background-color: #333333;
}
 .ab-other .ab-ul li.active a:nth-child(1)::after {
 box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
 border: solid 10px #ffffff;
}
.ab-other .ab-ul>a {
	position: absolute;
	left: -101px;
	top: 39px;
	font-family: Arial;
	font-size: 15px;
	color: #333333;
	writing-mode: vertical-lr;
	/*从左å'右 从右å'左是 writing-mode: vertical-rl;*/


    writing-mode: tb-lr;/*IE浏览åâ"¢Â¨Ã§Å¡"从左å'右 从右å'左是 writing-mode: tb-rlï¼›*/


}
 .ab-other .ab-ul>a::after {
 content: "";
 display: inline-block;
 width: 1px;
 height: 86px;
 margin-top: 10px;
 background-color: #333333;
}
 .ab-other .ab-ul:hover>a::after {
 height: 106px;
}
.ab-text {
	position: relative;
	width: 703px;
	box-sizing: border-box;
}
/* tit-box */


.tit-box {
	position: relative;
}
 .tit-box::after {
 content: "";
 display: inline-block;
 position: absolute;
 top: -50px;
 left: 0;
 width: 121px;
 height: 50px;
 background: url(../img/tit-y.png) no-repeat center;
 background-size: cover;
}
.tit-box .tit {
	display: block;
	font-size: 36px;
	font-weight: bold;
	line-height: 40px;
	padding-bottom: 18px;
	color: #333333;
	border-bottom: 1px solid #333333;
}
.tit-box .desc {
	display: block;
	font-size: 15px;
	line-height: 40px;
	letter-spacing: 19px;
	color: #666666;
	position: relative;
	top: 0;
	left: 0;
}
.tit-box .desc span {
	font-size: 15px;
	line-height: 40px;
	letter-spacing:20px;
	color: #666666;
}
.adv-box .tit-box .desc span {
	letter-spacing:30px;
	color: #eee;
}
.tit-box i {
	position: absolute;
	right: 7px;
	top: 0;
	z-index: 9;
}
 .tit-box i::after {
 content: "";
 display: inline-block;
 position: absolute;
 z-index: -1;
 width: 23px;
 height: 23px;
 bottom: -3px;
 right: -7px;
 border-radius: 50%;
 background-color: #35bd9c;
}
.about-box .tit-box {
	width: 310px;
}
.ab-text .more {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	border-radius: 50%;
	width: 72px;
	height: 72px;
	background-color: #34c39d;
	text-align: center;
	line-height: 72px;
}
.ab-text>.wrap {
	position: relative;
	left: -30px;
	margin: 10px 0 30px;
	width: 733px;
	height: 408px;
	overflow: hidden;
}
.ab-text .card {
	margin: 0 auto;
	width: 733px;
	height: 408px;
	z-index: 1;
	position: absolute;
	top: -30px;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff url(../img/about.jpg) 50% 50%;
	background-size: 120%;
}
.ab-text>img {
	width: 703px;
	height: 388px;
	object-fit: cover;
	margin: 30px 0;
}
.ab-text>p {
	font-size: 16px;
	line-height: 40px;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.ab-text>span {
	position: absolute;
	top: -30px;
	writing-mode: vertical-lr;
	/*从左å'右 从右å'左是 writing-mode: vertical-rl;*/


    writing-mode: tb-lr;
	/*IE浏览åâ"¢Â¨Ã§Å¡"从左å'右 从右å'左是 writing-mode: tb-rlï¼›*/


    font-family: Times New Roman;
	font-size: 140px;
	font-weight: bold;
	line-height: 100px;
	color: #f3f3f3;
	display: inline-block;
	height: 700px;
	right: -203px;
}
/* pro-box */


.pro-box {
	overflow: hidden;
}
.pro-con {
	padding: 110px 0 105px;
}
.pro-con .tit-box {
	z-index: 10;
}
.pro-con .tit-box span {
	font-size: 15px;
	letter-spacing: 20px;
	color: #666666;
	position: relative;
	top: 0;
	left: 0;
}
 .pro-con .tit-box i::after {
 background-color: #34c39d;
}
.slide-pro .hd ul {
	display: flex;
	justify-content: space-between;
}
.slide-pro .hd ul li {
	display: inline-block;
	position: relative;
	z-index: 9;
	top: -1px;
	width: 18.7%;
	height: 216px;
	box-sizing: border-box;
	border-radius: 0px 0px 10px 10px;
	border: solid 1px #ebebeb;
	padding: 60px 40px 0;
	overflow: hidden;
}
 .slide-pro .hd ul li::after {
 content: "";
 display: inline-block;
 position: absolute;
 z-index: -1;
 top: 0;
 left: 0;
 height: 0;
 width: 100%;
 background-color: #34c39d;
}
 .slide-pro .hd ul li.on::after {
 height: 100%;
}
.slide-pro .hd ul li .tit {
	display: block;
	text-align: center;
	font-size: 18px;
	color: #333333;
}
.slide-pro .hd ul li.on a,  .slide-pro .hd ul li.on i {
	color: #fff;
}
.slide-pro .hd ul li i {
	display: block;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	color: #999999;
	margin: 5px 0 30px;
}
.slide-pro .hd ul li .desc {
	font-size: 16px;
	line-height: 32px;
	color: #333333;
	display: block;
	text-align: center;
}
.slide-pro {
	position: relative;
}
.slide-pro>span {
	position: absolute;
	right: 10px;
	bottom: 460px;
	z-index: -1;
	font-family: Times New Roman;
	font-size: 82px;
	letter-spacing: 3px;
	font-weight: bold;
	line-height: 82px;
	color: #333333;
	opacity: 0.1;
}
.myPro {
	display: inline-block;
	overflow: hidden;
	width: 914px;
	position: relative;
	box-sizing: border-box;
	margin-left: 50px;
}
.myPro .im {
	display: inline-block;
	width: 450px;
	height: 286px;
	overflow: hidden;
	margin-top: 51px;
	vertical-align: middle;
}
.myPro .im img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.myPro ul li:hover .im img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.myPro ul li>div {
	display: inline-block;
	vertical-align: top;
	width: 378px;
	margin-left: 32px;
}
.myPro ul li>div .tit {
	display: block;
	font-size: 22px;
	font-weight: bold;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
 .myPro ul li>div .tit::after {
 content: "";
 display: block;
 width: 29px;
 height: 1px;
 margin: 31px 0 38px;
 background-color: #333333;
}
.myPro ul li>div .desc {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 15px;
	line-height: 32px;
	color: #666666;
}
.myPro .myPro-pagination {
	top: auto;
	bottom: 20px;
	left: auto;
	right: 103px;
	display: inline-block;
	width: 326px;
	height: 1px;
	background-color: rgba(51, 51, 51, .1);
}
.myPro-pagination .swiper-pagination-progressbar-fill {
	background: #333333;
}
.myPro .num {
	position: absolute;
	right: 0;
	bottom: 0;
	font-family: Times New Roman;
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
	color: #333333;
}
.pl-ul {
	display: inline-block;
	width: 330px;
}
.pl-ul li {
	position: relative;
	margin-bottom: 36px;
}
.pl-ul li .im {
	display: inline-block;
	overflow: hidden;
	width: 220px;
	height: 159px;
	background-color: #e3e3e3;
	box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	border: solid 5px #ffffff;
}
.pl-ul li .im img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pl-ul li:hover .im img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.pl-ul li .tit {
	position: absolute;
	bottom: 10px;
	right: 0;
	display: inline-block;
	font-size: 15px;
	color: #333333;
	width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: right;
}
.pl-ul li i {
	text-align: right;
	position: absolute;
	right: 0;
	top: 80px;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	color: #333333;
}
 .pl-ul li i::after {
 content: "";
 display: block;
 width: 101px;
 height: 1px;
 background-color: #333333;
}
.pb-pro li {
	margin: 40px 38px 0 0;
	position: relative;
	z-index: 9;
	display: inline-block;
	width: 290px;
	height: 309px;
	background-color: #f4f4f4;
	border: solid 1px #eeeeee;
}
 .pb-pro li::after {
 content: "";
 display: inline-block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 z-index: -1;
 height: 0;
 background-color: #34c39d;
}
 .pb-pro li.active::after {
 height: 100%;
}
.pb-pro li:last-child {
	margin-right: 0;
}
.pb-pro li.active a {
	color: #fff;
}
 .pb-pro li.active a::before {
 background-color: #fff;
}
.pb-pro li.active .tit {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.pb-pro li.active .more {
	width: 48px;
	height: 48px;
	background-color: #34c39d;
	box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.08);
	border: solid 8px #ffffff;
}
.pb-pro li .im {
	display: block;
	width: 240px;
	height: 180px;
	margin: 26px 25px 0;
}
.pb-pro li .im img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pb-pro li :hover .im img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.pb-pro li .tit {
	width: 230px;
	padding: 25px 0 10px;
	display: block;
	font-size: 16px;
	color: #333333;
	border-bottom: 1px solid rgba(51, 51, 51, .1);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
 .pb-pro li .tit::before {
 content: '';
 display: inline-block;
 width: 7px;
 height: 7px;
 vertical-align: middle;
 margin: 0 10px 0 20px;
 background-color: #cccccc;
}
.pb-pro li .more {
	position: absolute;
	right: 11px;
	bottom: 19px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: #f4f4f4;
	box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.08);
	border: solid 8px #ffffff;
	text-align: center;
	line-height: 42px;
	font-size: 35px;
}
.pb-pro li .more2 {
	display: block;
	margin-top: 8px;
	margin-left: 22px;
	font-family: Times New Roman;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}
.pro-bd .bd>div {
	height: 771px;
	margin-top: 65px;
	overflow: hidden;
}
.pro-bd {
	position: relative;
}
.pro-bd>.more {
	position: absolute;
	z-index: 99;
	top: 64px;
	left: 382px;
	display: inline-block;
	width: 248px;
	height: 54px;
	background-color: #ffffff;
	box-shadow: 0px 11px 29px 0px rgba(0, 0, 0, 0.06);
	border-radius: 36px;
	border: 9px solid #f6f6f7;
	font-family: Arial;
	font-size: 16px;
	color: #333333;
}
.pro-bd>.more i {
	display: inline-block;
	text-align-last: center;
	line-height: 33px;
	border-radius: 50%;
	width: 37px;
	height: 37px;
	margin: 10px 30px 0 24px;
	background-color: #34c39d;
}
.pro-bd>.more i img {
	width: 15px;
	height: 21px;
	object-fit: contain;
}
/* adv-box */


.adv-box {
	overflow: hidden;
	height: 750px;
	background: url(../img/adv-bg.jpg) no-repeat center;
	background-size: cover;
}
.adv-con {
	position: relative;
	padding-top: 75px;
	width: 1314px;
	margin: 0 auto;
	left: -14px;
}
.myAdv {
	position: relative;
	overflow: hidden;
}
.sw-adv li {
	position: relative;
}
 .sw-adv li::after {
 content: "";
 position: absolute;
 z-index: -1;
 display: inline-block;
 width: 568px;
 height: 674px;
 background-color: #ffffff;
 border-radius: 60px 60px 0px 0px;
 border: solid 1px #ffffff;
 opacity: 0.1;
 bottom: 0;
 left: 0;
}
.sw-adv li .text {
	display: inline-block;
	width: 607px;
	box-sizing: border-box;
}
.sw-adv li>img {
	margin-top: 18px;
	margin-left: 14px;
	width: 540px;
	height: 657px;
	object-fit: cover;
	border-radius: 60px 60px 0px 0px;
}
 .sw-adv li .text p:nth-child(1) {
 font-size: 21px;
 font-weight: bold;
 line-height: 40px;
 margin-top: 250px;
 color: #ffffff;
}
.sw-adv li .text i {
	display: block;
	font-family: Arial;
	font-size: 12px;
	line-height: 30px;
	color: #ffffff;
	opacity: 0.4;
}
 .sw-adv li .text p:nth-child(3) {
 font-size: 16px;
 line-height: 40px;
 margin-top: 30px;
 color: #eee;
}
.myAdv .tit-box {
	width: 611px;
	position: absolute;
	top: 51px;
	right: 0;
}
.myAdv .tit-box .tit {
	color: #fff;
}
.myAdv .tit-box .desc {
	color: #fff!important;
	opacity: 0.6;
}
.myAdv .contorl {
	position: absolute;
	z-index: 99;
	bottom: 112px;
	right: 0;
}
 .myAdv .contorl::before {
 content: "";
 display: inline-block;
 position: absolute;
 width: 403px;
 z-index: -1;
 left: -28px;
 top: 50%;
 transform: translateY(-50%);
 height: 86px;
 background-color: #0b8c69;
 box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.06);
 border-radius: 42px 0 0 42px;
}
.adv-con {
	position: relative;
	z-index: 9;
}
 .myAdv .contorl::after {
 content: "";
 display: inline-block;
 position: absolute;
 width: 520px;
 z-index: -1;
 right: -285px;
 top: 50%;
 transform: translateY(-50%);
 height: 86px;
 background-color: #0b8c69;
 box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.06);
}
 .adv-con::after {
 content: "";
 display: inline-block;
 position: absolute;
 z-index: -1;
 right: -310px;
 bottom: 89px;
 width: 310px;
 height: 86px;
 background-color: #0b8c69;
 box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.06);
}
.myAdv .contorl .adv-pagination {
	position: relative;
	display: inline-block;
}
.myAdv .contorl .adv-pagination span {
	opacity: 1;
	width: 6px;
	height: 6px;
	position: relative;
	display: inline-block;
	margin: 0 16px;
	background-color: #ffffff;
}
 .myAdv .contorl .adv-pagination span::after {
 content: "";
 display: inline-block;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 0;
 height: 0;
 border: solid 1px #ffffff;
 border-radius: 50%;
}
 .myAdv .contorl .adv-pagination .swiper-pagination-bullet-active::after {
 width: 22px;
 height: 22px;
}
.myAdv .contorl .num {
	font-family: Arial;
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
	color: #ffffff;
	vertical-align: middle;
	margin-right: 135px;
}
.myAdv .contorl .phone {
	display: inline-block;
	font-size: 20px;
	color: #ffffff;
}
.myAdv .contorl .phone img {
	margin: 0 20px 0 100px;
}
.adv-con .adv-i {
	position: absolute;
	right: -201px;
	bottom: 143px;
}
/* sol-box */


.sol-box {
	position: relative;
	overflow: hidden;
}
 .sol-box::after {
 content: "";
 display: inline-block;
 position: absolute;
 z-index: -1;
 top: 0;
 left: 0;
 width: 100%;
 height: 727px;
 background: url(../img/case-bg.jpg) no-repeat center;
 background-size: cover;
}
.sol-con {
	padding: 106px 0 0 0;
	position: relative;
}
.sol-con .tit-box {
	width: 545px;
}
.sol-tit .more {
	font-family: Times New Roman;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	margin-top: 20px;
}
.sol-tit .more i {
	display: inline-block;
	border-radius: 50%;
	width: 72px;
	height: 72px;
	background-color: #333333;
	text-align: center;
	line-height: 72px;
	margin-right: 135px;
	position: relative;
}
 .sol-tit .more i::after {
 content: "";
 position: absolute;
 right: -120px;
 top: 36px;
 display: inline-block;
 vertical-align: middle;
 width: 101px;
 height: 1px;
 background-color: #333333;
}
.sol-tit .more i img {
	width: 25px;
	height: 35px;
	object-fit: cover;
}
.slide-sol {
	margin-top: 29px;
}
.slide-sol .hd ul {
	display: flex;
	height: 150px;
	background-color: #fff;
	justify-content: space-between;
	border: solid 1px #ebebeb;
}
.slide-sol .hd ul li {
	flex: 1;
	position: relative;
	z-index: 9;
	border-left: 1px solid #ebebeb;
}
 .slide-sol .hd ul li::after {
 content: "";
 display: inline-block;
 position: absolute;
 top: 0;
 z-index: -1;
 left: 0;
 width: 100%;
 height: 0;
 background-color: #34c39d;
}
 .slide-sol .hd ul li.on::after {
 height: 100%;
}
.slide-sol .hd ul li a {
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	color: #333333;
}
.slide-sol .hd ul li.on a {
	color: #fff;
}
.slide-sol .hd ul li .icon {
	width: 39px;
	height: 42px;
	margin: 36px auto 10px;
	background: url(../img/s1.png) no-repeat center;
	background-size: contain;
}
 .slide-sol .hd ul li:nth-child(2) .icon {
 background: url(../img/s2.png) no-repeat center;
}
 .slide-sol .hd ul li:nth-child(3) .icon {
 background: url(../img/s3.png) no-repeat center;
}
 .slide-sol .hd ul li:nth-child(4) .icon {
 background: url(../img/s4.png) no-repeat center;
}
 .slide-sol .hd ul li:nth-child(5) .icon {
 background: url(../img/s5.png) no-repeat center;
}
.slide-sol .hd ul li.on .icon {
	background: url(../img/s12.png) no-repeat center;
}
 .slide-sol .hd ul li.on:nth-child(2) .icon {
 background: url(../img/s22.png) no-repeat center;
}
 .slide-sol .hd ul li.on:nth-child(3) .icon {
 background: url(../img/s32.png) no-repeat center;
}
 .slide-sol .hd ul li.on:nth-child(4) .icon {
 background: url(../img/s42.png) no-repeat center;
}
 .slide-sol .hd ul li.on:nth-child(5) .icon {
 background: url(../img/s52.png) no-repeat center;
}
.sol-bd .bd>div {
	margin-top: 62px;
	height: 456px;
	position: relative;
}
.mySol {
	position: relative;
}
.mySol .sol-pagination {
	position: absolute;
	z-index: 99;
	top: 83px;
	bottom: auto;
	left: 503px;
}
.mySol .sol-pagination span {
	opacity: 1;
	position: relative;
	width: 6px;
	height: 6px;
	background-color: #333333;
	margin: 0 16px !important;
}
 .mySol .sol-pagination span::after {
 content: '';
 display: inline-block;
 position: absolute;
 width: 0;
 height: 0;
 border: solid 1px #34c39d;
 border-radius: 50%;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
}
.mySol .sol-pagination .swiper-pagination-bullet-active {
	background-color: #34c39d;
}
 .mySol .sol-pagination .swiper-pagination-bullet-active::after {
 width: 22px;
 height: 22px;
}
.sw-sol li .text {
	display: inline-block;
	width: 586px;
	box-sizing: border-box;
}
 .sw-sol li .text>p:nth-child(1) {
 padding: 63px 0 15px;
}
 .sw-sol li .text>p:nth-child(1) i {
 display: inline-block;
 font-family: Arial;
 font-size: 60px;
 font-weight: bold;
 line-height: 60px;
 color: #333333;
}
 .sw-sol li .text>p:nth-child(1) i::after {
 content: "";
 display: inline-block;
 width: 24px;
 height: 1px;
 margin-bottom: 10px;
 background-color: #333333;
}
 .sw-sol li .text>p:nth-child(1) a {
 display: inline-block;
 font-size: 18px;
 font-weight: bold;
 vertical-align: middle;
 color: #333333;
 margin-bottom: 13px;
 margin-left: 10px;
 width: 250px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
 .sw-sol li .text>p:nth-child(2) {
 font-size: 15px;
 line-height: 32px;
 color: #666666;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
}
.sw-sol li>.im {
	overflow: hidden;
	width: 612px;
	height: 456px;
	display: inline-block;
}
.sw-sol li>.im img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sw-sol li:hover>.im img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.sol-ul {
	position: absolute;
	z-index: 9;
	bottom: 50px;
	left: 0;
}
.sol-ul li {
	display: inline-block;
	position: relative;
	margin-right: 42px;
}
.sol-ul li .im {
	display: inline-block;
	width: 210px;
	box-sizing: border-box;
	height: 159px;
	background-color: #e3e3e3;
	box-shadow: 0px 13px 32px 0px rgba(0, 0, 0, 0.07);
	border-radius: 10px;
	border: solid 8px #ffffff;
}
.sol-ul li .im img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sol-ul li:hover .im img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.sol-ul li .tit {
	vertical-align: bottom;
	font-size: 16px;
	line-height: 40px;
	margin-left: 10px;
	margin-bottom: 23px;
	color: #333333;
	display: inline-block;
	width: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: right;
}
.sol-ul li i {
	position: absolute;
	z-index: 8;
	right: 0;
	top: 60px;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #333333;
	text-align: right;
}
 .sol-ul li i::after {
 content: "";
 display: block;
 width: 101px;
 margin-top: 10px;
 height: 1px;
 background-color: #333333;
}
.sol-bd {
	position: relative;
}
.sw-sol li {
	opacity: 0;
}
.sw-sol .swiper-slide-active {
	opacity: 1;
}
.sol-bd .p1 {
	top: 70px;
	left: 0;
	position: absolute;
	font-family: Times New Roman;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 24px;
	color: #333333;
}
.sol-bd .p2 {
	position: absolute;
	left: 0;
	bottom: 0;
	font-family: Arial;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: 40px;
	color: #333333;
	opacity: 0.5;
}
.myPar {
	position: relative;
	overflow: hidden;
	height: 456px;
}
.sw-par {
	margin-bottom: -150px !important;
}
.sw-par ul li {
	display: inline-block;
	width: 256px;
	margin-right:0;
	box-sizing: border-box;
}
.sw-par ul li:last-child {
	margin-right: 0;
}
.sw-par ul li .im {
	display: block;
	width: 100%;
	height: 281px;
	overflow: hidden;
	position: relative;
	text-align: center;
	line-height: 281px;
}
 .sw-par ul li .im::before {
 content: "";
 position: absolute;
 z-index: 8;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 height: 100%;
 opacity: 1;
 background: url(../img/cu-bor.png) no-repeat center;
 background-size: 100%;
}
 .sw-par ul li.active .im::before {
 background: url(../img/cu-b-red.png) no-repeat center;
 background-size: 100%;
}
.sw-par ul li .im img {
	width: 78%;
	height: 70%;
	object-fit: cover;
}
.sw-par ul li .tit {
	display: block;
	text-align: center;
	font-size: 18px;
	line-height: 40px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
 .sw-par ul li .tit::before {
 content: "";
 display: block;
 margin: 0 auto 10px;
 width: 1px;
 height: 25px;
 background-color: #dddddd;
}
.sw-par ul li i {
	display: block;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	line-height: 20px;
	color: #999999;
}
.myPar {
	padding-top: 70px;
	position: relative;
}
.myPar .tit-box {
	position: absolute;
	top: 50px;
	left: 0;
	width: 560px;
}
.myPar .contorl {
	text-align: right;
	margin-bottom: 40px;
}
.myPar .contorl .par-pagination {
	position: relative;
	width: 289px;
	height: 1px;
	background-color: rgba(51, 51, 51, .1);
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
.myPar .contorl .par-pagination span {
	background-color: #333333;
}
.myPar .contorl .num {
	font-family: Times New Roman;
	font-size: 40px;
	vertical-align: middle;
	font-weight: bold;
	line-height: 40px;
	/* display: inline-block; */


    display: none;
	color: #333333;
	margin: 0 50px 0 30px;
}
.myPar .contorl .par-next {
	cursor: pointer;
	display: inline-block;
	border-radius: 50%;
	width: 72px;
	height: 72px;
	text-align: center;
	line-height: 72px;
	vertical-align: middle;
	background-color: #34c39d;
}
.myPar .contorl .par-next img {
	width: 25px;
	height: 35px;
	object-fit: cover;
}
/* news-box */





.bigBox {
	overflow: hidden;
}
.news-con {
	position: relative;
	padding-top: 42px;
}
 .news-con::after {
 content: "";
 display: inline-block;
 position: absolute;
 left: -310px;
 bottom: 0;
 width: 594px;
 z-index: -1;
 height: 643px;
 background: url(../img/news-bg.jpg) no-repeat center;
 background-size: cover;
}
.slide-news {
	position: relative;
}
.slide-news .tit-box {
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 99;
	width: 316px;
}
.slide-news .hd {
	position: absolute;
	top: 155px;
	left: 0;
}
.slide-news .hd ul li {
	margin: 55px 0;
	width: 150px;
	box-sizing: border-box;
	position: relative;
	z-index: 9;
}
 .slide-news .hd ul li::after {
 content: "";
 display: inline-block;
 position: absolute;
 z-index: -1;
 left: -310px;
 top: 50%;
 transform: translateY(-55%);
 width: 0;
 height: 115px;
 background-color: #34c39d;
 border-radius: 0 57px 57px 0;
}
 .slide-news .hd ul li.on::after {
 width: 513px;
}
.slide-news .hd ul li .tit {
	display: block;
	font-size: 20px;
	line-height: 32px;
	color: #333333;
	padding-bottom: 10px;
	margin-bottom: 7px;
	border-bottom: 1px solid #dedede;
}
.slide-news .hd ul li.on .tit {
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.slide-news .hd ul li i {
	display: block;
	font-family: Arial;
	font-size: 12px;
	;
	line-height: 32px;
	color: #999999;
}
.slide-news .hd ul li.on i {
	color: #ffffff;
	opacity: 0.5;
}
.slide-news .hd ul li .more {
	position: absolute;
	top: 5px;
	right: 0;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	line-height: 24px;
	width: 24px;
	height: 24px;
	color: #999999;
	font-size: 14px;
	background-color: #ffffff;
}
.slide-news .hd ul li.on .more {
	color: #34c39d;
}
.news-bd .bd>div {
	margin-bottom: 70px;
	height: 709px;
}
.n-top {
	margin-left: auto;
	overflow: hidden;
	padding: 34px;
	position: relative;
	box-sizing: border-box;
	width: 924px;
	height: 277px;
	background-color: #ffffff;
	border: solid 1px #eeeeee;
}
.n-top .im {
	display: inline-block;
	overflow: hidden;
	width: 268px;
	height: 201px;
}
.n-top .im img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.n-top:hover .im img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.n-top .n-t-text {
	display: inline-block;
	width: 532px;
	margin-left: 37px;
	vertical-align: top;
}
.n-top .n-t-text .tit {
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 36px;
	color: #444444;
	margin: 22px 0 20px;
}
 .n-top .n-t-text .tit::before {
 content: "-";
 display: inline-block;
 margin-right: 5px;
}
.n-top .n-t-text p {
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.n-top .n-t-text i {
	display: block;
	font-family: Arial;
	font-size: 14px;
	line-height: 20px;
	color: #999999;
	margin-top: 30px;
}
.n-t-text .more {
	position: absolute;
	border-radius: 50%;
	width: 108px;
	height: 108px;
	background-color: #34c39d;
	position: absolute;
	right: -40px;
	bottom: -36px;
	box-sizing: border-box;
}
.n-t-text .more img {
	width: 21px;
	height: 31px;
	margin: 25px 0 0 30px;
}
.n-top:hover .n-t-text .more {
	width: 138px;
	height: 138px;
}
.n-top:hover .n-t-text .more img {
	margin: 35px 0 0 40px;
}
.n-cen-ul {
	margin-left: auto;
	width: 925px;
	box-sizing: border-box;
}
.n-cen-ul li {
	padding: 25px 30px;
	display: inline-block;
	box-sizing: border-box;
	width: 300px;
	height: 257px;
	background-color: #ffffff;
	border-radius: 5px;
	margin: 32px 8px 0 0;
}
.n-cen-ul li:last-child {
	margin-right: 0;
}
.n-cen-ul li.active {
	box-shadow: 4px 24px 40px 0px rgba(0, 0, 0, 0.06);
}
.n-cen-ul li .date {
	position: relative;
	padding-bottom: 11px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
}
 .n-cen-ul li .date::after {
 content: "";
 display: inline-block;
 position: absolute;
 left: 0;
 bottom: 0;
 width: 0;
 height: 1px;
 background-color: #34c39d;
}
 .n-cen-ul li.active .date::after {
 width: 100%;
}
.n-cen-ul li .date img {
	width: 120px;
	height: 80px;
	object-fit: cover;
}
.n-cen-ul li .date .day {
	position: absolute;
	right: 0;
	bottom: 20px;
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
	color: #34c39d;
	opacity: 0;
 transition: all .5s;
 -webkit-transition: all .5s;
 -moz-transition: all .5s;
 -o-transition: all .5s;
 -ms-transition: all .5s;
}
.n-cen-ul li .date .year {
	position: absolute;
	font-family: Arial;
	font-size: 14px;
	line-height: 15px;
	color: #999999;
	position: absolute;
	right: 0;
	bottom: 20px;
	opacity: 1;
 transition: all .5s;
 -webkit-transition: all .5s;
 -moz-transition: all .5s;
 -o-transition: all .5s;
 -ms-transition: all .5s;
}
.n-cen-ul li.active .day {
	opacity: 1;
}
.n-cen-ul li.active .year {
	opacity: 0;
}
.n-cen-ul li .tit {
	display: block;
	font-size: 16px;
	line-height: 40px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.n-cen-ul li p {
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.n-cen-ul li .more {
	display: block;
	font-family: Arial;
	font-size: 12px;
	line-height: 15px;
	color: #999999;
	margin-top: 18px;
}
.n-cen-ul li .more img {
	margin-right: 5px;
}
.n-bot-ul {
	margin-left: auto;
	width: 925px;
	box-sizing: border-box;
	padding-left: 20px;
	margin-top: 66px;
	padding-bottom: 25px;
	border-bottom: dashed 1px #dddddd;
}
.n-bot-ul li {
	width: 30%;
	display: inline-block;
	position: relative;
	margin-right: 34px;
}
.n-bot-ul li:last-child {
	margin-right: 0;
}
.n-bot-ul li .tit {
	display: block;
	width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	color: #333333;
}
.n-bot-ul li:hover .tit {
	color: #34c39d;
	transform: translateX(5px);
}
 .n-bot-ul li .tit::before {
 content: "·";
 font-size: 20px;
 position: relative;
 top: -2px;
 vertical-align: middle;
 font-weight: bold;
}
.n-bot-ul li .more {
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 20px;
	color: #999999;
}
.n-bot-ul li i {
	display: block;
	font-family: Arial;
	font-size: 14px;
	margin-left: 10px;
	color: #999999;
}
.form {
	background-color: #f2f3f3;
}
.form-box {
	padding-top: 63px;
	padding-bottom: 10px;
	position: relative;
}
.form-cen {
	width: 1015px;
	margin-left: auto;
	box-sizing: border-box;
	position: relative;
}
 .form-cen div:nth-child(-n+2),  .form-cen label {
 display: inline-block;
 width: 253px;
 height: 50px;
 background-color: #ffffff;
 border: solid 1px #eeeeee;
 box-sizing: border-box;
 line-height: 50px;
}
 .form-cen div img,  .form-cen label img:nth-child(1) {
 margin: 0 18px 0 15px;
}
.form-cen label input {
	width: 39%;
}
.form-cen input {
	font-size: 14px;
	color: #333333;
}
 .form-cen label img:nth-child(2) {
 width: 91px;
 height: 30px;
 border: solid 1px #c9c9c9;
 object-fit: cover;
}
 .form-cen div:nth-child(-n+2) {
 margin-right: 24px;
 margin-bottom: 18px;
}
 input::-webkit-input-placeholder {


    /* WebKit browsers */


    font-size: 14px;
 color: #333333;
}
 input:-moz-placeholder {


    /* Mozilla Firefox 4 to 18 */


    font-size: 14px;
 color: #333333;
}
 input::-moz-placeholder {


    /* Mozilla Firefox 19+ */


    font-size: 14px;
 color: #333333;
}
 input:-ms-input-placeholder {


    /* Internet Explorer 10+ */


    font-size: 14px;
 color: #333333;
}
 .form-cen div:nth-child(4) {
 width: 816px;
 height: 50px;
 box-sizing: border-box;
 line-height: 50px;
 background-color: #ffffff;
 border: solid 1px #eeeeee;
}
 .form-cen div:nth-child(4) input {
 width: 80%;
}
.form-cen button {
	position: absolute;
	right: 0;
	top: -5px;
	width: 130px;
	height: 130px;
	background-color: #34c39d;
	border-radius: 50%;
	border: 16px solid #c3dddb;
}
.fo-im {
	position: absolute;
	left: 0;
	bottom: 0px;
}
/* links */


.links {
	background-color: #f2f3f3;
	overflow: hidden;
}
.links-box {
	padding: 30px 0 26px;
	width: 1300px;
	margin: 0 auto;
	display: flex;
}
.links-box p {
	font-size: 16px;
	color: #333333;
	width: 153px;
	height: 45px;
	padding-left: 39px;
	box-sizing: border-box;
	margin-right: 70px;
	background: url(../img/links.png) no-repeat left bottom;
}
.links-box div {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
}
.links-box div a {
	margin: 0 30px 15px;
	font-size: 14px;
	color: #666666;
}
.links-box div a:hover {
	transform: translateX(8px);
}












/* 手机端效果 */
@media screen and (max-width: 780px){
html , body{ width:100%!important;}
.navi{ height:100px!important;}
.navi::before {width:44%; height: 70px;}
.navi .navi_main {width: 100%!important; }
.nav_r {width: 100%; height: 50px;}
.nav_con h1 { padding-top: 10px; height: 70px;}
.nav_con h1>a img {width: 50px; height: 51px;  margin-left: 10px; margin-right:10px;}
.nav_con h1>a p{line-height: 24px; width: 100px;}
.navi .navi_main .navi_list>li {width: 14.285%;}

.xunpan {
    width: 34px;
    height: 34px;
    margin-top: 14px;
    line-height: 22px;
    margin-right: 20px;
}

.banner-box{padding-top: 100px;}
.banner-box>.phone{ display:none;}

.navi .navi_main .navi_list {width: 100%;}
.navi .navi_main .navi_list>li>a i{ display:none;}
.navi .navi_main .navi_list>li>a{padding:0; line-height: 32px; font-size: 12px; text-align: center; letter-spacing: -.1px;}
.navi .navi_main .navi_list>li.another>a::after{ display:none;}


.about-box {height: auto!important;}
.about-con {padding:45px 0 0 0!important;}
.yebl {width:96%!important; overflow: hidden;}
.ab-text {width: 90%!important; margin: 10% 5%!important;}
.ab-other .ab-ul {margin-top: 20px!important;}
.about-box .tit-box { width: 70%!important;}
.ab-text>img { width: 100%; height: auto;margin: 10px 0;}
	
.slide-pro .hd ul li { height:56px;padding: 10px 0 0;	}
.slide-pro .hd ul li i { display: none;}
.adv-con {width: 96%; left: auto; padding-top: 20px;}
.sw-adv li>img{ width:100%; height:auto;}
.adv-box {height: auto; background-size: cover!important;}

.sw-adv li .text{ width:100%;padding-bottom: 80px;}

/* jl */
.about-con .ab-other,.pb-pro li,.sw-sol li .text,.sw-par ul li,.myPar .tit-box,.slide-news .tit-box,.n-top,.n-top .im,.n-top .n-t-text,.n-cen-ul,.n-cen-ul li,.form-cen div:nth-child(-n+2), .form-cen label,.form-cen,.foo-con,.uo-ul li{ width:100%;}
.about-con .ab-other .yyzz>img{width: 93.5%;padding: 10px 12px;height: auto;}
.about-con .ab-other .yyzz p{right:10px;}
.about-con .ab-other .yyzz a{ margin-left: 10px;}
.ab-other .ab-ul li{ width: 48%;}
.ab-other .ab-ul li:nth-child(1){margin-right: 0;}
.ab-other .ab-ul li a:nth-child(1){ margin: 0 auto;}
.myPro,.sw-adv li>img{margin-left: 0;}
.myPro .im{margin-top: 0px;}
.pb-pro li .im{ display: block; width: 26.2%; height: auto; margin: 10px;}
.sw-adv li .text p:nth-child(1){margin-top: 20px;}
.myAdv .contorl{bottom: 0; padding-bottom: 10px;}
.myAdv .contorl .num{    margin-right: 40px;margin-left: 10px;}
.sw-adv li .text p:nth-child(3){ margin-top:0px;   }
.pro-con{padding: 80px 0 0px;}
.pb-pro,.slide-news .hd ul li,.foo-con .other1,.other2 .leftl,.foo-bot li::after{ display:none;}
.sw-adv li .text p:nth-child(3){    line-height: 32px;}
.sol-box .desc{ margin-left:5px;}
.slide-news .tit-box{position: inherit; margin-top: 10px;}
.n-top,.n-top .im{ height:auto;}
.n-top{ padding:10px;}
.n-top .n-t-text,.uo-ul li{ margin-left:0px;}
.form-cen label{    margin-bottom: 18px;}
.fo-im{    position: inherit;width: 100%;margin-top: -200px;}
.form-cen button{    position: inherit; width: 100%; height: 90px;border-radius:0}
.links-box,.foo-bot li{ width:96%;    margin: 0 auto;}
.footer{    padding: 0px 0 30px;}
.uo-ul{    width: 94%;     margin-left: 3%; margin-right: 3%;}
.foo-con .other2{margin: 30px 0 0 0;}
.foo-bot{    display: inherit;}
.foo-bot li{line-height: 24px; padding: 0;}
.navi .navi_main .navi_list>li .navi_ab,.xiala .main,.navi .navi_main .navi_list>li .navi_ab .main .navi_ab_con .navi_ab_txt>h5{width:100%}
.navi .navi_main .navi_list>li .navi_ab{padding: 30px 10px 0 10px;}
.navi .navi_main .navi_list>li .navi_ab .main .navi_ab_con .navi_ab_txt>h5,.navi .navi_main .navi_list>li .navi_ab .main .navi_ab_con .navi_ab_txt{height:auto}
.navi .navi_main .navi_list>li .navi_ab .main .navi_ab_con .navi_ab_txt{padding: 0 0 50px 0;background: url(../img/navi_abbg.png) bottom right no-repeat;}
.navi .navi_main .navi_list>li .navi_ab .main .navi_ab_con .navi_ab_ico{width: 100%;padding-top: 20px;}
.navi .navi_main .navi_list>li .navi_ab .main .navi_ab_con .navi_ab_ico .navi_ab_item{ width:44%}
.navi .navi_main .navi_list>li .navi_ab{height:auto;    display: none!important}
/* jl-home */




/* 手机字体 */

.tit-box .tit {font-size: 24px!important;}
.nav_con h1>a p span:nth-child(1){font-size: 20.2px!important;}
.nav_con h1>a:nth-child(1){font-size:18px!important;}
.ab-text>p{ font-size: 14px; line-height: 28px;}
.tit-box .desc , .tit-box .desc span , .pro-con .tit-box span , .slide-pro .hd ul li .desc{font-size: 13px!important; letter-spacing:0!important;}








}