.container {
    overflow: hidden;
}
.page-title {
    padding: 30px 0 25px;
    text-align: center;
    margin: 0 auto;
    position: relative;
}
.page-title::after {
    content: '';
    width: 160px;
    height: 5px;
    background: #0044ca;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.page-title h2 {
    font-size: 30px;
    font-weight: 400;
}
/* 海报 */
.banner {
    height: 400px;
    position: relative;
}
.banner img {
    width: 1920px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
/* 卓信品牌介绍 */
.introduce {
    margin-bottom: 500px;
    position: relative
}
.introduce .mask {
    position: absolute;
    left: 0;
    right: 0;
    top: -360px;
}
.introduce .page-title::after {
    background: #ffb135;
}
.introduce .page-title h2 {
    color: #fff;
}
.introduce-wraper {
    margin-top: 30px;
}
.introduce-wraper .head-img {
    width: 580px;
    height: 340px;
    position: absolute;
    top: 185px;
}
.introduce-wraper .head-img img {
    width: 100%;
    height: 100%;
}
.introduce-wraper .text-info {
    width: 853px;
    height: 483px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px 0px #ccc;
    padding: 40px 20px 0 260px;
    box-sizing: border-box;
}
.introduce-wraper .text-info p {
    line-height: 37px;
    text-indent:25px;
}
/* 城市tab切换 */
.introduce .city-tabs {
    margin-top: 76px;
}
.introduce .city-tabs .city-list {

}
.introduce .city-tabs .city-list div {
    margin-right: 15px;
    position: relative;
    cursor: pointer;
}
.introduce .city-tabs .city-list div::after {
    content: '|';
    position: absolute;
    top: 0;
    right: -10px;
}
.introduce .city-tabs .city-list div:last-child::after {
    content: '';
}
.introduce .city-tabs .city-list div span {
    border-radius: 3px;
    display: inline-block;
    padding: 1px 3px;
}
.introduce .city-tabs .city-list div.active span {
    background: #0044ca;
    color: #fff;
}
.introduce .city-tabs .city-content {
    margin-top: 18px;
}
.introduce .city-tabs .city-content .item {
    position: relative;
    display: none;
}
.introduce .city-tabs .city-content .item.active {
    display: block;
}
.introduce .city-tabs .city-content .item p {
    width: 845px;
    background: #e4ecff;
    border-radius: 20px;
    padding: 10px 35px;
    box-sizing: border-box;
}
.introduce .city-tabs .city-content .item .head-img {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.introduce .city-tabs .city-content .item .head-img img {
    width: 280px;
    height: 167px;
}
/* 世界地图 */
.world-map {
    height: 846px;
    position: relative;
}
.world-map .mask {
    width: 1920px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.world-map .mask img {
    height: 720px;
    position: absolute;
    top: 80px;
    left: 200px;
}
.world-map .mask .point-list {
    height: 100%;
    position: relative;
}
/* 适用于webkit内核的浏览器 */
@-webkit-keyframes warn{
	0%{
		-webkit-transform:scale(0);
		transform:scale(0);
		opacity:1;
	}100%{
		-webkit-transform:scale(1);
		transform:scale(1);
		opacity:0;
	}
}
/* 兼容Firefox */
@-moz-keyframes warn{
	0%{
		-moz-transform:scale(0);
		transform:scale(0);
		opacity:1;
	}100%{
		-moz-transform:scale(1);
		transform:scale(1);
		opacity:0;
	}
}
/* 兼容Opera */
@-o-keyframes warn{
	0%{
		-o-transform:scale(0);
		transform:scale(0);
		opacity:1;
	}100%{
		-o-transform:scale(1);
		transform:scale(1);
		opacity:0;
	}
}
@keyframes warn{
	0%{
		-webkit-transform:scale(0);
		-moz-transform:scale(0);
		-o-transform:scale(0);
		transform:scale(0);
		opacity:1;
	}
	100%{
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1);
		opacity:0;
	}
}
.area-box .dot{
	position:absolute;
	width:10px;
	height:10px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background:#a2a9b4;
	opacity:1;
	filter:alpha(opacity=100);
    margin: 2px 0 0 2px;
}
.area-box .pulse{
	position:absolute;
	border:2px solid #b7b7b7;
	-webkit-border-radius:48px;
	-moz-border-radius:48px;
	border-radius:48px;
	opacity:.12;filter:alpha(opacity=0);
	-webkit-animation:warn 2s ease-out both;
	-moz-animation:warn 2s ease-out both;
	-o-animation:warn 2s ease-out both;
	animation:warn 2s ease-out both;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	background:0 0;
    display: none;
}
.region-item.active .pulse {
    display: block;
}
.area-box .delay-03{
	-webkit-animation-delay:.2s;
	-moz-animation-delay:.2s;
	-o-animation-delay:.2s;
	animation-delay:.2s;
}
.area-box .delay-04{
	-webkit-animation-delay:.6s;
	-moz-animation-delay:.6s;
	-o-animation-delay:.6s;
	animation-delay:.6s;
}
.area-box .delay-05{
	-webkit-animation-delay:1.1s;
	-moz-animation-delay:1.1s;
	-o-animation-delay:1.1s;
	animation-delay:1.1s;
}
.region-item {
    width: 20px;
    height: 20px;
    position: absolute;
    cursor: pointer;
}
.region-item .relative {
    width: 100%;
    height: 100%;
}
.region-item .area-box {
    position: absolute;
    top: 20%;
    left: 20%;
}
.region-item .area-box .dot{
    background:#0044ca;
}
.region-item .area-box .pulse{
	border-color:#0044ca;
	top:-39px;
	left:-39px;
	height:88px;
	width:88px;
	box-shadow:0 0 12px #0044ca,0 0 20px #0044ca inset;
}
.region-item .relative > span {
    white-space:nowrap;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.region-item .relative > span.top {
    margin-top: -20px;
}
.region-item .relative > span.bottom {
    margin-top: 15px;
}
.region-item .relative > span.left {
    margin-left: -25px;
}
.region-item .relative > span.right {
    margin-left: 30px;
}

/* 完善的业务服务体系，全方位满足客户需求 */
.understand-business .business-wraper {

}
.understand-business .business-wraper ul li {
    text-align: center;
    width: 16.666%;
}
.understand-business .business-wraper .icon-bg {
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
    background: #0044ca;
    border: 8px solid #b8d4ff;
    box-sizing: border-box;
    margin: 42px auto 15px;
}
.understand-business .business-wraper .icon-bg img {
    width: 60%;
    display: block;
    margin: 15px auto;
}
.understand-business .business-wraper p,
.understand-business .business-wraper a{
    height: 35px;
    line-height: 35px;
}
.understand-business .business-wraper p {
    font-weight: 700;
    font-size: 20px;
}
.understand-business .business-wraper a {
    font-size: 18px;
    display: block;
}
.page-btn {
    width: 280px;
    height: 48px;
    line-height: 48px;
    background: #ff7900;
    color: #fff;
    font-size: 25px;
    text-align: center;
    border-radius: 5px;
    margin: 40px auto 25px;
}
/* 横屏广告 */
.page-ad {
    height: 500px;
}
.page-ad img {
    height: 500px;
}

/* 银行 */
.bank-list {
    height: 520px;
    position: relative;
}
.bank-list .mask{
    width: 1920px;
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background-color: #f5f5f5;
}
.bank-list .bank-wraper {
    margin-top: 35px;
}
.bank-list .bank-wraper ul li {
    width: 16.25%;
    margin-right: .5%;
    margin-bottom: .5%;
    border: 1px solid #f5f5f5;
    box-sizing: border-box;
}
.bank-list .bank-wraper ul li:nth-child(6n) {
    margin-right: 0;
}
.bank-list .bank-wraper ul li img  {
    width: 100%;
}
/* 雄厚资源优势，专业机构护航 */
.advantage {
    height: 575px;
    position: relative;
}
.advantage .page-ad {
    height: 0;
    margin-top: 0;
}
.advantage .page-ad img {
    height: 575px;
}
.advantage .page-title::after {
    background: #ffb331
}
.advantage .page-title h2 {
    color: #fff;
}
.swiper-button.left {
    left: 150px;
    top: 270px;
}
.swiper-button.right {
    right: 140px;
    top: 270px;
}
.swiper-container {
    width: 810px;
    height: 180px;
    margin-top: 85px;
}
.swiper-slide {
    height: 100%;
    opacity: 1;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.swiper-slide-visible {
    opacity: 1;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.swiper-slide-active {
    top: 0;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.swiper-slide img {
    width: 100%;
    height: 100%;
}
/* 选择卓信，共创未来-专业成就所托，诚信值得信赖 */
.honesty-trust {}
.honesty-trust .honesty-wraper {
    padding: 45px 80px 0;
}
.honesty-trust .honesty-wraper .section {
    width: 485px;
}
.honesty-trust .honesty-wraper .section h3 {
    font-size: 25px;
    color: #0044ca;
    margin: 50px auto 35px;
    text-align: center;
}
.honesty-trust .honesty-wraper .section p {
    line-height: 40px;
    padding: 0 20px;
}
.honesty-trust .honesty-wraper .section:first-child p {
    margin-bottom: 10px;
}
.honesty-trust .honesty-wraper .section img {
    width: 100%;
}
/* 卓信发展历程 */
.development-history{
    margin-top: 50px;
}
.development-history .development-wraper{
    padding-top: 145px;
}
.development-history .development-wraper ul:first-child {
    padding-left: 75px;
    width: 720px;
    box-sizing: border-box;
}
.development-history .development-wraper ul li{
    margin-bottom: 45px;
    padding-left: 40px;
    position: relative;
    cursor: pointer;
}
.development-history .development-wraper ul li .icon{
    width: 28px;
    height: 28px;
    background: #0044ca;
    border: 5px solid #bdd2ff;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
}
.development-history .development-wraper ul li p{
    font-size: 25px;
    /* margin-bottom: ; */
}
.development-history .development-wraper ul li span{
    line-height: 35px;
}
.development-history .development-wraper ul li h4 {
    font-size: 25px;
    color: #ffb136;
}
.development-history .development-wraper ul li .time-box {
    width: 220px;
    height: 120px;
    position: absolute;
    top: -158px;
    left: -50px;
    display: none;
}
.development-history .development-wraper ul li.active .time-box {
    display: block;
}
.development-history .development-wraper ul li .time-box::after {
    content: '';
    width: 5px;
    height: 45px;
    background: #0044ca;
    position: absolute;
    left: 60px;
    bottom: -45px;
}
.development-history .development-wraper .circle {
    width: 120px;
    height: 120px;
    background: #0044ca;
    border-radius: 50%;
    opacity: .5;
}
.development-history .development-wraper .time-box .circle {
    position: absolute;
}
.development-history .development-wraper .time-box .circle:last-child {
    margin-left: 100px;
}
.development-history .development-wraper .time-box span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    white-space:nowrap;
    font-size: 25px;
    color: #fff;
    z-index: 1;
}