@charset "utf-8";
/*
Theme Name: 易算盘
Theme URI:地址
Description: 上海网站建设
Version: 1.0 版本号
Author: 上海网站建设
Author URI: 作者的网址
Tags: 标签，多个用半角逗号隔开
*/
.layui-layer{transition: none;}
/*banner*/
.banner .swiper-slide{display: block;}
.banner .swiper-slide img{ width:100%;}

.banner .swiper-pagination-bullet{ width: 30px; height: 3px; margin-right:10px ; background:#fff; border-radius:0 ; opacity: 1;}
.banner .swiper-pagination-bullet-active{background:#f1871f;}
.banner-swiper-button .swiper-pagination{ float: left;width: 80%; height: 50px;}
.banner-swiper-button{position: relative; float: right; width: 20%; height:25px; }

/*  */
.category-title{ text-align: center;padding-bottom: 40px;}
.category-title h3{ font-size: 28px; font-weight: bold;}
.category-title h3 span{padding: 0 10px;}
.category-title h3 img{max-width: 100%;}
@media (max-width:768px) {
	.category-title{padding-bottom: 20px;}
	.category-title h3{font-size: 24px;}
}

/*  */
.maxService{position: relative; max-width: 700px; height: 60px; margin: 0 auto;}
.maxService ul {position: absolute; top: -30px; left: 0; z-index: 2;  width: 100%; padding: 10px 15px; border-radius: 40px; background-color: #fff; box-shadow: 0 0 15px rgba(3,58,150,.1);overflow: hidden;}
.maxService ul li{float: left; width: 33.33%; border-right: 1px solid #ccc; text-align: center; font-size: 18px;}
.maxService ul li:last-child{border: none;}
.maxService ul li i{margin-right: 10px; font-size: 28px; color: #4276cc; vertical-align: middle;}
.maxService ul li a:hover i{margin-right: 5px;}
@media (max-width:639px) {
	.maxService ul { top: 10px; padding:10px 15px;}
	.maxService ul li i{font-size: 20px;}
	.maxService ul li{font-size: 14px;}
}
/* 推荐套餐 */
.package{padding: 40px 0 60px; background-image: url(images/package-bg.jpg); background-repeat: no-repeat; background-size: cover;}
.package-list{margin-right: -45px; padding: 30px 0;}
.package-list li{float: left; width: 32%; padding-right: 45px;}
.package-list-box{ text-align: center; background-color: #fff;box-shadow: 0 0 15px rgba(0,0,0,.1);}
.package-list-title{ padding: 40px 0 30px; background: #a0a3ab url(images/package-title.png); background-repeat: no-repeat; background-size: cover; color: #fff;}
.package-list-title h3{padding-bottom: 5px; font-size: 24px; font-weight: bold;}
.package-list-title p{position: relative; display: inline-block; font-size: 16px;}
.package-list-title p:before,
.package-list-title p:after{position: absolute;top: 50%; content: ''; width: 40px; height: 1px; background-color: #fff;}
.package-list-title p:before{ left: -50px;}
.package-list-title p:after{right: -50px;}

.package-list-content{padding-bottom: 40px;}
.package-list-content p{ padding: 10px 0; border-bottom: 1px dashed #ddd; background-color: #fff; font-size: 16px; line-height: 35px;}
.package-list-content a{margin-top: 45px; display: inline-block; padding: 0 30px; border-radius: 38px; line-height: 38px; font-size: 16px; background-color: #a0a3ab; color: #fff;}

.package-list-active { position: relative; width: 34%!important; }
.package-list-active .package-list-box{transform: scale(1.1);}
.package-list-active .package-list-title{background-color: #277eff;}
.package-list-active .package-list-content p:first-child{font-weight: bold; color: red;}
.package-list-active .package-list-content a{background-color: #277eff;}

@media (max-width:1300px) {
	.package-list{margin-right: -15px; padding: 30px 0;}
	.package-list li{ padding-right: 15px;}	
}

@media (max-width:768px) {
	.package-list-title{ padding: 20px 0 15px; background: #277eff url(images/package-title.png);}
	.package-list-title h3{font-size: 20px; }
	.package-list li{width: 100%; margin-bottom: 15px; }
	.package-list-active{ width: 100%!important; box-shadow: none;}
	.package-list-content p{ background-color: #fff; font-size: 16px; line-height: 35px; padding: 5px 0;}
	.package-list-content a{margin-top: 15px;background-color: #277eff;}
	.package-list-active .package-list-box{transform: scale(1);}
}

@media (max-width:639px) {
	.package{padding: 20px 0 30px;}
}
/* 主要业务 */
.business{padding: 40px 0 60px; background-image: url(images/business-bg.jpg); background-repeat: no-repeat; background-size: cover;}
.business ul{margin-right: -35px; padding-top: 40px;}
.business ul li{float: left; width: 50%; padding: 0 35px 35px 0;}
.business ul li a{display: block; padding: 30px; background-color: #fff; }
.business-pic{float: left; width:30%; text-align: center; }
.business-pic img{max-width: 100%;}
.business-content{float: left;width:70%; padding-left: 30px; padding-top: 25px;}
.business-content h3{padding-bottom: 8px; font-size: 22px; padding-bottom: 20px;}
.business-content p{color: #777;}
.business>a{display: block; margin: 0 auto; max-width: 160px; line-height: 45px;border-radius: 45px; background-color: #4377CC;border:1px solid #4377CC; text-align: center; color: #fff;}
.business>a:hover{background-color: #fff;color: #4377CC;}
.business ul li a:hover{box-shadow: 0 0 25px rgba(3,58,150,.1);}
.business ul li a:hover h3{color: #4276CC;}
@media (max-width:1300px) {
	.business ul{margin-right: -15px; padding-top: 40px;}
	.business ul li{ padding: 0 15px 15px 0;}
}
@media (max-width:768px) {
	.business ul li{ width: 100%;}
	.business ul li a{ padding: 10px; }
	.business-content{padding-top: 0;}
	.business-content h3{padding-bottom: 8px; font-size: 20px; padding-bottom: 5px;}
}

/* 优势 */
.advantage{padding: 40px 0 60px; background-image: url(images/advantage-bg.png); background-repeat: no-repeat; background-size: cover;}
.advantage-left{float: left; width: 35%; text-align: center;}
.advantage-circle1{position: relative;}
.advantage-circle1>img{ width: 100%;animation:circleRun 2s infinite;}
.advantage-circle2{position: absolute;top: 50%; left: 50%; margin-left: -43%; margin-top: -43%; width:86%;height: 86%;}
.advantage-circle2>img{ width: 100%;animation:circleRun 5s reverse infinite;}
.advantage-circle3{position: absolute;top: 50%; left: 50%; margin: -43% 0 0 -43%; width:86%;height: 86%;border-radius: 50%; background-image: url(images/advantage-circle-bg.jpg); background-repeat: no-repeat; background-size: cover; color: #fff;}
.advantage-circle3 h1{margin-top: 45px; font-size: 40px;}
.advantage-circle3 ul{display: inline-block; margin-top: 15px; margin-bottom: 10px;}
.advantage-circle3 ul li{position: relative; float: left; width: 16%; margin: 5px; padding:5px 10px ; border-radius: 4px; background-color: #fff;color: #555; font-family: arial; font-size: 38px; }
.advantage-circle3 ul li:before{position: absolute;top: 50%; left: 0;content: ''; width: 100%; height: 1px; background-color: #000000;}
.advantage-circle3 h3{font-size: 22px;}
.advantage-circle3>a{display: inline-block; padding: 0 20px; margin-top: 15px; line-height: 35px; color: #fff; border: 1px solid #fff;}
.advantage-circle3>a:hover{background-color: #fff; color: #666;}
@keyframes circleRun{
	from{transform: rotate(0);}
	to{transform: rotate(360deg);}
}

.advantage-right{float: left; width: 65%; padding-left: 155px; padding-top: 25px;}
.advantage-right ul li{position: relative; background-color: #f2f2f2; margin-bottom: 65px; padding: 10px 25px; border-radius: 4px;}
.advantage-right ul li:last-child{margin: 0;}
.advantage-right ul li h3{padding-bottom: 8px; font-size: 20px; font-weight: bold;}
.advantage-right ul li p{color: #777;}

.advantage-right ul li img{position: absolute;top: 23px; left: -160px; max-width: 100%;}
.advantage-right ul li:nth-child(2) img{left: -116px;}
.advantage-right ul li:last-child img{top: 5px;}

@media (max-width:1150px) {
	.advantage-circle3 h1{margin-top: 35px; font-size: 36px;}
	.advantage-circle3 h3{font-size: 20px;}
	.advantage-right{float: left; width: 65%; padding-left: 155px; padding-top: 15px;}
}
@media (max-width:1100px) {
	.advantage-circle3 h1{margin-top: 25px; font-size: 30px;}
	.advantage-circle3 h3{font-size: 18px;}
	.advantage-circle3 ul li{width: 15%; margin: 5px; padding:5px 10px ; border-radius: 4px; font-size: 24px; }
	.advantage-right{ padding-top: 5px;}
}

@media (max-width:960px) {
	.advantage-circle3 h1{margin-top: 20px; font-size: 26px;}
	.advantage-circle3 h3{font-size: 16px;}
	.advantage-right{ padding-top:0;}
	.advantage-circle3>a{padding: 0 15px; margin-top: 10px; line-height: 30px;}
	.advantage-right ul li{ margin-bottom: 35px; padding: 15px;}
	.advantage-right ul li p{  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
}
@media (max-width:860px) {
	.advantage-left{float: none; width: 60%;  margin: 0 auto;}
	.advantage-circle3 h1{margin-top: 65px; font-size: 26px;}
	
	.advantage-right{float: left; width: 100%; padding-left: 0; padding-top: 25px;}
	.advantage-right ul li{ margin-bottom: 15px;}
	.advantage-right ul li img{display: none;}
}
@media (max-width:768px) {
	.advantage-left{float: none; width: 50%;}
	.advantage-circle3 h1{margin-top: 45px; font-size: 26px;}
}
@media (max-width:660px) {
	.advantage-left{float: none; width: 60%; }
}
@media (max-width:550px) {
	.advantage-left{float: none; width: 70%; }
}
@media (max-width:480px) {
	.advantage-left{float: none; width: 80%; }
}
@media (max-width:420px) {
	.advantage-left{float: none; width: 90%; }
}
@media (max-width:380px) {
	.advantage-left{float: none; width: 100%; }
	.advantage-circle3 h1{margin-top:25px; font-size: 26px;}
}
/* 影响力 */
.influence{padding: 40px 0 60px; background-image: url(images/influence-bg.jpg); background-repeat: no-repeat; background-size: cover;}
.influence .category-title{color: #fff;}
.influence .swiper-slide img{width: 100%;}
.influence .swiper-slide a{position: relative; display: block;}
.influence .swiper-pagination{text-align: right; padding-right: 25px;}
.influence .swiper-pagination-bullet{background-color: #fff;opacity: 1;}
.influence .swiper-pagination-bullet-active{background-color: #4276CC;}
.influence-content{position: absolute; bottom: 40%; right: 0; width: 25%; padding: 25px; font-size: 16px; color: #fff; background-color: rgba(0,0,0,.7);}
@media (max-width:960px) {
	.influence-content{ width: 35%;}
}
@media (max-width:768px) {
	.influence-content{bottom: 0;  width: 100%; padding: 10px 15px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: ;}
}

/* 团队 */

.team{padding: 40px 0; background-image: url(images/team-bg.jpg); background-repeat: no-repeat; background-size: cover;}
.team .container-width {position: relative;}

.team-pic{padding: 50px 0 !important;}
.team-left {float: left;width: 30%;padding: 0  45px 25px 0;}
.team-left img {width: 100%; border-radius:50% ;}
.team-right {float: right;width:70%;padding: 15px;}
.team-right h1 {padding-bottom: 5px;padding-top: 35px;}
.team-right h3 {line-height: 18px; padding-left: 10px; margin: 10px 0 25px;font-size: 18px;border-left: 3px solid #0167CC; }
.team-right h4{padding-bottom: 8px; font-size: 16px;}
.team-right p {padding-bottom: 10px; font-size: 14px; line-height: 24px; color: #777;}

.team-thumbs .swiper-slide {background-color: #fff;border-bottom: 2px solid transparent; cursor: pointer;}
.team-left-m {float: left;width: 30%;padding: 10px ;}
.team-left-m img {max-width: 100%; border-radius:50% ; }
.team-right-m { float: left; width: 70%; padding: 10px 15px 10px;}
.team-right-m h3 { padding-top: 4px; padding-bottom: 5px;}
.team-right-m p { color: #999;}
.team-thumbs .swiper-slide-thumb-active {border-bottom: 2px solid #0167cc;}

@media (max-width:768px) {
	.team { padding: 15px 0 25px;}
	.team>h3 { font-size: 18px; padding-bottom: 15px; }
	.team-pic{padding: 20px 0 !important;}
	.team-left { float: inherit; width: 40%; margin: 0 auto; text-align: center; padding: 0; }
	.team-right { float: inherit; width: 100%; padding: 0;}
	.team-thumbs { display: none;}
}
/* 网点 */
.scope{ padding: 70px 0 40px;background-image: url(images/scope-bg.jpg); background-repeat: no-repeat; background-size: cover;}
.scope .category-title h3{color: #fff;}
.scope .category-title p{color: #fff;}
.scope-left{float: left; width: 40%; text-align: center;}
.scope-left img{max-width: 100%;}

.scope-right{float: left; width: 60%; padding-left: 50px; padding-top: 50px;}
.scope-right h3{font-size: 22px; color: #fff;}
.scope-right h3 b{font-size: 36px; color: #F55640; font-weight: normal; font-family: arial;}
.scope-right ul li{float: left;padding: 0 25px 15px 0;}
.scope-right ul li a{display: block; border: 1px solid #fff; color: #fff; padding: 0 20px; border-radius: 4px; line-height: 32px;}
.scope-right>a{display: inline-block; margin-top: 35px; padding: 0 40px; line-height: 38px; color: #fff; background-color: #4276CC; border-radius: 4px;}
@media (max-width:940px) {
	.scope-left{padding-top: 100px;}
}
@media (max-width:768px) {
	.scope{ padding-top: 30px;}
	.scope-left{display: none;}
	.scope-right{ width: 100%; padding-left: 0; padding-top: 20px;}
	.scope-right ul li{float: left;padding: 0 15px 15px 0;}
}
@media (max-width:639px) {
	.scope-right h3{font-size: 20px;}
	.scope-right h3 b{font-size: 22px;}
	.scope-right>a{margin-top: 15px;}
}
/* 合作伙伴 */
.partner{padding: 40px 0;background-color: #f2f2f2;}
.partner .container-width{overflow: hidden;}
.partner ul{margin-right: -15px;}
.partner ul li{float: left; width: 20%; padding: 0 15px 15px 0;}
.partner ul li a{display: block; height: 100px; display: flex; align-items: center; justify-content: center; background-color: #fff; border: 1px solid #eee; overflow: hidden;}
.partner ul li a img{max-width: 100%; height: auto;}
.partner ul li a:hover{box-shadow: 0 0 15px rgba(0,0,0,.1);}
@media (max-width:960px) {
	.partner ul li{ width: 33.33%;}
}
@media (max-width:768px) {
	.partner ul li{ width: 50%;}
	.partner ul li a{background: transparent;}
}
/* 易算盘 */
.adven{padding: 120px 15px 220px;background-image: url(images/0/adven-bg.jpg); background-repeat: no-repeat; background-size: cover; text-align: center; color: #fff;}
.adven img{max-width: 100%;}

.adven h3{padding: 50px 0 10px; font-size:32px ;}
.adven p{position: relative;display: inline-block; font-size:18px ; color: #fff;}
.adven p:before,
.adven p:after{position: absolute;top: 12px; content: ''; width: 60px; height: 1px; background-color: #fff;}
.adven p:before{ left: -70px;}
.adven p:after{right: -70px;}

.adven-ask{text-align: center; padding-top: 40px;}
.adven-ask a{position: relative;top:0;display: inline-block; padding: 0 30px; margin: 10px; line-height: 38px;  background-color: #4276CC; color: #fff; border-radius: 4px;}
.adven-ask a:last-child{background-color: #fff; color: #666;}
.adven-ask a:hover{top:10px;}
@media (max-width:768px) {
	.adven{padding: 60px 15px 100px;}
}