锘?*index*/

.index{

	width: 100%;

	overflow: hidden;

}

.banner{

	height: 878px;

	width: 100%;

	overflow: hidden;

	position: relative;

}

.banner-bg{

	width: 1920px;

	height: 100%;

	position: absolute;

	left: 50%;

	margin-left: -960px;

}

.partner{
	padding-top: 50px;
	width: 1164px;

	height: 450px;

	margin:  0 auto;

	overflow: hidden;

	position: relative;

	background-color: #fff;

}

.partner .partner-team{

	width: 1920px;

	height: 100%;

	position: absolute;

	left: 50%;

	margin-left: -960px;

}

.partner ul{

	width: 100%;

	height: 100%;

}

.partner li{

}

.introl {
    display: flex;
    justify-content: center;
    align-items: center;
}

.xh-team{

	width: 100%;

	height: 102px;

	position: relative;

}

.xh-team>span{

	width: 200px;

    /* height: 33px; */
    
	display: inline-block;
    
	color: #232D6F;
    
	font-size: 30px;
    
	position: absolute;
    
	top: 0;
    
	left: 0;
    
	right: 0;

    margin: auto;

    font-weight: 300;

	text-align: center;

}

.xh-team>span::before{

	content: "";

	width: 210px;

	height: 1px;

	background-color: #E6BF37;

	position:absolute;

	top: 55%;

	left: -220px;

}

.xh-team>span::after{

	content: "";

	width: 210px;

	height: 1px;

	background-color: #E6BF37;

	position:absolute;

	top: 55%;


	left: 210px;

}

.introl .pic img{

	display: block;

	/* border-radius: 10px; */

	width: 210px;

	height: auto;

	margin-left: 88px;

	/* border: 5px solid #fff; */

	float: left;

	-webkit-box-shadow:0 0px 10px rgba(206, 206, 206, .7);

  	-moz-box-shadow:0 0px 10px rgba(206, 206, 206, .7);

 	box-shadow:0 0px 10px rgba(206, 206, 206, .7);

}

.text-introl{

	width: 61%;

	float: left;

	margin-left: 30px;

	text-align: center;

}

.text-introl>p{

	height: auto;

	/* line-height: 25px; */

	font-size: 16px;

}

.describe p{
	color: #535353;
	font-size: 16px;
	font-weight: 600;
	/* padding-left: 20px; */
	line-height: 30px;
	position: relative;
}

.describe p::before{
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #535353;
	position: absolute;
	left: 5px;
	top: 10px;
	opacity: 0;
}

.text-introl>p:nth-of-type(1){

	margin-top: 0;

    color: #535353;

    font-size: 24px;

    margin-bottom: 35px;

    font-weight: 600;

}

.text-introl>p:nth-of-type(1) .flg{

	color: #b8b8b8;

	margin: 0 15px;

}



.swiper-container-horizontal>.swiper-pagination{

	width: 30%;

	position: absolute;

	left: 66%;

	bottom: 59px;

}

.swiper-pagination-bullet{

    width: 35px;

    height: 35px;

    display: inline-block;

    border-radius: 50%;

    background-color: #fff;

    color: #b8b8b8;

    font-size: 16px;

    line-height: 35px;

    opacity: 1;

}

.swiper-pagination-bullet-active {

	-webkit-box-shadow:0 0px 7px rgba(206, 206, 206, .7);

  	-moz-box-shadow:0 0px 7px rgba(206, 206, 206, .7);

 	box-shadow:0 0px 7px rgba(206, 206, 206, .7);

	opacity: 1;

	color: #232D6F;

}

.swiper-button-next, .swiper-button-prev{

	width: 33px;

	height: 63px;

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

	border-radius: 5px;

	overflow: hidden;

}

.swiper-button-next:hover, .swiper-button-prev:hover{

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

}

.swiper-button-next>i{

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	margin: auto;

	display: inline-block;

	width: 13px;

	height: 23px;

	background-color: red;

	background: url(../img/team/right-icon.png) no-repeat;

}

.swiper-button-prev>i{

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	margin: auto;

	display: inline-block;

	width: 13px;

	height: 23px;

	background-color: red;

	background: url(../img/team/left-icon.png) no-repeat;

}

/*妗堜緥*/

