.banner .swiper-slide{height: 460px;} .banner .swiper-slide a{display: block;height: 100%;} .banner .swiper-slide img{width: 100%;height: 100%;object-fit: cover;} .banner .swiper-button-next,.banner .swiper-button-prev{width: 50px;height: 50px;background-repeat: no-repeat; background-position:center center;background-size: auto 30px;top:50%;margin-top: -25px;background-color:rgba(0,0,0,0.5);} .banner .swiper-button-prev{left: 20px;background-image:url(../img/prev.svg);} .banner .swiper-button-next{right: 20px;background-image:url(../img/next.svg);} .main{width: 100%;padding: 30px 0;position: relative;} .main .w12{align-items: flex-start;} .main-left{width: 255px;flex-shrink: 0;} .lm{height: 80px;line-height: 80px;background: #03698f;} .lm h3{font-size: 30px;color: #ffffff;width: 255px;text-align: center;position: relative;} .main-left ul{width: 100%;background: #f0f2f5;padding: 20px 10px 5px;border-top: 2px solid #c5d4ea;} .main-left ul>li{width: 100%;background: #ffffff;margin-bottom: 15px;overflow: hidden;position: relative;} .main-left ul>li>a{font-size: 16px;color: #111111;padding: 12.5px 55px 12.5px 20px;position: relative;display: block;line-height: 30px;} .main-left ul>li>.li_xlz{width: 55px;height: 55px;background: url(../img/direction.svg) no-repeat center center;background-size: auto 18px;position: absolute;right: 0;top: 0;cursor: pointer;} .li_xlz.on{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);} .msub{width: 100%;background: #ffffff;padding: 6px 0;display: none;} .msub a{display: flex;align-items:center;font-size: 16px;color: #333333;line-height: 40px;width: 100%;padding-left: 50px;} .main-left ul>li:hover>a,.main-left ul>li.cur>a{background: #03698f;color: #ffffff;font-weight: bold;} .main-left ul>li:hover>.li_xlz,.main-left ul>li.cur>.li_xlz{background: url(../img/direction_white.svg) no-repeat center center;background-size: auto 18px;} .msub a:hover,.msub a.cur{color: #03698f;} .main-left ul>li.cur .msub{display: block;} .main-right{width: 895px;} .main-title{width: 100%;line-height: 30px;position: relative;border-bottom: 1px solid #03698f;padding-bottom: 15px;} .main-title h2{font-size: 24px;color:#03698f;font-weight: normal;line-height: 30px;} .local{color: #888888;font-size: 16px;padding-left: 22px;background: url(../img/home.png) no-repeat left center;background-size: auto 16px;} .local a{color: #888888;} .local a:hover{color: #03698f;} /*文章内容开始*/ .content{width: 100%;min-height: 500px;} .content h3.title{text-align: center;font-size: 24px;color: #03698f;margin: 20px 0 10px;line-height: 30px;} .content p.sub-title{text-align: center;line-height: 30px;color: #333333;font-size: 18px;} .content .art-itro{width: 100%;border-bottom:1px solid #dcdcdc;padding-bottom:10px;line-height: 24px;margin-bottom: 10px;text-align: center;margin-top: 10px;} .content .art-itro span{font-size: 14px;color: #777777;margin-right: 20px;} .article{color: #434343;line-height: 32px;} .article #vsb_content{overflow-x: auto;} .article p{margin: 10px 0;text-indent: 2em;} .article table{margin:0 auto !important;max-width: 100%;min-width: 500px;} .article table p{text-indent: 0;margin: 0;} .article video{display: block;width: 100%;margin: 0 auto;height: auto;} .article img{max-width: 100%;margin: 0 auto;height: auto !important;} .pnarticle{width: 100%;border-top: 1px solid #c6c6c6;margin-top: 30px;padding-top:30px;} .pnarticle p{color: #333333;line-height: 30px;} .pnarticle p a{color: #333333;} .pnarticle p a:hover{color: #03698f;} /*文章内容结束*/ .txtlist{padding-top:30px;} .txtlist ul li{width: 100%;margin-bottom: 20px;border-bottom: 1px solid #dddddd;padding-bottom: 20px;line-height: 30px;} .txtlist ul li span{display: block;color: #888888;} .txtlist ul li a{color: #434343;width: calc( 100% - 100px );position: relative;z-index: 1;padding-right: 40px;transition: 0.2s all;} .txtlist ul li:hover span{color: #03698f;} .txtlist ul li:hover a{color: #03698f;padding-left: 10px;} .txtlist ul li:last-child{margin-bottom: 0;border-bottom: none;} .pic-list{padding-top: 30px;} .pic-list ul{margin-left: -17px;margin-right: -17px;} .pic-list ul li{width: 275px;margin: 0 17px 34px;transition: 0.4s all;overflow: hidden;} .pic-list ul li a{display: block;} .pic-list ul li .pic-img{width: 100%;height: 157px;overflow: hidden;} .pic-list ul li img{transition: 0.4s all;width: 100%;height: 100%;object-fit: cover;} .pic-list ul li:hover img{transform: scale(1.1,1.1);} .pic-list ul li p{line-height: 50px;text-align: center;color: #333333;border: 1px solid #cccccc;border-top:none;transition: 0.4s all;padding:0 10px;} .pic-list ul li:hover{box-shadow: 0px 0px 18px 0px rgba(140, 140, 140, 0.25);} .pic-list ul li:hover p{color: #ffffff;background: #03698f;} .teacher-list{padding-top: 30px;} .teacher-list h3{font-size:20px;color:#03698f;margin-bottom:15px;} .teacher-list ul{margin-left: -16px;margin-right: -16px;} .teacher-list ul li{width: 153px;margin: 0 16px 34px;transition: 0.4s all;overflow: hidden;} .teacher-list ul li a{display: block;} .teacher-list ul li .pic-img{width: 100%;height: 190px;overflow: hidden;} .teacher-list ul li img{transition: 0.4s all;width: 100%;height: 100%;object-fit: cover;} .teacher-list ul li:hover img{transform: scale(1.1,1.1);} .teacher-list ul li p{line-height: 50px;text-align: center;color: #333333;border: 1px solid #cccccc;border-top:none;transition: 0.4s all;} .teacher-list ul li:hover{box-shadow: 0px 0px 18px 0px rgba(140, 140, 140, 0.25);} .teacher-list ul li:hover p{color: #ffffff;background: #03698f;} .pb_sys_style4 .p_no_d{border:1px solid #03698f !important;background-color:#03698f !important;}