@charset "utf-8"; /* CSS Document */ /*--------------- 总体 ---------------*/ @font-face { /* font-properties */ font-family: HarmonyOS_Sans; src: url('../img23/HarmonyOS_Sans_Medium.ttf') } body{ position:relative; width:100%; font-family: "HarmonyOS_Sans"; font-size: 14px; background:#ffffff; color:#777; overflow-x:hidden; } .en { position:relative; width:100%; font:normal 14px/24px "Arial"; background:#fff; color:#777; overflow-x:hidden; } .container{width: 100%;max-width: 1920px;margin: 0 auto;position: relative;height: auto;overflow: hidden;} a { text-decoration:none; } h3, h4, h5 { font-weight:normal; } .cl{clear: both} .blank{ clear: both; overflow: hidden} .blank10{height:10px; line-height: 10px; clear: both; overflow: hidden} .blank20{height:20px; line-height: 20px; clear: both; overflow: hidden} .blank30{height:30px; line-height:30px; clear: both; overflow: hidden} .blank40{height:40px; line-height: 40px; clear: both; overflow: hidden} .wrapper{width:1400px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;} .wrapper-sub{width:1400px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;} .wrapper2{width:1400px;margin: 0 auto;padding: 0; height:auto; position: relative;} .mt50{margin-top: 50px;} .mt70{margin-top: 70px;} img{vertical-align: middle} .fl{float: left;} .fr{float: right;} .iflex{display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between;flex-flow:wrap} .ianimation{transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} /*-------------------------*/ .isearch{width:340px;margin-top:40px;margin-right: 30px;} .isearch form{background:#f4e8e8;height:50px;line-height:50px;position: relative;} .isearch form input[type=text]{border:0;width: calc(100% - 40px);text-indent: 1em;height:50px;font-size: 16px;background:none;text-align:left;position: absolute;left: 0;color: #111;} .isearch form input[type=submit]{background:url("../img23/search-ico.png")center center no-repeat;width: 29px;height: 29px;position: absolute;right:15px;top:10px;border:0;cursor: pointer} header{width:100%;height:140px;background:url("../img23/top_bg.jpg")center center no-repeat;} .isearch form input::-webkit-input-placeholder { /* WebKit browsers,webkit内核浏览器 */ color: #9d4f4f; font-size: 16px; } .isearch form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #9d4f4f; font-size: 16px; } .isearch form input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #9d4f4f; font-size: 16px; } .isearch form input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #9d4f4f; font-size: 16px; } .ilogo{margin-top:25px;width:60%;} .ilogo a{display:inline-block;margin-right: 15px;} nav{background:#87161d;width: 100%;} nav ul{width: 1400px;margin: 0 auto;position: relative;} nav ul li{width: 12.5%;text-align: center;position: relative} nav ul li a{color: #fff;font-size: 18px;height: 50px;line-height: 50px;display: block;} #nav-menu li ul{ position: absolute; left:50%; margin-left:-90px; top:50px; display: none; z-index: 99; width: 180px; transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s; opacity: 0;background:#ad3038; } #nav-menu li:hover ul{ display: block; opacity: 1 } #nav-menu li:nth-child(4) ul{width: 260px;margin-left:-125px;} #nav-menu li:hover{background: #ad3038;} #nav-menu li:hover a{color: #fff;font-weight: bold;} #nav-menu li.active{background: #ad3038;} #nav-menu li.active a{color: #fff;font-weight: bold;} #nav-menu li.active:after{content: "";display: none} #nav-menu li:hover:after{content: "";display: none} #nav-menu li ul li{width:96%;border-top:#c2d1eb 1px solid;} #nav-menu li ul li:after{content:"";display: none} #nav-menu li ul li a{color: #000;font-size: 16px;height: auto;line-height: 26px;padding:0 10px} #nav-menu li ul li:hover{background: #ad3038;} #nav-menu li ul li{border-top:#87161d 1px solid;padding:15px 2%} #nav-menu li ul li:hover a{color: #ffc7c7} #nav-menu li ul li:first-of-type{border-top: 0;} #nav-menu li:hover ul li a{color:#ffc7c7} #nav-menu li:hover ul li:hover{background:none;} #nav-menu li:hover ul li:hover a{color:#fff} /* ui-banner */ .ui-banner{display:block;position:relative;width:100%;height:400px} .ui-banner.ui-banner-invalid{display:none;} .ui-banner-slides{width: 1200px;height: 100%;left: 0} .ui-banner-slides ul li img{width: 100%;height:100%} .ui-banner-slogans{width: 200px;right:0} .ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans,.ui-banner .ui-banner-arrow{position:absolute;top:0;} .ui-banner ul{list-style-type:none;margin:0;padding:0;overflow:hidden;} .ui-banner .ui-banner-slides li{display:none;position:absolute;top:0} .ui-banner .ui-banner-slides li.ui-banner-slides-current,.ui-banner .ui-banner-slides li.ui-banner-slides-prev,.ui-banner .ui-banner-slides li.ui-banner-slides-next{display:block;} .ui-banner .ui-banner-slides li.ui-banner-slides-current{left:0;} .ui-banner .ui-banner-slides li.ui-banner-slides-prev{left:-1200px;} .ui-banner .ui-banner-slides li.ui-banner-slides-next{left:-1200px;} .ui-line{ zoom: 1; overflow: hidden; } .ullinehover{ padding:15px; height: 70px; background: #f4f4f4; border-bottom: #ddd 1px solid; } .ullinehover p{ color:#333; font-size: 16px; line-height: 34px } .ui-banner-slogans-current .ullinehover{background: #87161d;border-bottom:#87161d 1px solid;} .ui-banner-slogans-current .ullinehover p{color: #fff} .ui-banner .ui-banner-arrow{display:block;width:23px;outline:none;} .ui-banner .ui-banner-arrow.ui-banner-arrow-prev{ background: transparent url("../img23/azrow-l.jpg") no-repeat scroll 0 0; height: 46px; right: 246px; top: auto; bottom:0; width: 55px; } .ui-banner .ui-banner-arrow.ui-banner-arrow-next{ background: transparent url("../img23/azrow-r.jpg") no-repeat; height: 46px; right: 200px; top: auto; bottom: 0; width: 55px; } .ui-banner .ui-banner-arrow.ui-banner-arrow-next img{left:-15px;} .ui-banner .ui-banner-overlay{bottom:0;height:10px;position:absolute;right:0;width:173px;} .index-title{width: 100%;border-bottom: #cfcfcf 2px solid;height:auto;margin:30px auto 20px auto;overflow: hidden;} .index-title h2{font-size: 24px;color: #582020;float: left;font-weight: bold;} .index-title h2:before{content: "";display: inline-block;background: url("../img23/title-ico.png")center center no-repeat;width: 50px;height: 50px;background-position:0 0;vertical-align:middle;margin-right: 10px;margin-bottom: 3px;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .index-title span{width: 75px;height: 35px;line-height: 35px;float: right;text-align: center;color: #fff;font-size: 16px;background: #cfcfcf;display:inline-block;vertical-align: bottom;margin-top:30px;} .index-title h2:hover:before{content: "";background-position: 100% 100%} .index-title h2:hover{color: #900b14} .index-title span:hover{background: #900b14;} .index_list ul li{width: 48%;border-bottom: #ddd 1px solid;margin-bottom:15px;padding-bottom:15px;position: relative} .index_list ul li:nth-child(odd):after{content: "";background:#ddd;height:60px;width: 1px;display:inline-block;position: absolute;top:-17px;right:-26px} .index_list ul li h2{color: #333;font-size: 16px;float: left;} .index_list ul li h2:before{content: "";width:6px;height:6px;border-radius:50%;display: inline-block;vertical-align: middle;background: #d0d0d0;margin-bottom: 3px;margin-right:8px;} .index_list ul li:nth-child(7){border-bottom: 0;margin-bottom: 0;padding-bottom: 0;} .index_list ul li:nth-child(8){border-bottom: 0;margin-bottom: 0;padding-bottom: 0;} .index_list ul li:hover h2{color: #900b14} .index_list ul li:hover h2:before{background: #900b14;} .index_list ul li p{float: right;font-size: 15px;color: #afafaf;display: inline-block;} .index_list ul li:hover p{color: #900b14} .part02-l{margin-top: 40px;width: 100%;height: auto;overflow: hidden} .part02-l dl dt{width: 49.5%;float: left;height: 50px;line-height: 50px;background: #dd99a7;text-align: center;font-size:20px;color: #fff;} .part02-l dl dt:nth-child(even){float: right;} .part02-l dl dt i{display: inline-block;background: url("../images/news-ico01.png")center center no-repeat;width: 24px;height: 24px;background-position: 100% 0;vertical-align:middle;margin-right: 20px;margin-bottom: 3px;} .part02-l dl dt:nth-child(even) i{background: url("../images/news-ico02.png")center center no-repeat;background-position: 100% 0;} .part02-l dl dt:hover{background: #e2e2e2;color: #94243a;font-weight: 600;cursor: pointer} .part02-l dl dt.active{background: #e2e2e2;color: #94243a;font-weight: 600;} .part02-l dl dt:hover i{background-position: 100% 100%;} .part02-l dl dt.active i{background-position: 100% 100%;} .part02-l article{clear: both;padding:0;margin:0 auto;height: auto;overflow: hidden} .part02-l article ul.img{width:648px;height:486px !important;float: left;position: relative;} .part02-l article ul.img li{position: relative;width: 100%;height: 100%} .part02-l article ul.img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;} .part02-l article ul.img h3{background:rgba(0,0,0,0.7);height: 50px;line-height: 50px;color: #fff;font-size: 16px;width:94%;padding: 0 3%;text-align: left;position: absolute;left: 0;bottom: 0;z-index: 2;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow: hidden;} .part02-l article ul.tab{float: right;width:calc(100% - 668px);} .part02-l article ul.tab li{width: 100%;} .part02-l article ul.tab li div{width: 100%;height: auto;overflow: hidden;} .part02-l article ul.tab li h2{color: #444;font-weight:bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;float: right;width:calc(100% - 135px);font-size:16px;margin-top:5px;line-height: 30px} .part02-l article ul.tab li span{width:120px;float:left;color:#fff;font-size: 15px;text-align: center;background: #903238;height: 70px;line-height: 35px;border:#903238 1px solid;display: block;} .part02-l article ul.tab li span b{color: #903238;font-size: 18px;display: block;height: 35px;background: #f7eced;} .part02-l article ul.tab li{border-bottom: #d2d2d2 1px solid;padding-bottom:5px;margin-bottom:5px;height: auto;overflow: hidden} .part02-l article ul.tab li:last-child{border-bottom:0;margin-bottom: 0;padding-bottom: 0;} .part02-l article ul.tab li:hover h2{color: #94243a;font-weight:bold;} .part02-l article ul.tab li:hover span{background: #c7474f;border:#c7474f 1px solid} .part02-l article ul.tab li.on h2{color: #94243a;font-weight:bold;} .part02-l article ul.tab li.on span{background: #c7474f;border:#c7474f 1px solid} .part02-l article ul.tab li.on span b{color: #c7474f;} .part03 .index-title{margin-bottom:35px;} .part03-l {width: 100%;height:auto;overflow: hidden;position: relative;} .part03-l ul li{width: 23.5%;position: relative;height:400px;overflow: hidden} .part03-l ul li img{border-bottom:#942f36 2px solid;width: 100%;height: 248px;object-fit:contain} .part03-l ul li div{background: #f2f2f2;padding:15px;z-index: 3;position: relative;overflow: hidden;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .part03-l ul li div h2{font-size: 16px;color: #111;line-height:30px} .part03-l ul li div p{color:#afafaf;font-size: 14px;line-height: 26px;margin-top:5px;} .part03-l ul li div span{color: #ff7079;font-size: 16px;display:none;margin-top: 30px;} .part03-l ul li i{background-image: -moz-linear-gradient( 90deg, rgb(159,35,43) 0%, rgba(159,35,43,0.5) 73%, rgba(159,35,43,0) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(159,35,43) 0%, rgba(159,35,43,0.5) 73%, rgba(159,35,43,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(159,35,43) 0%, rgba(159,35,43,0.5) 73%, rgba(159,35,43,0) 100%);height: 100%;width: 100%;position: absolute;left: 0;top: 0;z-index: 2;display:block;height: 248px;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;opacity: 0} .part03-l ul li:hover{background: #9f232b;} .part03-l ul li:hover div{background:none;transform: translateY(-80px)} .part03-l ul li:hover div h2{color: #fff;} .part03-l ul li:hover div p{color: #e49a9f} .part03-l ul li:hover span{display: block} .part03-l ul li:hover i{opacity: 1} .index-gary{background: #f2f2f2;margin-top:40px;padding:35px 0;width: 100%;height: auto;overflow: hidden} .part04 .indexzt{text-align: center} .indexzt .slick-prev,.indexzt .slick-next{color:transparent;position: absolute;left:0px;top:45%;background:url("../img23/arrowzt-l.png")center center no-repeat;width: 46px;height:46px;border:0;cursor: pointer;z-index: 99999;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;opacity: 0} .indexzt .slick-next{right:0;left: auto;background:url("../img23/arrowzt-r.png")center center no-repeat;} .indexzt:hover .slick-prev,.indexzt:hover .slick-next{opacity: 1} .part04 .indexzt .slick-slide img{width: 328px;height: 246px;margin: 0 auto;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .part04 .indexzt .slick-slide img:hover{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);} .part05 .index-title{padding-bottom: 15px;} .tab-menu{margin: 30px auto;width: 100%;} .tab-menu .tab-name{width: 32%;background: #dadada url("../img23/links-nav-bg.png")top right no-repeat;height:50px;line-height:50px;background-position:100% 0;text-indent: 2em; border-radius: 4px;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .tab-menu .tab-name a{font-size: 20px;color: #111;display: block} .tab-menu .active{background: #942f36 url("../img23/links-nav-bg.png")top right no-repeat;background-position:100% 100%;} .tab-menu .active a{color: #fff} .pass-ico{background: #fff; box-shadow: 0px 3px 0px 0px rgba(148, 47, 54, 0.004);padding: 30px 0 25px 0;border-radius: 4px;} .pass-ico .slick-slide{text-align: center;margin: 0 auto} .pass-ico .slick-slide img{width: 167px;height: 50px;margin: 0 auto;vertical-align: middle;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .pass-tab section{display: none;box-shadow:3px 4px 0px #942f36;border:#ddd 1px solid} .pass-ico .slick-prev,.pass-ico .slick-next{color:transparent;position: absolute;left:10px;top:35%;background:url("../img23/link-arrow-l.png")center center no-repeat;width: 20px;height:36px;border:0;cursor: pointer;z-index: 99999;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;opacity: 0} .pass-ico .slick-next{right:10px;left: auto;background:url("../img23/link-arrow-r.png")center center no-repeat;} .pass-ico:hover .slick-prev,.pass-ico:hover .slick-next{opacity: 1} .pass-ico .slick-slide img:hover{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);} footer{background: #9f232b;height:auto;width:100%;overflow:hidden;padding:60px 0 30px 0} footer .ilogo{margin-top:20px;width:45%;float: left;} footer .ifooter-r{width:55%;float: right;} footer .iaddress{width: calc(100% - 260px);float: left;margin-top: 20px;} footer .iaddress p{color: #fff;font-size: 16px;margin-bottom:20px;} footer .foot-qr{width: 250px;float: right;text-align: center} footer .foot-qr ul li{float: left;width: 49%;} footer .foot-qr img{width: 100px;height:100px;} footer .foot-qr p{color: #fff;font-size: 16px;line-height:28px;margin-top: 10px;} /*内页*/ .nybanner{width: 100%;height:200px;position: relative;} .nybanner img{width:100%;height:100%;position: absolute;left: 0;top: 0} .nybanner h2 {font-size: 44px; position: absolute;left: 0;right: 0;margin: 0 auto;transform: translateY(100%); text-align: center; -webkit-text-stroke: 2px #a60001;font-weight: bold; text-shadow:2px 2px 2px #250000; color:#fff;} .mbx{background: #ededed;padding:16px 0;line-height: 26px;} .mbx-z{font-size: 16px;color: #333;} .mbx-z:before{content: "";display: inline-block;background: url("../img23/mbx-ico.png")center center no-repeat;vertical-align: middle;width: 18px;height: 26px;margin-right: 15px;margin-bottom: 3px;} .mbx-z a:after{content: "-";font-size: 16px;color: #333;margin-left:10px;} .mbx-z a{display: inline-block;margin: 0 5px 0 0;font-size:16px;color: #333;} .mbx-z a:last-child:after{content: "";display: none} .list-l{width: 326px;float: left;background: #9d2129;height: auto;overflow: hidden;margin-bottom: 50px;} .list-r{width:calc(100% - 375px);float: right;} .left_nav{height: auto;overflow: hidden} .left_nav{padding:10px 20px 20px 20px;text-align: center;} .left_nav .subNav:nth-of-type(1){border-top: 0;} .left_nav .subNav{line-height:28px;padding:15px 0; text-align: center;border-top: #b5353d 1px solid;} .left_nav .subNav a{color: #fff;font-size: 18px;display: block;width: 100%;} .left_nav .subNav:hover a{color: #ff858d} .left_nav .currentDd a{color: #ff858d} .left_nav .navContent{display: none;background: #b5353d;position: relative;margin-top:5px;padding:5px 0} .left_nav .navContent:before{content: "";position: absolute;left: 0;right: 0;top:-10px; width: 0; height: 0;margin:0 auto;text-align: center; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #b5353d; } .left_nav .navContent li{line-height:26px;padding:10px} .left_nav .navContent li a{font-size: 18px;color: #fff;} .left_nav .navContent li:hover a{color:#ff858d;font-weight:bold;} .left_nav .navContent li.active a{color:#ff858d;font-weight:bold;} .typename{color: #7a2429;font-size: 28px;border-bottom: #7a2429 5px solid;position: relative;padding-left:15px;padding-bottom:13px;margin:30px auto;font-weight: bold;} .typename:before{content: "";display: inline-block;vertical-align: bottom;margin-right: 15px;background:url("../img23/typename-ico.png")center center no-repeat;width: 25px;height: 25px;position: absolute;left:-18px;bottom:-5px} .list-xueshu ul li{width: 31.5%;margin-bottom: 30px;} .list-xueshu ul li img{height:242px;} .list-xueshu ul li i{height:242px;} .list-xueshu ul li{height: 395px;} .list-xueshu ul li:last-child:nth-child(3n - 1) { margin-right: calc(31.5% + 5% / 2); } .list-xueshu ul li:last-child:nth-child(3n - 2) { margin-right: calc(31.5% + 74% / 2); } .list-teacher ul li{width: 23%;margin-bottom:30px;position: relative;overflow:hidden} .list-teacher ul li i{background-color: rgba(118, 17, 9, 0.5);width: 100%;position: absolute;left: 0;top: 0;display: block;z-index: 2;height:272px;opacity: 0;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;overflow:hidden} .list-teacher ul li span{display: block;position: absolute;top:-999px; background: url("../img23/t-search-ico.png")center center no-repeat;width: 30px;height: 30px;left: 0;right: 0;text-align: center;margin: 0 auto;z-index: 3;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .list-teacher ul li img{width: 100%;height:272px;position: relative;z-index: 1;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;overflow:hidden;} .list-teacher ul li p{text-align: center;color: #fff;font-size: 18px;background: url("../img23/tea-name-bg.jpg")center center repeat-x;width: 100%;border-top:#ae262e 5px solid;height:40px;line-height:35px;} .list-teacher ul li:hover i{opacity: 1;transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);} .list-teacher ul li:hover span{top:40%} .list-teacher ul li:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);} .list-teacher ul li:last-child:nth-child(4n - 1) { margin-right: calc(23% + 8% / 3); } .list-teacher ul li:last-child:nth-child(4n - 2) { margin-right: calc(23% + 85% / 3); } .list-teacher ul li:last-child:nth-child(4n - 3) { margin-right: calc(23% + 85% / 3); } .list-center ul li{width: 31.5%;margin-bottom: 30px;} .list-center ul li img{width: 100%;height:242px} .list-center ul li:last-child:nth-child(3n - 1) { margin-right: calc(31.5% + 5% / 2); } .list-center ul li:last-child:nth-child(3n - 2) { margin-right: calc(31.5% + 74% / 2); } .list-lxwm{margin-top: 30px;width: 100%;height: auto;overflow: hidden} .list-address{width: calc(100% - 260px);float: left;} .list-address ul li{border-bottom: #9d2129 1px solid;margin-bottom:15px;position: relative} .list-address ul li:before{content:"";display: inline-block;margin-right:15px;background:url("../img23/lxwm-ico01.jpg")center center no-repeat;width: 32px;height: 32px;margin-bottom: 3px;vertical-align: middle;position: absolute;left: 0;bottom:-3px} .list-address ul li:nth-child(2):before{background:url("../img23/lxwm-ico02.jpg")center center no-repeat;} .list-address ul li:nth-child(3):before{background:url("../img23/lxwm-ico03.jpg")center center no-repeat;} .list-address p{color: #333;font-size: 18px;display: inline-block;padding-left:45px;line-height: 45px} .list-qr{width: 250px;float: right;text-align: center;margin-top: 25px;} .list-qr ul li{float: left;width: 49%;} .list-qr img{width: 100px;height:100px;} .list-qr p{color: #333;font-size: 16px;line-height:24px;margin-top:0px;} .my-map { margin: 0 auto; width: 99%; height: 350px;border:#ddd 1px solid;border-radius:4px} .my-map .icon { background: url("../img23/marker.png") no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; } .amap-container{height: 100%;} .list-list{margin: 30px auto;width: 100%;height:auto;overflow: hidden} .list-list ul li{padding:12px 15px;line-height: 30px;border-bottom: #ebf3e8 1px solid;height: auto;overflow: hidden} .list-list ul li h2{font-size: 16px;width: 89%;float: left;color:#333;} .list-list ul li h2:before{content: "";background:#9d2129;width:7px;height:7px;border-radius:50%;display: inline-block;vertical-align: middle;margin-right: 10px;} .list-list ul li h2 span{font-size:16px;color:#f00} .list-list ul li p{float: right;width: 11%;color: #555;font-size: 16px;line-height: 26px;text-align: right} .list-list ul li:hover{background: #f5eff0;} .list-list ul li:last-of-type{border-bottom:0;} .list-list ul li:hover h2{color:#9d2129} .list-list ul li:hover p{color:#9d2129} .fck{padding:0;margin: 40px auto;width:calc(100% - 50px);height: auto;overflow: hidden;} .fck p,.fck div{line-height:200% !important;font-size: 16px !important;color: #555;} .article-t{width: 100%;margin: 30px auto;text-align: center;} .article-t h1{font-size:24px;color: #111;font-weight: bold;} .article-t p{margin-top: 10px;color: #777;font-size: 15px;} .p_pages { clear:both; display:inline-block; padding:50px 0; width:100%; text-align:center; font-size:16px; } .page a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #9d2129 solid; color: #111 } .p_no_d{ display:inline-block; margin:0 5px; padding:6px 12px; border:1px #9d2129 solid;background:#9d2129; color:#fff; } .page span{display:inline-block;} .p_fun_d { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #9d2129 solid; color: #111 } .p_fun_d a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #9d2129 solid; color: #111 } .p_fun_d:hover{ background:#9d2129; color:#fff; } .p_fun_d a:hover,.p_fun_d.thisclass a { background:#9d2129; color:#fff; } nav ul li:nth-child(1) ul{display:none !important} .n-tea-py{width: 98%;margin: 0 auto;height: auto;overflow: hidden;} .n-tea-py ul li{ line-height:40px; height:40px;overflow: hidden;text-align:center; color:#fff; background:#ad3038;width:40px;margin-right:11px;margin-bottom:2%;float: left; display: flex; align-items: center; justify-content: space-around; flex-direction: column;} .n-tea-py ul li p{ display:inline-block; text-align:left; padding:0 10px;color: #fff;font-size: 20px;text-align: center} .n-tea-py ul li:hover{background: #87161d;} .n-tea-py ul li.active{background: #87161d;} .n-tea-xs{width: 98%;margin: 0 auto;height: auto;overflow: hidden;} .n-tea-xs ul li{ line-height:26px; height: 80px;overflow: hidden;text-align:center; font-size:24px; color:#fff; background:#ad3038;border-radius:5px;width:19%;margin-right: 1.25%;margin-bottom: 2%;float: left; display: flex; align-items: center; justify-content: space-around; flex-direction: column;} .n-tea-xs ul li p{ display:inline-block; text-align:left; padding:10px 5px;color: #fff;font-size: 15px;text-align: center} .n-tea-xs ul li:nth-child(5n){margin-right: 0;} .n-tea-xs ul li:hover{background: #87161d;} .n-tea-xs ul li.active{background: #87161d;} @media screen and (max-width:1470px){ .wrapper{width: 96%;} .wrapper2{width: 96%;} } @media screen and (max-width:1400px){ .ui-banner-slogans{display: none;} .ui-banner-slides{position: static !important;margin: 0 auto !important} .ui-banner{width:1200px;margin: 0 auto} .ui-banner .ui-banner-slides li{position: static} .ui-banner .ui-banner-arrow.ui-banner-arrow-next{right: 0;} .ui-banner .ui-banner-arrow.ui-banner-arrow-prev{right: 55px;} nav ul{width: 100%;} } @media screen and (max-width:1368px){ .part04 .indexzt .slick-slide img{width: 300px;height: 225px;} footer .ilogo a{width:40%;} footer .ilogo a img{width: 100%;} } @media screen and (max-width:1024px){ .ilogo a{width:40%;} .ilogo a img{width: 100%;} footer {padding: 30px 0} .ui-banner{width: 100%;} .ui-banner-slides{width: 100%;} .ui-banner{height: 328px;} .ui-banner .ui-banner-slides li img{width: 100%;} .index_list ul li{width: 100%;} .index_list ul li:nth-child(7){border-bottom: #ddd 1px solid; margin-bottom: 15px;padding-bottom: 15px;} .part02-l article ul.img{float: none;margin:0 auto} .part02-l article ul.tab{width: 100%;float: none;margin:20px auto 0 auto} .part03-l ul li img{height: 174px} .part03-l ul li i{height: 174px} .part03-l ul li{height:370px;} .list-r{width: 100%;float: none;} .list-l{float: none;margin:50px auto} } @media screen and (max-width:820px){ footer .ilogo{width: 100%;float:none;margin: 0 auto;text-align: center} footer .ilogo a{width:40%;} footer .ifooter-r{width: 100%;float: none;margin-top: 30px;} .part03-l ul li{width: 50%;} .part03-l ul li img{height: 248px;} .part03-l ul li{height:400px;margin-bottom: 20px;} .ui-banner{height: 262px;} nav{display: none;} nav ul li{width: 100%;} #nav-menu li:hover ul{display: none;} .isearch{margin-top: 0;display: none;float: right;margin-right: 0;} header{height: auto;padding:0 0 30px 0} header .iflex{display: block} header button { position:absolute; right:10px; top:40px; width:45px; height:24px; line-height:10px;display: block; } header button span{display: inline-block; margin: 2px 0; width: 100%; height: 4px; background: #fff} header .psearch{background:url("../img23/t-search-ico.png")center center no-repeat;width: 25px;height: 25px;position: absolute;right:80px;top:42px;display: block;background-size: contain} .nybanner {height: 165px;} .nybanner h2{font-size: 40px;} .list-teacher ul li{width: 32%;} .typename{font-size: 24px;} .list-teacher ul li:last-child:nth-child(4n - 1) { margin-right: 0; } .list-teacher ul li:last-child:nth-child(4n - 2) { margin-right: 0; } .list-teacher ul li:last-child:nth-child(4n - 3) { margin-right: 0; } .list-teacher ul li:last-child:nth-child(3n - 1) { margin-right: calc(32% + 4% / 2); } .list-teacher ul li:last-child:nth-child(3n - 2) { margin-right: calc(32% + 74% / 2); } .list-list ul li p{display: none;float: none;} .list-list ul li h2{width: 100%;float:none;line-height: 32px} .list-address{float: none;width: 100%;} .list-qr{margin:20px auto;float: none;} .list-center ul li img{height:205px;} } @media screen and (max-width:768px){ .ui-banner{height: 246px;} } @media screen and (max-width:640px){ .part03-l ul li{width: 49%;} .part03-l ul li img{height:227px} .ui-banner{height: 205px;} .ui-banner .ui-banner-arrow.ui-banner-arrow-prev{width: 40px;height: 33px;background-size: contain;right:38px} .ui-banner .ui-banner-arrow.ui-banner-arrow-next{width: 40px;height: 33px;background-size: contain} .list-teacher ul li img{height: 240px} .list-center ul li {width:48%;} .list-center ul li img{height:auto;} .list-center ul li:last-child:nth-child(3n - 1) { margin-right:0; } .list-center ul li:last-child:nth-child(3n - 2) { margin-right: 0; } } @media screen and (max-width:480px){ .ui-banner{height: 132px;} .ilogo{width: 75%;} header button {top:30px} header .psearch{top:30px;} .part02-l{margin-top: 20px;} .part02-l article ul.img li{width: 100% !important;} .part02-l article ul.img{height:263px!important;width: 100% !important;} footer .iaddress{width: 100%;float: none;} footer .foot-qr{float: none;margin: 0 auto} .part03-l ul li img{height:147px} .part03-l ul li{height: 350px} .index-title h2{font-size: 20px;} .index_list ul li h2{line-height: 30px} .nybanner{display: none} .list-teacher ul li{width: 48%;} .list-teacher ul li:last-child:nth-child(3n - 1) { margin-right:0; } .list-teacher ul li:last-child:nth-child(3n - 2) { margin-right: 0; } .list-list ul li h2{font-size: 15px;line-height:28px;} .list-address ul li:before{content: "";top: 7px;bottom:auto} .list-address ul li{margin-bottom: 10px;padding-bottom: 10px;} .list-address p{line-height:35px } .n-tea-xs ul li{width: 49%;margin-right:1%;} .n-tea-xs ul li:nth-child(5n){margin-right:1%;} .n-tea-xs ul li p{font-size:14px} } @media screen and (max-width:390px){ .part03-l ul li{height: 343px} .ui-banner{height: 125px;} .index-title{margin-top:20px;} .list-teacher ul li img{height: 205px} .n-tea-py ul li{width: 23.5%;margin-right: 1.5%;} } @media screen and (max-width:375px){ .ui-banner{height: 120px;} } @media screen and (max-width:360px){ .ui-banner{height: 115px;} .part03-l ul li img{height:128px} .part03-l ul li div h2{font-size: 14px;line-height: 24px} header button{top:25px;} header .psearch{right:70px} }