body{
	background-color: #f6f6f6;
}
.pb30{
	padding-bottom: 30px;
}
/* 模块1 */
.cont-tit {
	margin: 0 auto;
	font-size: 40px;
	color: #666;
	line-height: 80px;
	text-align: center;
	margin-bottom: 30px;
}

.cont-tit > a:hover {
	color: #00b2ff;
}

#cont-us{
	margin-top:30px;
}
.cont-tit span {
	line-height: 70px;
	display: inline-block;
	border-bottom: 6px solid #00b2ff;
}

.us-cont {
	height: 400px;
	overflow: hidden;
}

.us-cont>div>div {
	border-radius: 10px;
	box-shadow: 0px 1px 9px 0px rgb(82 82 82 / 23%);
	/*border: solid 1px #e3e3e3;*/
	width: 30.33%!important;
	background:#fff;
	height: 384px!important;
	margin-bottom: 5px;
	margin-left: 21.5px!important;
	margin-right: 21.5px!important;
}

.us-cont>div >div:hover {
	box-shadow: 0px 1px 20px rgb(82 82 82 / 23%);
	transition: .4s cubic-bezier(0.4, 0.8, 0, 1);
	border-radius: 10px;
}

.us-cont-img {
	width: 100%;
}

.us-cont-img img {
	width: 100%;
	height: 216px;
	border-radius: 10px 10px 0px 0px;
	object-fit: cover;
}
.us-cont-btn{
	margin-bottom: 24px;
	width: 260px;
	margin-bottom: 24px !important;
	height:110px;
	margin: 0 auto;
}
.us-cont-btn p {
	text-align: center;
	margin: 32px 0 14px 0;
	font-size: 18px;
	line-height: 26px;
	height: 50px;
	overflow: hidden;
}
.us-cont-btn a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 34px;
	color: #FFFFFF;
}
.us-cont-btn>button {
	margin: 0 auto;
	background-color: #00b2ff;
	height: 34px;
	width: 108px;
	border: none;
	display: block;
	color: #FFFFFF;
	cursor: pointer;
	border-radius: 4px;
	transition: all ease 400ms;
}


.us-cont-btn>button:hover {
	background-color: #f5981f;
	border-radius: 4px;
}

/* 模块2 */
.case-cont {
	width: 1180px;
	margin: 0 auto;
}

.case-cont li {
	padding: 0 16px;
	border-right: 1px solid #333333;
	font-size: 16px;
}

.case-cont li:nth-last-of-type(1) {
	border-right: none;
}

.case-cont li:hover a{
	color: #2da8dd !important;
	cursor: pointer;
	font-weight: bold;
}
.case-cont1-1 a{
	color: #FFFFFF;
}
.case-cont1-2,
.case-cont1-3,
.case-cont1-4,
.case-cont1-5 {
	display: none;
	width: 100%;
	height: 450px;
}



.case-cont-det>div {
	background-color: #fff;
	background-size: 100% 100%;
	width: 100%;
	height: 690px;
	display: none;
	object-fit:cover;
}

.case-cont-det>div:nth-child(1) {
	background-image: url(../img/case-cont-banner.png);
	display: block;
}


.case-cont-det>div div {
	width: 1280px;
	margin: 0 auto;
	height: 343px;
	padding: 174px 0;
	color: #ffffff;
}

.case-cont-det>div div span {
	font-size: 32px;
}

.case-cont-det>div div p {
	width: 500px;
	font-size: 16px;
	line-height: 38px;
	text-indent: 2em;
	margin: 30px 0;
}

.case-cont-det>div div button {
	width: 110px;
	height: 30px;
	background-color: #f5981f;
	border-radius: 20px;
	display: block;
	border: none;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bold;
	margin: 12px 0;
	transition: all ease 400ms;
}

.case-cont-det>div div button:hover {
	background-color: #FFFFFF;
	color: #00b2ff;
}
.case-cont-det>div div button:hover>a{
	color: #00b2ff;
}


/* 模块3 */
.case-horn {
	background-color: #00b2ff;
}

.case-horn div, .case-horn1 div {
	border-color:transparent  transparent #00b2ff;
	opacity: 0;
}

.case-horn1{
	background-color: #00b2ff;
}
.case-horn1:hover{
	background-color: #f5981f;
}
.case-horn2{
	background-color: #00b2ff;
}
.case-horn2:hover{
	background-color: #f5981f;
}
.cont-tit-img div {
	height: 286px;
	cursor: pointer;
	transition: all ease 400ms;
}

