body{color: #313133;}
.container h3{font-size: 36px;}
.banner{position: relative;z-index: 1;}
.content1{background: url(../images/1-10.jpg) no-repeat center;background-size: 100% 100%;padding-top: 1px;}
/*关于*/
.about{color: #fff;background: url(../images/bg1.jpg) no-repeat center;background-size: cover;padding-top: 6%;padding-bottom: 4%;margin-top: -5%;position: relative;z-index: 2;}
.about .text{width: 60%;margin-left: 20%;}
.about .text h4{font-size: 24px;padding-bottom: 2%;}
.about .text p{font-size: 15px;line-height: 30px;}
.about .text p span{font-weight: bold;}

.imageList{background-color: #001E42;margin-top: 2.2%;margin-bottom: 2.2%;}
.imageList .list{padding: 4% 2% 2% 4%;}
.imageList .list li{display: inline-block;width: 29%;margin-right: 2%; margin-left:2%; margin-bottom:30px;vertical-align: top; }
.imageList .list .swiper-container img{width: calc(100% - 10px);border: 5px solid #fff;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.imageList .list li:hover .swiper-container img{border: 5px solid #6db9fa;}
.imageList .list p{position: relative;font-size: 18px;color: #fff;text-align: center;margin-top: 7%;}
.imageList .list p:before{position: absolute;content:'';top: 50%;left: 5%;width: 14%;height: 2px;background: url(../images/icon2-10.png) no-repeat center left;}
.imageList .list p:after{position: absolute;content:'';top: 50%;right: 5%;width: 14%;height: 2px;background: url(../images/icon3-10.png) no-repeat center right;}
/*案例*/
.case {background-color: #001E42;padding-top: 2%;padding-bottom: 3%;}
.case h3{color: #fff;background: url(../images/t1-10.png) no-repeat left center;background-size: 50%;}
.case ul{padding-left: 2.5%;padding-right: 2.5%;}
.case ul li .tu{border: 6px solid #fff;position: relative;}
.case ul li .tu img{}
.case ul li:hover .tu{border: 6px solid #6db9fa;}
.case ul li .shade{position: absolute;top: 6px;left: 6px;width: calc(100% - 12px);height: calc(100% - 12px);background-color: rgba(255,58,170,.3);}
.case ul li:hover .shade{background-color: transparent;}
.case ul li .info{color: #fff;text-align: center;padding: 6%;}
.case ul li .info h4{font-size: 16px;line-height: 26px;padding-bottom: 6%;}
.case ul li .info p{font-size: 14px;}
.case a{display: block;font-size: 14px;color: #fff;width: 52%;height: 25px;line-height: 25px;padding: 3px;background: url(../images/icon4-10.png) no-repeat 88% center #6db9fa;background-size: 10%;margin-left: 24%;}
.case a span{display: block;background-color: #001E42;width: 70%;text-align: center;}

.content2{background: url(../images/2-10.jpg) no-repeat top center;padding-top: 3%;background-size: 100% 100%;}
.advantage h3{background: url(../images/t2-10.png) no-repeat left center;padding-top: 4%;padding-bottom: 4%;background-size: 59%;}
.advantage ul{padding-bottom: 2%;}
.advantage ul li{display: inline-block;width: 22%;margin-right: 4%;background-color: #313133;margin-top: 6%;vertical-align: top;}
.advantage ul li img{width: 32%;border-radius: 18px;box-shadow: 0 0 15px rgba(113,113,113,.45);margin-left: 10%;margin-top: -15%;}
.advantage ul li .info{padding: 8% 10% 10%;color: #fff;font-size: 14px;line-height: 20px;}
.advantage ul li .info h4{font-size: 18px;padding-bottom: 15px;}

/*路线*/
.content3{background: url(../images/3-10.jpg) no-repeat center;background-size: 100% 100%;padding-top: 3%;padding-bottom: 5%;}
.content3 .route{color: #fff;background-color: #313133;text-align: center;padding-top: 2%;}
.content3 .route h3{background: url(../images/t4-10.png) no-repeat left bottom;background-size: 59%;padding-top: 3%;padding-bottom: 4%;}
.content3 .route h4{display: inline-block;font-size: 26px;position: relative;font-weight: normal;}
.content3 .route h4:before{position: absolute;left: -25px;top: 13px;content: '';width:10px;height: 10px;background-color: #FF4553;}
.content3 .route ul{padding: 3% 2% 4%;}
.content3 .route li p{font-size: 16px;padding-top: 5%;padding-bottom: 3%;text-align: left;}
.content3 .route li a{display: block;font-size: 12px;color: #fff;text-align: left;}
.content3 .route .artWorkshop{background-color: #444447;}
.content3 .route .artWorkshop h4,.content3 .route .artDiscovery h4{margin-top: 3%;}
/*学精彩瞬间*/
.photo h3{background: url(../images/t5-10.png) no-repeat center left;background-size: 59%;padding-top: 3%;margin-top: 2%;margin-bottom: 2%;}
.photo ul,.photo .swiper-container{display: inline-block;vertical-align: middle;}
.photo .swiper-container{width: 50%;border: 6px solid #fff;}
.photo ul.photoLeft{margin-right: 3%;width: 20%;}
.photo ul.photoRight{margin-left: 3%;width: 20%;}
.photo ul li{display: inline-block;width: calc(48% - 12px);border: 6px solid #fff;margin-right: 4%;margin-bottom: 4%;}
.photo ul li:nth-child(2n){margin-right: 0;}
.photo ul li:hover,.photo ul li.active{border: 6px solid #FF4553;}