/*pic scroll*/

/*名师团队*/
.teamCarousel{display: block;}
.teamMobile{display: none;}
.infiniteCarousel {width: 1344px; margin-top: 35px; position: relative; margin-left:auto; margin-right:auto; overflow: hidden;}
.infiniteCarousel .wrapper {width: 1200px; overflow: auto; height: 460px; margin: 0 72px; top: 0;}
.infiniteCarousel .wrapper ul {width: 625px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; top: 0;}
.infiniteCarousel ul li {display:block; color:#6C6D61; float:left; padding: 0 21px 0 0; height: 440px; width: 283px; text-align:center; position: relative;}
.infiniteCarousel ul li a, .infiniteCarousel ul li a:visited{color:#6C6D61;}
.infiniteCarousel ul a img.pic {width:100%; height:398px; display:block;border-radius: 12px;}
.infiniteCarousel ul li a span.name{display:block; padding: 26px 0 0; line-height:20px; color: #fff;}
/*.infiniteCarousel .wrapper ul li a:hover{text-decoration:underline;}*/
.infiniteCarousel ul li a:hover img.pic {border-color: #aaa;}
.infiniteCarousel .arrow {display: block; height: 52px; width: 52px; text-indent: -999px; position: absolute; top: 165px; cursor: pointer; outline: 0;}
.infiniteCarousel .forward {background:url(../images/icon19.png) no-repeat; right: 0;}
.infiniteCarousel .back {background:url(../images/icon18.png) no-repeat; left: 0;}

.infiniteCarousel ul li .bg{background: url(../images/bg.png) repeat 0 0; position: absolute; top: 0;border-radius: 12px; bottom: 42px; right: 21px; left: 0; display: none;}
.infiniteCarousel ul li .bg .icon{display: block; margin: 20px; border: 2px solid #2db6a3; height: 354px; background: url(../images/icon6.png) no-repeat center;}
.infiniteCarousel ul li a:hover .bg{display: block;}
.infiniteCarousel ul li a:hover .info span{color: #2db6a3;}

/*成功案例*/
.caseSwipter{display: none;}
.casePics{display: block;}
.casePics .wrapper{height: 498px;}
.casePics ul li{width: 384px; height: 100%; overflow: hidden; position: relative;}
.casePics ul li .pic{height: 290px; width: 100%; overflow: hidden; border-radius: 0; position: relative;}
.casePics ul li .pic img {display: block; width: 100%; height: 100%;}
/*.casePics ul li.hover img{padding:}*/
.casePics ul li .info{background: #fff; border-bottom: 3px solid #337b90; overflow: hidden; padding: 26px 40px 26px 130px; position: relative;}
.casePics ul .info img{margin: 10px 26px 0 10px; width: 74px; height: 73px; position: absolute; left: 20px; top: 26px;}
.casePics ul .info span{display: block; font-size: 16px; color: #4d4d4d; height: 96px; overflow: hidden; text-align: left; line-height: 32px;}
.casePics .arrow {top: 210px;}

@media (min-width: 320px) and (max-width: 768px){
	.teamCarousel{display: none;}
	.teamMobile{display: block; margin: 12px 8px;}
	.teamMobile .swiper-slide a{width: 50%; box-sizing: border-box; padding: 0 8px; float: left; position: relative;}
	.teamMobile .swiper-slide a img{ width: 100%; border-radius: 12px;}
	.teamMobile .swiper-slide a span{color: #fff; text-align: center; display: block;padding-top: 12px;}
	.teamMobile .swiper-button-prev{left: 8px;}
	.teamMobile .swiper-button-next{right: 8px;}
	.teamMobile .homeActiveBtn2 div{top: 47%;}
	
	.teamMobile .swiper-slide .bg{background: url(../images/bg.png) repeat 0 0; position: absolute; top: 0;border-radius: 12px; bottom: 31px; right: 8px; left: 8px; display: none; width: 100%;}
	.teamMobile .swiper-slide .bg .icon{display: block; margin: 20px; border: 2px solid #2db6a3; height: 354px; background: url(../images/icon6.png) no-repeat center / 50px auto;}
	.teamMobile .swiper-slide a:hover .bg{display: block;}
	.teamMobile .swiper-slide a:hover .info span{color: #2db6a3;}
	
	/*.infiniteCarousel{width: 320px; margin-top: 6px;}
	.teamDiv .infiniteCarousel{height: 230px;}
	.infiniteCarousel .wrapper{width: 320px; height: 230px; margin: 0 0;}
	.teamDiv .infiniteCarousel ul li a span.name{padding-top: 15px;}
	.infiniteCarousel .arrow{width: 30px; height: 30px; background-size: 30px auto; top: 70px;}
	.teamDiv .infiniteCarousel ul li{width: 150px; height: 188px;}
	.teamDiv .infiniteCarousel ul li img{height: 188px;}
	
	.infiniteCarousel ul li .bg{bottom: 42px; right: 21px; left: 0; height: 100%; display: none;}
	.infiniteCarousel ul li .bg .icon{height: 144px; background: url(../images/icon6.png) no-repeat center center/ 40px auto;}*/
	
	/*成功案例*/
	.casePics{display: none;}
	.caseSwipter{display: block; margin: 0 20px; padding-bottom: 15px;}
	.swiper-slide{}
	.caseSwipter .swiper-slide .pic{}
	.caseSwipter .swiper-slide .pic img{margin: 0 auto; width: 100%;}
	.caseSwipter .swiper-slide .info{background: #fff; padding: 20px 12px 20px 88px; border-bottom: 2px solid #337b90; overflow: hidden; position: relative;}
	.caseSwipter .swiper-slide .info img{margin: 8px 10px 0 0; position: absolute; top: 22px; left: 15px; width: 56px; height: 56px;}
	.caseSwipter .swiper-slide .info span{display: block; font-size: 15px; color: #4d4d4d; text-align: left; height: 78px; overflow: hidden; line-height: 26px;}
	.swiper-button-prev{background: url(../images/icon18.png) no-repeat center center / 35px auto; width: 35px; height: 35px; left: 5px;}
	.swiper-button-next{background: url(../images/icon19.png) no-repeat center center / 35px auto; width: 35px; height: 35px; right: 5px;}
	
	.wordCon{display: none;}
}

@media (min-width: 768px) and (max-width: 992px){
	.infiniteCarousel{width: 680px;}
	.infiniteCarousel .wrapper{width: 587px; margin: 0 46px;}
	.infiniteCarousel .arrow{width: 40px; height: 40px; background-size: 40px auto;}
	
	/*成功案例*/
	.casePics .wrapper{padding: 0; height: 380px;}
	.casePics ul li{width: 283px; height: 456px;}
	.casePics ul li .pic{height: 214px;}
	.casePics .arrow{top: 160px;}
	.casePics ul .info img{margin: 6px 15px 0 0; width: 62px; height: 62px;}
	.casePics ul .info span{line-height: 28px; height: 84px;}
	.casePics ul li .info{padding: 22px 18px 20px 95px;}
}

@media (min-width: 992px) and (max-width: 1199px){
	.infiniteCarousel{width: 980px;}
	.infiniteCarousel .wrapper{width: 892px; margin: 0 44px;}
	.infiniteCarousel .arrow{width: 40px; height: 40px; background-size: 40px auto;}
	
	/*成功案例*/
	.casePics .wrapper{padding: 0; height: 380px;}
	.casePics ul li{width: 283px; height: 456px;}
	.casePics ul li .pic{height: 214px;}
	.casePics .arrow{top: 160px;}
	.casePics ul .info img{margin: 6px 15px 0 0; width: 62px; height: 62px;}
	.casePics ul .info span{line-height: 28px; height: 84px;}
	.casePics ul li .info{padding: 22px 18px 20px 95px;}
	
}
@media (min-width: 1200px) and (max-width: 1366px){
	.infiniteCarousel{width: 1100px;}
	.infiniteCarousel .wrapper{width: 1012px; margin: 0 44px; height: 360px;}
	.infiniteCarousel .arrow{width: 40px; height: 40px; background-size: 40px auto; top: 140px;}
	.teamDiv .infiniteCarousel ul li{width: 236px; height: 360px;}
	.teamDiv .infiniteCarousel ul li a img.pic{height: 318px;}
	
	/*成功案例*/
	.casePics .wrapper{height: 456px;}
	.casePics ul li{width: 323px; height: 456px;}
	.casePics ul li .pic{height: 244px;}
	.infiniteCarousel .arrow{top: 190px;}
}