.cont-tit-img div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.case-horn div{
	width: 0;
	height: 0 !important;
	border: 17px solid;
	border-color:transparent  transparent #f5981f;
	transition: all ease 400ms;
	position: absolute;
	top: 252px;
	left: 196px;
}
.case-horn:hover div, .case-horn1:hover div{
	opacity: unset!important;
	/*border-color:transparent  transparent #f5981f;*/
}
.case-horn1 div{
	width: 0;
	height: 0 !important;
	border: 17px solid;
	border-color: #f5981f transparent  transparent ;
	transition: all ease 400ms;
	position: absolute;
	top: 286px;
	left: 196px;
}
.case-horn:hover{
	background-color: #f5981f;
}
.case-horn2 div{
	width: 0;
	height: 0 !important;
	border: 17px solid;
	border-color: transparent transparent #00b2ff;
	position: absolute;
	top: 252px;
	left: 196px;
	display: none;
}
.case-horn2:hover div{
	display: block;
}
.cont-tit-img div span {
text-align: center;
    /* line-height: 286px; */
    display: block;
    margin: 0 auto;
    padding: 100px 20px;
    box-sizing: border-box;
    /* width: 320px; */
    font-size: 24px;
    color: #FFFFFF;
}
.cont-tit-img div span a{
	color:#fff;
}
.cont-tit-img div i {
	display: block;
	width: 80px;
	border: 2px solid #FFFFFF;
	margin: -71px 172px;
}
.case-horn >a ,.case-horn1 > a{
	display: block;
	width: 100%;
	height: 100%;
}
/* .cont-tit-img */


/* 模块 4*/
.group>li {
	width: 100%;
	list-style: none;
	display: none;
	height: 372px!important;
	margin-bottom: 5px;
	padding-left: 2.5px;
}

.group li div {
	float: left;

}
.group li div:nth-last-of-type(2){
	margin: 0 20px;
}
.group .current {
	display: block;
}

.group li div {
	width: 32%;
	height: 370px;
	border:solid 1px #e3e3e3;
	position: relative;
}

.group li div:hover {
	box-shadow: 0px 1px 9px 0px rgb(82 82 82 / 23%);
	transition: .4s cubic-bezier(0.4, 0.8, 0, 1);
	
}

.group {
	padding: 0!important;
	overflow: hidden;
	height: 380px!important;
}

.current div {
	cursor: pointer;
}

.current>div>a>img {
	width: 100%;
	height: 220px;
	object-fit: cover;
}

.group>li>div i,
.group>li>div p,
.group>li>div span {
	margin-left: 20px;
	padding: 0 !important;
	display: block;
	font-size:16px;
}

.group>li>div i {
	font-size: 14px;
	margin-top: 18px;
}

.group>li>div p {
	font-size: 16px;
	margin-top: 14px;
	height: 44px;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
}

.group>li>div button{
	font-size: 14px;
	margin-top: 14px;
	cursor: pointer;
	border: none;
	margin-left: 20px;
	background-color: #FFFFFF;
}

.group>li>div span:hover {}

.current-btn {
	margin-left: 0px !important;
	border-bottom: 2px solid #00b2ff;
	color: #000000 !important;
	float: left;
	display: block;
	height: 26px;
}

.slide {
	margin: 0 auto;
	padding: 40px 0 80px 0!important;
	width: 408px;
	background: url('data:image/gif;base64,R0lGODlhAQABAJEAALm5yP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICRAEAOw==') repeat-x;
	background-position-y: 58px;
	background-position-x: 100px;
	padding-bottom: 30px;
}

.slide li {
	width: 20px;
	height: 20px;
	border: 8px solid #fff;
	background-color: #2da8dd;
	border-radius: 50%;
	margin: 0 70px;
}

.slide li:nth-child(1) {
	margin: 0 80px 0 0;
}

.slide li:nth-child(3) {
	margin: 0 0 0 80px;
}

.slide .now {
	width: 20px;
	height: 20px;
	border: 8px solid #2da8dd;
	background-color: #ffff;
	border-radius: 50%;
	margin: 0 70px;
}

.slide li:hover {
	width: 20px;
	height: 20px;
	border: 8px solid #2da8dd;
	background-color: #ffff;
}

.us-coop>div{
	margin-bottom: 60px;
}
.us-coop img{
	width: 100%;
	height: 68px;
	border: 0.2px solid #999;
	object-fit: contain;
}



.group>li>div span{
    position: absolute;
    right: 38px;
    bottom: 24px;
}
.us-coop {
    overflow: hidden;
}

.foot-btn1 a {display: block;color: #fff;width: 100%;height: 100%}