.case{

	width: 100%;

	/* max-height: 873px; */

	background: url(/template/pc/skin/img/back03.png) no-repeat;

	background-size: 100% 100%;

	position: relative;

	padding-bottom: 20px;
	
	padding-top: 30px;

}

.case .case-box{

	width: 1164px;

	margin: 0 auto;

}

.success-case>span{

	color: #fff;

}

.success-case>span::before{

	background-color: #E6BF37;

}

.success-case>span::after{

	background-color: #E6BF37;

}

.case-list{
	width: 100%;
	/* display: flex;
	flex-wrap: wrap; */
	display: grid;
  	grid-template-columns: repeat(4, 267px);
  	justify-content: space-between;
}

.case-list li{

	/* width: 20%; */

	box-sizing: border-box;

	text-align: center;

	/* width: 267px; */

	height: 178px;

	border-radius: 4px;

	background: rgba(21,136,227,.4);

	/* margin-right: 30px; */

	margin-bottom: 20px;

	/* float: left; */

	position: relative;

	cursor: pointer;

}

/* .case-list li:nth-of-type(4n){

	margin-right: 0;

} */

.case-list li>img{

	width: 78px;

	height: 78px;

	position: relative;

	border-radius: 10px;

	/* margin-left: 94px; */

	margin-top: 6px;

	/* 鍥剧墖鐏扮櫧搴 */
	/*filter: grayscale(100%); */

}

.case-list li>h3{

	position: relative;

	font-size: 18px;

	color: #ffd200;

	text-align: center;

	font-weight: bold;

	margin-top: 6px;

}

.case-list li>p{

	text-align: center;

	color: #c9dbea;

	font-size: 16px;

	margin-top: 6px;


}

.case-list li>h4{

	text-align: center;

	color: #c9dbea;

	font-size: 14px;

	margin-top: 3px;




}

.case-list li>div{

	width: 373px;

	height: auto;

	background-color: #fff;

	position: absolute;

	top: -10px;

	left: -53px;

	border-radius: 10px;

	z-index: 998;

	display: none;

	-webkit-box-shadow:0 0px 30px rgba(0, 40, 73, .7);

  	-moz-box-shadow:0 0px 30px rgba(0, 40, 73, .7);

 	box-shadow:0 0px 30px rgba(0, 40, 73, .7);

}

.case-list li>div>p{

	margin-top: 145px;

	width: 325px;

	height: auto;

	color: #ababab;

	font-size: 15px;

	margin-left: 24px;

	padding-bottom: 15px;

	border-bottom: 1px solid #dedede;

}

.case-list li>div>h5{

	color: #2f2f2f;

	font-size: 15px;

	font-weight: bold;

	text-align: center;

	margin-top: 10px;

}

.case-list li>div>p:nth-of-type(2){

	margin-top: 8px;

}

.case-list li>div>a{

	display: block;

	text-align: center;

	font-size: 15px;

	color: #1588e3;

	margin: 15px 0 35px 0;

}

.case-box .case-more{

	display: block;

	width: 1164px;

	margin: 0 auto;

	text-align: right;

	color: #fff;

	font-size: 24px;

	margin-top: 5px;

}

.case-box .case-more>span{

	display: inline-block;

	width: 21px;

	height: 19px;

	margin-left: 10px;

	margin-right: 5px;

	cursor: pointer;

	background: url(../img/case/more-icon.png) no-repeat;

}

/*绠€浠?/

.abstract{

	padding: 50px 0;

	width: 100%;

	/* height: 820px; */

	position: relative;

	/* background-color: #EEEEF3; */

	background: url(/template/pc/skin/img/back02.png) no-repeat;

	background-size: 100% 100%;


}

.abstract::after {
    content: '';
    width: 100%;
    height: 510px;
    background-color: #232D6F;
    position: absolute;
    top: 45%;
    left: 0;
	display: none;
}

.abstract .abstract-box{

	width: 1164px;

	height: 100%;

	margin: 0 auto;

	position: relative;
	
	z-index: 3;

}

.abstract-box>p{

	width: 1118px;

	margin-left: 23px;

	height: auto;

	font-size: 20px;
	line-height: 30px;
	color: #2f2f2f;
	text-align: left;

}

.abstract-box>h1{

	font-size: 24px;

	color: #1588e3;

	text-align: center;

	margin-top: 65px;

}

.advantage{

	margin-top: 100px;
	display: none;

}

