.learnbanner{width: 100%;height:auto;}
.learnbanner img{width: 100%;height:auto;}
.mlearnbanner{display: none}
.learningsystem .con{background:#fff;padding:60px 0}
.learningsystem .con .main-tit h2{font-size:42px;font-weight:600;color:#284a94;position:relative;line-height:1;margin:0 auto 20px;padding:0;text-align: center;}
.learningsystem .con .main-tit h2 span{font-size:32px;color:#333;background:#fff;position:relative;top:5px;left:-50px;padding:0 10px;font-weight:100}
.learningsystem .con .main-tit p{text-align:center;margin:0 auto;padding:0;font-size:1.5em;color:#555;line-height:1.4;max-width:1111px}
.learningsystem .con-c,.learningsystem .con-c .main-tit h2 span{background:#f2f8f2}
.learningsystem .con-6{height:665px;background:url(../img/system6.png) no-repeat bottom center}
.learningsystem .floor1-bg{background:url(../img/floor1-bg.png) no-repeat center top;-o-background-size:cover;background-size:cover}
.floor1-wrap{width:100%;padding:120px 0 160px}
.circle-bg-wrap{width:650px;margin:0 auto;position:relative;z-index:0}
.circle-icon-group{width:100%;height:100%;position:absolute;left:0;top:0}
.circle-bg{display:block;width:100%}
.wrap1,.wrap2,.wrap3,.wrap4{width:200px;position:absolute;z-index:4}
.wrap2,.wrap3,.wrap4{opacity:0}
.wrap1{left:50%;top:-6px;-webkit-transform:translateX(-41%);-moz-transform:translateX(-41%);-ms-transform:translateX(-41%);-o-transform:translateX(-41%);transform:translateX(-41%)}
.wrap2{right:0;top:193px}
.wrap3{left:50%;bottom:0;-webkit-transform:translateX(-57%);-moz-transform:translateX(-57%);-ms-transform:translateX(-57%);-o-transform:translateX(-57%);transform:translateX(-57%)}
.wrap4{left:0;top:183px}
.wrap-content{position:absolute;width:100%;height:100%;left:0;top:0}
.wrap2-content,.wrap3-content,.wrap4-content{display:none}
.wrap-content img{display:block}
.act-circle{display:block;width:100%;position:relative;pointer-events:none}
.wrap1-img1,.wrap1-img2,.wrap1-line,.wrap1-txt,.wrap2-img1,.wrap2-line,.wrap2-txt,.wrap3-img1,.wrap3-line,.wrap3-txt,.wrap4-img1,.wrap4-img2,.wrap4-line,.wrap4-txt{position:absolute;max-width:500px}
.wrap1-line{width:220px;right:0;top:-20px;pointer-events:none}
.wrap1-txt{width:270px;right:-280px;top:-20px}
.wrap1-img1,.wrap1-img2{width:500px}
.wrap1-img1{left:-140px;bottom:90px;z-index:1}
.wrap1-img2{left:80px;bottom:-50px;z-index:2}
.wrap2-line{width:44px;right:-10px;bottom:0}
.wrap2-txt{width:270px;right:-290px;bottom:0}
.wrap2-img1{width:500px;left:-50px;top:80px;border:3px solid #c0182f;border-radius:4px;-webkit-box-shadow:0 1px 20px #888c95;box-shadow:0 1px 20px #888c95}
.wrap3-line{width:215px;left:-10px;bottom:0}
.wrap3-txt{width:270px;left:-290px;bottom:0}
.wrap3-img1{width:500px;left:180px;top:100px;border:3px solid #dfb734;border-radius:4px;-webkit-box-shadow:0 1px 20px #888c95;box-shadow:0 1px 20px #888c95}
.wrap4-line{width:44px;left:-10px;top:-40px}
.wrap4-txt{width:270px;left:-290px;top:-40px}
.wrap4-img1{width:500px;left:200px;top:150px}
.wrap4-img2{width:500px;left:330px;top:280px}
.wrap-img:hover{z-index:5}
.learningsystem .floor2-bg{background:url(../img/floor1-bg.png) no-repeat center top #f1f6fe;-o-background-size:cover;background-size:cover;padding-bottom:0;overflow:hidden}
.floor2-bg .container{padding:250px 0;position:relative}
.floor2-circle-wrap{width:500px;position:relative;top:-50px}
.floor2-circle{display:block;width:100%;pointer-events:none}
.floor2-mask1{display:block;width:85%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-48%,-51%);-moz-transform:translate(-48%,-51%);-ms-transform:translate(-48%,-51%);-o-transform:translate(-48%,-51%);transform:translate(-48%,-51%)}
.floor2-mask2{display:block;width:62%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-47%,-52%);-moz-transform:translate(-47%,-52%);-ms-transform:translate(-47%,-52%);-o-transform:translate(-47%,-52%);transform:translate(-47%,-52%)}
.floor2-txt1,.floor2-txt2{position:absolute;display:block;z-index:2}
.floor2-txt1{right:100px;top:96px;width:62px}
.floor2-txt2{right:100px;bottom:74px;width:43px}
.floor2-wrap{width:600px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-53%);-moz-transform:translateY(-53%);-ms-transform:translateY(-53%);-o-transform:translateY(-53%);transform:translateY(-53%)}
.floor2-wrap img:not(:last-child){margin-bottom:110px}
.floor2-arrow1,.floor2-arrow2{display:block;width:88px;position:absolute}
.floor2-arrow1{right:-75px;top:-15px}
.floor2-arrow2{right:-85px;bottom:70px}
.floor2-bottom-txt{width:100%;background:#d2e1fa;border-top:30px solid #bdcbe1;border-bottom:30px solid #bdcbe1;padding:40px 0}
.floor2-bottom-txt img{display:block;width:auto;height:100px;margin:0 auto;pointer-events:none}
.learningsystem .floor3-bg{background:url(../img/floor3-bg.jpg) no-repeat center top;-o-background-size:cover;background-size:cover;padding-bottom:0;padding-top:0}
.floor3-txt{width:100%;background:#284a94;padding:80px 0;position:relative;z-index:2}
.floor3-txt img{display:block;width:auto;height:50px;margin:0 auto}
.floor3-img{display:block;width:90%;margin:90px auto;position:relative;z-index:1}
@media(max-width:1366px){.circle-bg-wrap{width:500px}
	.wrap1,.wrap2,.wrap3,.wrap4{width:155px}
	.wrap1-txt{width:180px;right:-160px}
	.wrap2-txt{width:180px;right:-200px;bottom:20px}
	.wrap3-txt{width:180px;left:-200px}
	.wrap4-txt{width:180px;left:-190px;top:-20px}
	.wrap1-line{width:130px;right:30px}
	.wrap2-line{width:30px;bottom:20px}
	.wrap3-line{width:140px}
	.wrap4-line{width:30px;left:0;top:-20px}
	.wrap1-img1,.wrap1-img2,.wrap2-img1,.wrap3-img1,.wrap4-img1,.wrap4-img2{width:390px}
	.wrap1-img1{left:-70px;bottom:75px}
	.wrap1-img2{left:150px;bottom:10px}
	.wrap3-img1{left:150px;top:80px}
	.wrap4-img1{left:155px;top:90px}
	.wrap4-img2{left:260px;top:180px}
	.wrap2{top:146px}
	.wrap4{top:140px}
	.floor1-wrap{padding-bottom:50px}
	.floor2-circle-wrap{width:380px}
	.floor2-wrap{width:420px}
	.floor2-bg .container{padding:190px 0}
	.floor2-arrow1{right:-100px;top:10px}
	.floor2-arrow2{right:-100px;bottom:50px}
}