.header {background-size: cover;background-position: center;background-repeat: no-repeat;background-image: url("/templates/index/image/tszy/about-bg.png")}
.header .nav .nav-list {width: 12%;}
.header .nav .nav-list:hover{color: #15579A;}
.header .nav-bg {background-color: #1847AB;}
.header .search-box {border: 1px solid #054EBF;}
.header .search-box .search-img {background-color: #1265C1}
.header .content {margin-bottom: 20px;}
.header .text-img {width: 296px;height: 52px;}
.header .nav .nav-list .nav-item{background-color: rgba(5, 77, 191, .5)}
.header .logo .text {font-family: pingFang;color: #fff;margin-left: 100px;margin-top: -20px;font-size: 16px}
.header .name {font-family:fangZheng;color: #fff;margin-left: -175px;margin-top: 16px;font-size: 32px;}
.banner-img {height: 500px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.banner-img .title{background-image: linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,.7));height:160px;padding: 0 50px;color: #fff;font-size: 26px;bottom: 0}
.header{width: 100%;padding-top: 83px;}
.header .logo{height: 93px;margin-bottom: 30px}
.header .box{padding-left:10px;}
.header .enter{box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.29);}
.header .search-img{width: 30px;height: 30px;background-color: #E9E9E9;padding: 4px;cursor: pointer;}
.header .nav .nav-list{color: #fff;font-size: 16px;text-align: center;transition: all .3s linear}
.header .nav .nav-list a{display: block;padding: 12px;}
.change-nav-color{background-color: #fff;}
.header .nav .nav-list .nav-item{display: flex;justify-content: center;list-style:circle;color: #fff;text-align: center;width: 100%;left: 0;z-index: 99;}
.header .nav .nav-list .nav-item .circle{background-color: #fff;width: 4px;height: 4px;border-radius: 50%;}
.header .search-box{box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.29);}
/**/
.major-list {padding: 65px 0;background-color: #FFFFFF;background-repeat: no-repeat;background-position: top;background-image: url("/templates/index/css/image/SpecialProfession/bg.png")}
.major-list .major-item {width: 32%;margin-right: 2%;margin-bottom: 2%;height: 500px;border-radius: 10px;padding: 60px 30px;background-position: center;background-size: 100%;background-repeat: no-repeat;}
.major-list .major-item .intro { padding:60px 30px;background: linear-gradient(0deg, #054DBF 0%, #0591BF 100%);opacity: 0;border-radius: 8px;width: 100%;height: 500px;bottom: 0;left: 0;transition: .4s;}
.major-list .major-item .intro .intro-text {text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow: hidden;height: 150px;color: #EFEFEF;line-height: 32px;margin-top: 60px;margin-bottom: 40px;}
.major-list .major-item .intro .arrow {width: 39px;height: 11px;}
.major-list .major-item:hover .intro{opacity: 0.92;bottom: -20px;left: 20px;}
.major-list .major-item .line {width: 80px;height: 2px;background: #FFFFFF;margin-bottom: 20px;transition: .3s}
.major-list .major-item .title {font-size: 24px;font-weight: bold;color: #EFEFEF;line-height: 35px;text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1);transition: .3s;}
.major-list .major-item:nth-child(3n){margin-right: 0;}
.major-list .major-item:hover .hide{opacity: 0;}
.major-list .major-item:nth-child(1){background-image:url("/templates/index/image/tszy/music-bg.png")}
.major-list .major-item:nth-child(2){background-image:url("/templates/index/image/tszy/sports-bg.png")}
.major-list .major-item:nth-child(3){background-image:url("/templates/index/image/tszy/biology-bg.png")}
.major-list .major-item:nth-child(4){background-image:url("/templates/index/image/tszy/tourism-bg.png")}
.major-list .major-item:nth-child(5){background-image:url("/templates/index/image/tszy/primary-education-bg.png")}
.major-list .major-item:nth-child(6){background-image:url("/templates/index/image/tszy/environmental-art-bg.png")}

/*Ò³½Å*/
.footer {background-color: #054DBF;padding-top: 0;}
.footer .swiper-bottom-line {border-bottom: 1px solid #0146B3;margin-bottom: 40px;color:#fff;}
.footer .link-swiper {overflow: hidden;}
.footer .link-swiper .swiper-slide {padding: 14px 0;}
.footer .left {width: 50%;}
.footer .left .logo{height: 82px;}
.footer .left .logo .text {font-size: 14px;margin-left: 104px;margin-top: -24px}
.footer .left .name {font-family: fangZheng;font-size: 32px;margin-bottom: 10px;margin-left: -145px;}
.footer .call{width: 50%;border-left: 1px solid  #1B62C2;padding-left:30px;color: #fff;font-size: 14px}
.footer .detail{font-size: 14px;color: #fff;margin-bottom: 10px}
.footer .margin-right20{margin-right: 30px}
.footer .copyright {margin-top: 40px;font-size: 14px;color: rgba(255,255,255,0.63);padding: 14px 0;background-color: #1B62C2;}

/*ÁбíÏêÇéÒ³*/
.introduce {padding: 50px 0;background-color: #FFFFFF;}
.introduce .style {background-image: url("/templates/index/css/image/SpecialProfession/circle-bg.png");background-position: center top;background-size: 100%;background-color: #FFFFFF;padding-top: 120px;}
.introduce .course-description  {margin-bottom: 70px;padding-bottom: 100px;width: 70%;background: #FFFFFF;box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.05);}
.introduce .course-description .title {display: inline-block;color: #FFFFFF;text-align: center;padding:10px 30px;background-color: #F39800;font-size: 24px;font-weight: bold;margin-bottom: 60px;}
.introduce .course-description .sub-title {margin-top: 60px;padding-left: 30px;font-size: 24px;color: #333333;font-weight: bold;}
.introduce .course-description .intro {z-index: 99;width: 50%;margin-top: 30px;padding-left: 30px;font-size: 16px;color: #333333;line-height: 1.8;position:relative;}
.introduce .course-description .logo {width: 221px;height: 169px;bottom: 0;left: 0;}
.introduce .course-description .pic {width: 760px;height: 476px;right: -380px;top: 30px;}
.introduce .style .title {font-size: 24px;font-weight: bold;color: #333333;margin-bottom: 30px;text-align: center;}
.introduce .style .style-swiper {overflow: hidden;margin-bottom: 20px;}
.introduce .style .style-swiper .swiper-slide {width: 507px;height: 329px;}
.introduce .style .style-swiper .swiper-slide-active{width: 400px;}
.introduce .swiper-slide {background-color: #FFFFFF;transition: 300ms;transform: scale(0.6);}
.introduce .swiper-slide img{opacity: 0.6;filter: alpha(opacity=60);}
.introduce .swiper-slide-active,.introduce .swiper-slide-duplicate-active{background-color: transparent;transform: scale(1);box-shadow: 0px 0px 18px 0px rgba(255, 255, 255, 5);}
.introduce .swiper-slide-active img,.introduce .swiper-slide-duplicate-active img {opacity: 1;}
.introduce .controller{width: 50px;height: 50px;margin-left: 20px;cursor: pointer;}