.advantage>li{

	width: 263px;

	height: 310px;

	border: 1px solid #d9d9d9;

	float: left;

	margin-right: 30px;

	border-radius: 10px;

	position: relative;

	cursor: pointer;

}

.advantage>li:last-child{

	margin-right: 0;

}

.advantage>li>img{

	width: 123px;

	height: 123px;

	position: absolute;

	top: -61px;

	left: 70px;

	z-index: 999;

	border-radius: 50%;

}

.advantage>li::before{

	display: block;

	content: "";

	width: 133px;

	height: 133px;

	border-radius: 50%;

	background-color: #fff;

	position: absolute;

	top: -66px;

	left: 65px;

	z-index: 998;

	display: none;

}

.advantage>li>i{

	width: 135px;

	height: 135px;

	background: url(../img/abstract/border_bg.png) no-repeat;

	border-radius: 50%;

	position: absolute;

	top: -67px;

	left: 64px;

	z-index: 997;

	display: none;

}

.advantage>li>h6{

	font-size: 20px;

	color: #2f2f2f;

	font-weight: bold;

	text-align: center;

	margin-top: 95px;

}

.advantage>li>p{

	width: 213px;

	margin-left: 25px;

	font-size: 16px;

	color: #ababab;

	text-align: center;

	margin-top: 15px;

	line-height: 24px;

}

.abst{
	display: flex;
	position: relative;
}

.abstMg{
	width: 100%;
}

.abstMg img{
	display: block;
	width: 100%;
}

.absTxt{
	width: 100%;
    /* position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; */
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	z-index: 3;
}

.absTxt p{
	line-height: 25px;
    padding: 30px;
    letter-spacing: 3px;
    font-size: 18px;
    color: #2f2f2f;
    text-align: center;
    font-family: 'microsoft yahei',Arial,Helvetica,sans-serif;
}

#introl hr{
	width: 100%;
	border: none;
	height: 2px;
	background-color: #C9C9C9;
	margin: 50px 0;
	position: relative;
	z-index: 3;
	display: none;
}

.soFar{
	width: 100%;
	display: flex;
	justify-content: space-around;
	margin: 55px 0 40px;
}

.soFar li{
	width: 240px;
}

.soTxt{
	background-color: #09205D;
	color: #fff;
	text-align: center;
	height: 125px;
	margin: 0 auto 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background: url(/template/pc/skin/img/01.png) center no-repeat;
	transition: .8s
}

.soFar li:hover .soTxt{
	background: url(/template/pc/skin/img/011.png) center no-repeat;

}

.soFar li:nth-child(2) .soTxt{
	background: url(/template/pc/skin/img/011.png) center no-repeat;
}

.soFar li:nth-child(2):hover  .soTxt{
	background: url(/template/pc/skin/img/01.png) center no-repeat;
}

.soTxt>div{
	/*background-color: #09205D;*/
}

.soTxt h4{
	font-weight: 600;
	font-size: 24px;
	text-indent: 0.3em;
}

.soTxt h4 span{
	font-weight: 300;
	font-size: 13px;
}

.soTxt h6{
	font-weight: 600;
	font-size: 15px;
}

.soFar li p{
	color: #767676;
	font-size: 16px;
	text-align: center;
}







/*鍏徃鍥㈤槦*/

.team{

	width: 100%;

	height: 496px;

	position: relative;

}

.team-bg{

	width: 100%;

	height: 496px;

	position: absolute;

	overflow: hidden;

}

.team-bg>img{

	width: 1920px;

	height: 100%;

	position: absolute;

	left: 50%;

	margin-left: -960px;

}

.team-people>span {

    width: 125px;

    height: 33px;

    display: inline-block;

    font-size: 30px;

    position: absolute;

    top: 67px;

    left: 0;

    right: 0;

    margin: auto;

}

.team-box{

	width: 1164px;

	margin: 0 auto;

	position: relative;

	z-index: 99;

}

.team-box .team-head{

	height: 314px;

}

.team-box .team-head>div{

	width: 128px;

	height: 128px;

	border-radius: 50%;

	border: 4px solid #fff;

	float: left;

	margin-right: 35px;

	margin-top: 26px;

	cursor: pointer;

	position: relative;

	-webkit-box-shadow:0 0px 32px rgba(31, 63, 136, .7);

  	-moz-box-shadow:0 0px 32px rgba(31, 63, 136, .7);

 	box-shadow:0 0px 32px rgba(31, 63, 136, .7);

}

.team-box .team-head>div:last-child{

	margin-right: 0;

}

.team-box .team-head>div>img{

	width: 128px;

	height: 128px;

	border-radius: 50%;

}

.team-head .introl-people{

	position: absolute;

	width: 332px;

	height: auto;

	border-radius: 10px;

	top: -171px;

	left: -102px;

	z-index: 995;

	background-color: #fff;

	display: none;

}

.team-head .introl-people-left{

	left: -4px;

}

.team-head .introl-people-right{

	left: -200px;

}

.team-head .introl-people>h2{



}

.team-head .introl-people .bor-img{

	width: 145px;

	height: 145px;

	border: 4px solid #fff;

	border-radius: 50%;

	margin-top: 28px;

	margin-left: 90px;

	-webkit-box-shadow:0 0px 10px rgba(31, 63, 136, .7);

  	-moz-box-shadow:0 0px 10px rgba(31, 63, 136, .7);

 	box-shadow:0 0px 10px rgba(31, 63, 136, .7);

}

.team-head .introl-people .bor-img>img{

	width: 145px;

	height: 145px;

	border-radius: 50%;

}

.team-head .introl-people>h2{

	margin-top: 20px;

	text-align: center;

	color: #1588e3;

	font-size: 20px;

	font-weight: bold;

}



.team-head .introl-people>h2>span:nth-of-type(2){

	color: #c5c5c5;

	font-size: 20px;

	font-weight: 100!important;

}

.team-head .introl-people>p{

	margin-left: 25px;

	width: 282px;

	margin-top: 15px;

	border-top: 1px solid #dedede;

	line-height: 24px;

	color: black;

	padding-top: 15px;

	padding-bottom: 35px;

}

/*鍏徃鏂伴椈*/

.news{

	width: 100%;

	/* height: 608px; */

	background-color: #e0e7ef;

	padding: 50px 0 40px;

	background: url(/template/pc/skin/img/back04.png) bottom no-repeat;

	background-size: 100% 100%;

}

.news>ul{
	width: 1164px;
	/* height: 313px; */
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.news>ul>li{

	width: 32%;
	height: 313px;
	/* float: left; */
	background-color: #fff;
	border-radius: 8px;
	/* margin-right: 49px; */
	cursor: pointer;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
	transition: all 0.2s ease-in;
}

.news>ul>li:hover{

	box-shadow: 0 5px 15px #101111;

	/* margin-bottom: 6px;

    margin-top: -3px; */

}

.news>ul>li:last-child{

	margin-right: 0;

}

.news>ul>li h3{
	font-size: 20px;
	display: flex;
	align-items: center;
	font-weight: 600;
	margin: 0 0 10px;
	/*display: none;*/
}

.news>ul>li h3 img{
	margin-right: 15px;
	width: 35px;
}

.news>ul>li>a{

	width: 100%;

	height: 100%;

}

.news>ul>li>a>img{

	width: 100%;

    height: 186px;

	background-size: 100% 100%;

	border-bottom: 1px solid #dedede;

}

.news>ul>li>a .newTxt{
	width: 100%;
}

.newTxt h4 {
	font-size: 20px;
	color: #2f2f2f;
	font-weight: 600;
	/*display: none;*/
}

.newTxt p{
	width: 100%;
	box-sizing: border-box;
	color: #acabab;
    font-size: 14px;
    /* width: 217px; */
    /* margin-left: 18px; */
    padding: 35px 15px 0;
}

.newTxt .e_p{
	color: #2f2f2f;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    padding: 10px 15px 0;
	display: -webkit-box; 
	-webkit-box-orient: vertical;  
	-webkit-line-clamp: 2; 
	overflow: hidden;
	height: 52px;

}

.news>ul>li>a>p:nth-of-type(1){

	/* width: 217px; */

	/* height: 42px; */

	/* margin-left: 18px; */

	color: #2f2f2f;

	font-size: 16px;

	line-height: 22px;

	text-align: left;

	padding-top: 10px;

}

.news>ul>li>a>p:nth-of-type(2){

	color: #acabab;

	font-size: 14px;

	/* width: 217px; */

	margin-left: 18px;

	padding-top: 35px;

}

.news .news-more{

	display: block;

	width: 1164px;

	margin: 0 auto;

	text-align: right;

	color: #fff;

	/* color: #1588e3; */

    font-size: 24px;

    margin-top: 25px;

}

.news .news-more>span{

	display: inline-block;

	width: 21px;

	height: 19px;

	margin-left: 10px;

	cursor: pointer;

	background: url(../img/case/more-icon.png) no-repeat;

	/* background: url(../img/news/more-icon.png) no-repeat; */

}




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

	html, body{
		min-width: auto;
	}
	
	.main,.abstract .abstract-box,.partner,.case .case-box,.case-box .case-more,.news>ul,.news .news-more {
		width: 950px;
	}

	.absTxt p {
		font-size: 20px;
		line-height: 30px;
	}

	.abstract::after {
		height: 460px;
	}

	.text-introl>p:nth-of-type(1) {
		margin-top: 30px;
	}

	.news {
		padding: 50px 0 70px;
	}

	.case-list {
		grid-template-columns: repeat(3, 280px);
	}
	
	

}


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

	.main,.abstract .abstract-box,.partner,.case .case-box,.case-box .case-more,.news>ul,.news .news-more {
		width: 90%;
	}

	.abstMg {
		width: 60%;
	}

	.absTxt p {
		font-size: 18px;
		line-height: 25px;
		padding: 20px;
	}

	.abstract::after {
		height: 420px;
	}

	/* .introl .pic img {
		width: 180px;
		height: 180px;
		margin-left: 50px;
	} */

	.introl{
		display: flex;
	}

	.text-introl>p:nth-of-type(1) {
		margin-top: 10px;
		margin-bottom: 15px;
		font-size: 26px;
	}

	.swiper-container-horizontal>.swiper-pagination {
		width: 35%;
		left: 60%;
	}

	.news {
		padding: 10px 0 20px;
	}

	.abst{
		flex-wrap: wrap;
	}

	.abstMg {
		width: 100%;
	}

	.absTxt {
		width: 100%;
		position: relative;
	}

	.absTxt p{
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	#introl hr {
		margin: 30px 0;
	}

	.soFar {
		flex-wrap: wrap;
	}

	.soFar li {
		max-width: 32%;
		margin: 0 auto 15px;
	}

	.abstract::after {
		height: 860px;
	}

	.soTxt {
		margin: 0 auto 5px;
	}

	/* .soFar li p{
		color: #fff;
	} */

	.xh-team>span {
		width: 130px;
		height: auto;
		font-size: 26px;
	}

	.xh-team>span::after {
		left: 132px;
	}

	.introl {
		flex-wrap: wrap;
		justify-content: center;
	}

	.text-introl{
		width: 100%;
	}

	.introl .pic img {
		margin-left: 0;
	}

	.swiper-container-horizontal>.swiper-pagination{
		display: none;
	}


	.news>ul>li {
		width: 100%;
		margin-bottom: 20px;
	}

	.xh-team {
		overflow: hidden;
	}

	.case-list {
		grid-template-columns: repeat(3, 220px);
	}

	

}

@media screen and (max-width:767px) {
	
	.case-list {
		grid-template-columns: repeat(2, 46%);
	}

	.partner {
		height: 520px;
	}

	.soFar li {
		max-width: 100%;
		width: 100%;
	}

	.xh-team{
		height: 50px;
      width: 90%;
 margin: 0 auto
	}
  
  .partner  .xh-team{
      width: 100%;
	}

	.case-list li{
		height: auto;
		box-sizing: border-box;
		padding: 10px ;
		background: none
	}

	.case-list li>p {
		font-size: 12px;
	}

	.case-list li>div{
		/* height: 380px; */
		position: fixed;
    top: 20%;
    right: 0;
    left: 0;
    margin: auto;
	}

	/* .case-list li:nth-child(odd)>div{
		width: 333px;
		left: 0;
		right: auto;
	}

	.case-list li:nth-child(even)>div {
		width: 333px;
		left: auto;
		right: 0;
	} */

	.case-list li>div>p {
		margin-left: 0;
		width: 90%;
		margin: 0 auto;
		margin-top: 145px;

	}

	.index img {
		width: 140%;
		margin-left: -20%;
	}

	.text-introl>p:nth-of-type(1) {
		font-size: 18px;
	}
	

}