@charset "utf-8"; /* CSS Document */ *{margin:0;padding: 0} body{ position:relative; width:100%; font-family:HarmonyOS_Sans_Medium,SourceHanSansCN-Medium; font-size: 14px; background:#ffffff; color:#777; overflow-x:hidden;cursor:url("../img40/huoju.png"),default} .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;} .fixednav{position: fixed; top: 0px; left: 0px; width: 100%; z-index: 998;} .h100{height: 100% !important;} 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} .blank40{height:40px; line-height: 40px; clear: both; overflow: hidden} .blank80{height:80px; line-height: 80px; clear: both; overflow: hidden} .blank100{height:180px; line-height:180px; clear: both; overflow: hidden} .blank200{height:200px; line-height:200px; clear: both; overflow: hidden} .blank180{height:180px; line-height:180px; 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;} .mt200{margin-top: 200px;} 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;} body.show a, body.show .transition, body.show .index-flow .title dl dd .layer, .index-flow .title dl dd body.show .layer, body.show .g-nav2, body.show .g-nav, body.show .g-head .btn-list .search .input, .g-head .btn-list .search body.show .input, body.show .g-head .btn-list, .g-head body.show .btn-list, body.show :before, body.show :after, body.show img { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; } header .search .input { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; } header .search .btn { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; } header .search .btn input { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; } .ellipsis, .index-flash li .name a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .flex, .index-flow .img-list li a .layer .info, .index-flow .title dl dd .layer, .index-flow .title dl, .index-flow .container .video i, .index-admissions .dots, .index-events .list-wrapper dd.li-dd dl.info dd, .index-events .list-wrapper dl.ul-dl, .index-events .wal .arrow, .index-events .wal, .index-news .col-2 .arrow .dots, .index-news .col-2 .arrow, .index-news .col-2 .list li .title, .index-search .search-result .name, .index-search .hot-words, .index-flash .btn .dots, .index-flash .btn, .g-foot .info .tel, .g-foot .info, .g-foot .list li, .g-nav2 .scroll ul, .g-nav ul, .g-head .btn-list .language .name, .g-head .btn-list ul, .g-head .btn-list, .p-layer,.part02 ul,.part03-l dl { display: flex; display: -webkit-flex; display: -ms-flex; } .flexColumn { display: flex; display: -webkit-flex; display: -ms-flex; flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; } .itemsCenter, .index-flow .img-list li a .layer .info, .index-flow .container .video i, .index-events .list-wrapper dd.li-dd dl.info dd, .index-events .wal, .index-news .col-2 .arrow, .index-news .col-2 .list li .title, .index-search .search-result .name, .index-flash .btn, .g-foot .info .tel, .g-foot .list li, .g-head .btn-list .language .name, .g-head .btn-list, .p-layer { align-items: center; -webkit-align-items: center; } .banner, .banner div, .banner img, .banner.pc .index-banner a { width: 100%; height: 100%; position: relative; /*position: static !important; z-index: -1 !important;*/ } .banner.pc .index-banner a{ display:block; } body { overflow-x: hidden; } .banner .slick-arrow{ position: absolute; top: 50%; z-index: 99; width:66px; height: 66px; background-repeat: no-repeat; background-position: center center; background-size:64px; cursor: pointer; transform: translateY(0%); display:none; opacity: 0; visibility: hidden; background-color: transparent; border-radius: 50%; outline: none; border: none;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s; } .banner .slick-next{ right: 20px; /* left: 20px; */ background-image: url("../img40/come40_b_r.png"); } .banner .slick-prev{ /* right: 20px; */ left: 20px; background-image: url("../img40/come40_b_l.png"); } .banner:hover .slick-arrow{opacity:1;visibility:visible;transform: translateY(-50%);} .banner.pc .bb{ position: absolute; bottom: 32px; left: 50%; width: 31px; height: 55px; transform: translateX(-50%); background: url("../img40/arrow-down.png") no-repeat center center; z-index: 99; cursor: pointer; animation: up-down 3s linear infinite; } @keyframes up-down { 0%{ transform: translateY(-10px) translateX(-50%); } /* 25%{ transform: translateY(0px) translateX(-50%); }*/ 50%{ transform: translateY(10px) translateX(-50%); } /* 75%{ transform: translateY(0px) translateX(-50%); }*/ 100%{ transform: translateY(-10px) translateX(-50%); } } .index-banner a{ position: relative; height: 100vh !important; } .banner img{ position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translateX(-50%) translateY(-50%); object-fit: cover; } .banner video{object-fit:fill;width: 100%;height:100%} .index { /*position: static; top: 0;*/ position: fixed; top: 100%; left: 0; right: 0; bottom: 0; overflow-y: auto; overflow-x: hidden; z-index: 99; background: #fff; } .index-banner video { position: absolute; top: 0; left: 0; z-index: 1; min-height: 100%; min-width: 100%; height: auto; width: 100%; object-fit: fill;} .x-wrap{ position: relative; margin: auto; max-width: 1400px; height: 100%;} .x-header_new .box-2 { background-color: #a83d24; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; top: 0; left: 0; z-index: -1; right: 0; border-bottom: 6px solid #962a2d } .x-header_new .box-2 .nav-mod .nav-lv2 { padding-top: 34px } .x-header_new .box-2 .nav-mod .nav-lv2::after { top: 2px } .x-header_new .box-2 .slogan { width: 415px; position: relative; overflow: hidden; position: absolute; top: 33px; right: 2px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; } .x-header_new .box-2 .slogan::before { content: ''; display: block; padding-top: 6.71506% } .x-header_new .box-2 .slogan .i { position: absolute; left: 0; top: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s } .x-header_new .box-2-logobox { width: 475px; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 99999 } .x-header_new .box-2-logobox::before { content: ''; width: 100%; padding-top: 29.05263%; background: url(../img40/logo-bg.png) no-repeat top center; background-size: contain; pointer-events: none; z-index: 1; display: block; pointer-events: none } .x-header_new .logo { width: 248px; position: relative; overflow: hidden; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); top: 24px; z-index: 3 } .x-header_new .logo::before { content: ''; display: block; padding-top: 26% } .x-header_new .logo .i { position: absolute; left: 0; top: 0; width: 100%; z-index: 99999; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s } .x-header_new .logo img { width: 100%; display: block } .x-header_new .logo img:nth-child(2) { opacity: 0 } .x-header_new .logo img.i-show { opacity: 1 } .x-header_new .logo img.i-hid { opacity: 0 } .x-header_new .splite { width: 418px; margin-left: 32px } .x-header_new .top { background-color: #7c3030 } .x-header_new .top .x-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 57px; position: relative; z-index: 1; line-height: 57px; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s } .x-header_new .top .x-wrap::after { display: none } .x-header_new .top .l .item:nth-child(n+2) { margin-left: 38px } .x-header_new .bottom { display: none } .x-header_new .tools-mod { line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex } .x-header_new .tools-mod .tools-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .x-header_new .tools-mod .tools-item + .tools-item { margin-left: 38px } .x-header_new .search-mod .search-tap { width: 75px; height: 40px; background-color: #c64141; border-radius: 99px; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .x-header_new.wht .box-2 { opacity: 1; visibility: visible; z-index: 22 } .x-header_new { color: #fff } .x-header_new .box-1 .box1-top a:hover { color: #ce5656 } .x-header_new .box-1 .box1-bot .nav-lv1-item:hover::before { left: 0; right: 0 } .x-header_new .box-1 .box1-bot .nav-lv1-item:hover .nav-lv2 { opacity: 1; visibility: visible } .x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:hover::before { background: url(../image/lys/png77.png) no-repeat center; -webkit-transform: none; transform: none; width: 21px; height: 19px; top: 19px; left: -34px } .x-header_new .box-2 .slogan.show { opacity: 1; visibility: visible } .x-header_new .box-2 .slogan.lshow { opacity: 1; visibility: visible; right: auto; left: 0px } .x-header_new .top a:hover { color: #ce5656 } .x-header_new .nav-mod { border: none; padding-top: 0 !important } .x-header_new .nav-mod .nav-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; border: none } .x-header_new .nav-mod .nav-box::after { display: none } .x-header_new .nav-mod .nav-tit .arr { display: none } .x-header_new .nav-mod .nav-link { display: block; white-space: nowrap } .x-header_new .nav-mod .nav-lv { position: absolute; min-width: 100%; background-color: #fff; opacity: 0; visibility: hidden } .x-header_new .nav-mod .nav-lv1 { text-align: center; font-size: 0 } .x-header_new .nav-mod .nav-lv1-item { display: inline-block; font-size: 16px } .x-header_new .nav-mod .nav-lv1-item .nav-lv1-link { position: relative } .x-header_new .nav-mod .nav-lv1-item .nav-lv1-link::after { content: ''; position: absolute; left: 50%; right: 50%; bottom: 0; border-top: 3px solid #c13f3f; -webkit-transition: all 0.3s; transition: all 0.3s } .x-header_new .nav-mod .nav-lv1-item.cur .nav-lv1-link::after { left: -20px; right: -20px } .x-header_new .nav-mod .nav-lv1-link { line-height: 93px } .x-header_new .nav-mod .nav-lv2 { position: absolute; background: none; border-bottom: none; padding: 32px 0; width: auto; top: 100%; left: 0; min-width: 0; color: #fff } .x-header_new .nav-mod .nav-lv2::after { content: ''; position: absolute; top: 0; bottom: 0; left: -2000px; right: -2000px; background-color: rgba(130,50,50,0.9) } .x-header_new .nav-mod .nav-grp { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 2 } .x-header_new .nav-mod .nav-lv2-item { margin-right: 50px } .x-header_new .nav-mod .nav-lv2-item:last-child { margin-right: 0 } .x-header_new .nav-mod .nav-lv2-item:hover .nav-lv2-link::before { display: none } .x-header_new .nav-mod .nav-lv2-item:hover .nav-lv2-link::after { display: block } .x-header_new .nav-mod .nav-lv2-item.cur .nav-lv2-link::before { display: none } .x-header_new .nav-mod .nav-lv2-item.cur .nav-lv2-link::after { display: block } .x-header_new .nav-mod .nav-lv2-tit { text-align: center } .x-header_new .nav-mod .nav-lv2-link { padding-left: 30px; position: relative } .x-header_new .nav-mod .nav-lv2-link::before { content: ""; position: absolute; left: 13px; top: 50%; background: #c64141; width: 7px; height: 7px; margin-top: -4px } .x-header_new .nav-mod .nav-lv2-link::after { content: ''; background-image: url(../image/lys/png79.png); width: 21px; height: 19px; position: absolute; left: 0; top: 50%; margin-top: -11px; display: none } .x-header_new .nav-mod .nav-lv3 { left: 100%; top: 0 } .x-header_new .nav-mod .nav-lv3-item { position: relative; float: left } .x-header_new .nav-mod .nav-lv3-item+.nav-lv3-item { margin-top: 8px } .x-header_new .nav-mod .nav-item:hover>.nav-lv { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s } .x-header_new .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link { color: #fff } .x-header_new .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link::after { left: -20px; right: -20px } .x-header_new.white .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link { color: #7c3030 } .x-header_new.white .nav-mod .nav-lv2-item:hover .nav-lv2-link { color: #7c3030 } .x-header_new.white .nav-mod .nav-lv2-item:hover .nav-lv2-link::before { background-image: url(../image/lys/png68-1.png) } header .search { width: 31px; height: 31px; margin-left: 15px; position: relative; z-index: 20;visibility: hidden } header .search.on{visibility:visible} .isearch-btn { background: url("../img40/search-ico.png") center center no-repeat; width: 56px; height:56px; position: absolute; left: auto; top: 22px; right: 0; bottom: 0; z-index: 5; cursor: pointer;display: block } header .search .btn input { width: 100%; height: 40px; line-height: 40px; cursor: pointer; position: absolute; z-index: 1; left: 0; right: auto; top: 0; bottom: auto; visibility: hidden;border:0; } header .search .btn:hover { opacity: 1; } header .search .input { position: absolute; z-index: 1; left: auto; right: 15px; top: 0; bottom: auto; height:0; width:300px; background: #f1c48e; opacity: 0; border:0; visibility: hidden; } header .on .btn{top: -6px;} header .search .input input { width: 100%; height:50px; line-height:50px; font-size: 16px; padding: 0 10px; background:#f1c48e;border:0 } header .search .btn{background:none;top:0} header .search .btn input{background:none;top:0;opacity: 0} header .search.on .btn.on2 input { background: url("../img40/search-ico2.png")center center no-repeat;border: 0;margin-top: 3px;width: 27px;height: 27px;top:80px;right:10px;opacity:1 } header .search.on .btn input { visibility: visible; } header .search.on .input { height: 50px; opacity: 1; top:71px; visibility: visible; } .nav-box nav{width: 100%;height:100%} .nav-box nav ul li{width:18%;display: inline-block;text-align: center} .nav-box nav ul li.nav_logo{width:28%;} .nav-box nav ul li a{line-height: 99px;display: block;font-size:20px;color: #fff;} .nav_menu3, .nav_menu3 ul, .nav_menu3 #menu-button { margin: 0; padding: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .nav_menu3 ul li { margin: 0; padding: 0; border: 0; list-style: none; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .nav_menu3 ul{position: relative;font-size: 0;} .nav_menu3 #menu-button { margin-top: 100px; background: #F00; position: absolute; z-index: 99998; } .nav_menu3:after, .nav_menu3 > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .nav_menu3 #menu-button { display: none; } .nav_menu3 { margin: 0 auto; position: relative; z-index: 99999; } #menu-line { position: absolute; top: 0; left: 0; height: 3px; background: #990B2C; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .nav_menu3.align-center > ul { font-size: 0; text-align: center; } .nav_menu3.align-center > ul > li { display: inline-block; float: none; } .nav_menu3.align-center ul ul { text-align: left; } .nav_menu3.align-right > ul > li { float: right; } .nav_menu3.align-right ul ul { text-align: right; } .nav_menu3 ul li ul li a { text-decoration: none; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; color: #fff; font-size: 20px; height: 60px; line-height:60px; font-weight: 500; display: block; } .nav_menu3 > ul > li#nav-has-sub:hover > a::after { border-color: #990B2C; } .nav_menu3 ul ul { position: absolute; left: -9999px; width: 100%; } .nav_menu3 li:hover > ul li{width: 100%;} .nav_menu3.align-right li:hover > ul { left: 0; } .nav_menu3 ul ul ul { margin-left: 100%; top: 0; } .nav_menu3 ul ul ul li a{background: #007ad0;} .nav_menu3 ul ul ul li:hover{background:#007ad0;} .nav_menu3 ul ul ul li:hover a{background:none;color:#30f3ff} .nav_menu3.align-right ul ul ul { margin-left: 0; margin-right: 100%; } .nav_menu3 ul ul li { height: 60px; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease; width: 100%; } .nav_menu3 ul ul li a { display: block; padding: 0; height: 60px; line-height:60px; width: 100%; font-weight: bold; text-align: center; background: rgba(218,150,95,0.8); text-decoration: none; color: #eeeeee; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; font-size: 16px; } .nav_menu3 ul ul li:hover > a, .nav_menu3 ul ul li a:hover { color: #fff; background: #da965f; color:#c1492d;font-weight: bold; } nav ul li ul.nav_d_d{display: none;width: 100%;position: absolute;left:50%;top:105px;right: 0;z-index: 9999;text-align: center;margin: 0 auto;padding: 0 4px;transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);} .part02{background:#f3eadf url("../img40/part_bg_02.jpg")center center no-repeat;height: 1420px;width: 100%;position: relative;overflow: hidden;background-size:100% 100%} .part03{background:#f3eadf url("../img40/part_bg_03.jpg")center center no-repeat;height: 794px;width: 100%;position: relative;overflow: hidden;background-size:100% 100%} .part04{background:#f3eadf url("../img40/part_bg_04.jpg")center center no-repeat;height: 800px;width: 100%;position: relative;overflow: hidden;background-size:100% 100%} .part05{background:#f3eadf url("../img40/part_bg_055.jpg")center center no-repeat;height: 957px;width: 100%;position: relative;overflow: hidden;background-size:100% 100%} .part06{background:#f3eadf url("../img40/part_bg_06-2.jpg")center center no-repeat;height: 949px;width: 100%;position: relative;overflow: hidden;background-size:100% 100%} .part02 .p2top{margin-top: 140px;} .hd40{margin-top:30px;} .hd40 .swiper-button-prev,.hd40 .swiper-button-next{display: none} .hd40 .swiper-button-prev2,.hd40 .swiper-button-next2{display: none} .hd40 .pagination2 { display: block; position: absolute; left: 0; text-align: center; bottom: 115px !important; width: 100%; z-index: 999 } .hd40 .swiper-pagination-bullet{ display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: #fff; margin: 0 5px !important; cursor: pointer; background: #e3d1bd; opacity:1; } .hd40 .swiper-pagination-bullet-active{background:#c94d2d;width:24px;border-radius:5px} .p2-title{width: 100%;height:auto;overflow: hidden} .p2-title a{font-size: 36px;color: #a83d24;font-weight: bold;} .part02-l{float: left;width:500px;} .part02-l div.yqhd-news{width: 100%;} .part02-l div.yqhd-news img{width: 100%;height:375px;} .part02-l div.hd-news-z{background: rgba(212, 194, 172,0.6);padding:20px;height:auto;overflow: hidden;} .part02-l div.hd-news-z span{width: 80px;height: 70px;border-right: #fff 1px solid;text-align: center;color: #8e1a1a;font-size: 18px;display: block;line-height:40px;float: left;padding-right: 10px;margin-right: 10px;} .part02-l div.hd-news-z span b{font-size: 40px;display: block;} .part02-l div.hd-news-z h2{width: calc(100% - 110px);float: right;font-size: 16px;color: #333;line-height:34px;} .part02-r{float: right;width: 58%;height: 525px;margin-top: 55px;} .p2-right{width: 660px;height:540px; overflow: hidden;position:relative;float: right; border-radius: 20px;} .p2-right i{position: absolute;left: 0;top:0;z-index: 1; background-image: -moz-linear-gradient( 90deg, rgb(204,178,148) 0%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(204,178,148) 0%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(204,178,148) 0%, rgb(255,255,255) 100%);opacity:0.6;width: 100%;height:100%;display: block} .gallery-top{width: 600px;height: 450px;margin:30px auto;z-index: 2;} .gallery-top .swiper-slide img{width: 100%;height:100%;position: absolute;left: 0;top:0;z-index: 1} .gallery-top .hd_r_title {position:relative;width: 100%;height: 100%} .gallery-top .hd_r_title h2{ background-image: -moz-linear-gradient( 90deg, rgba(75,52,26,0.90196) 0%, rgba(75,52,26,0.45) 68%, rgba(75,52,26,0) 100%); background-image: -webkit-linear-gradient( 90deg, rgba(75,52,26,0.90196) 0%, rgba(75,52,26,0.45) 68%, rgba(75,52,26,0) 100%); background-image: -ms-linear-gradient( 90deg, rgba(75,52,26,0.90196) 0%, rgba(75,52,26,0.45) 68%, rgba(75,52,26,0) 100%);height: auto;width:calc(100% - 40px);padding:15px 20px;color: #fff;font-size: 16px;line-height: 30px;overflow: hidden;position: absolute;bottom: 0;left: 0;z-index: 2;} .p2-left{width:120px;float: left;position: relative;height:100%;overflow: hidden} .gallery-thumbs .swiper-slide{position: relative;} .gallery-thumbs .swiper-slide span{width:80px;height:90px;display: block; background-color: rgb(227, 209, 189);border-radius:20px;text-align: center;color: #8e1a1a;font-size: 16px;line-height: 34px;} .gallery-thumbs .swiper-slide span b{font-size:36px;display: block;padding-top:15px;} .gallery-thumbs .swiper-slide:after{content: "";background: url("../img40/hd-ico01.png")center center no-repeat;width: 42px;height: 26px;display: inline-block;top:20px;right:-2px;position: absolute} .gallery-thumbs .swiper-wrapper{margin-top: 20px;} .p2-left:before{ background-image: -moz-linear-gradient( 90deg, rgb(248,242,236) 0%, rgb(226,210,192) 14%, rgb(204,178,148) 47%, rgb(228,213,194) 89%, rgb(251,247,240) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(248,242,236) 0%, rgb(226,210,192) 14%, rgb(204,178,148) 47%, rgb(228,213,194) 89%, rgb(251,247,240) 100%); background-image: -ms-linear-gradient( 90deg, rgb(248,242,236) 0%, rgb(226,210,192) 14%, rgb(204,178,148) 47%, rgb(228,213,194) 89%, rgb(251,247,240) 100%);width: 8px;height: 100%;content: "";display: inline-block;position: absolute;right:7px;top:20px;} .gallery-thumbs .swiper-slide.swiper-slide-active span{background: #c94d2d;color: #fff;box-shadow: 3px 5px 0px 0px rgba(158, 126, 89, 0.75); } .p2-right .swiper-button-next,.p2-right .swiper-button-prev{background: url("../img40/hd-arrow-r.jpg")center center no-repeat;width: 34px;height: 34px;position: absolute;right: 30px;bottom:22px;top: auto;cursor: pointer} .p2-right .swiper-button-prev{right:75px;left: auto;background: url("../img40/hd-arrow-l.jpg")center center no-repeat;} .p2-more{float: right;margin-top:20px;} .p2-more h2{color: #e0bf91;font-size: 28px;text-transform: uppercase;font-weight: bold;} .p2-more span{color: #e0bf91;border-radius:30px;border:#e0bf91 2px solid;text-align: center;display: block;line-height:40px;width: 120px;height:40px;margin-top:10px;float: right;font-size: 16px;} .p2-more span:hover{background: #e0bf91;color: #fff;} .fanghua-list{background:rgba(255,255,255,0.6);height: 316px;border-radius:50px;box-shadow: 0px 8px 10px 0px rgba(230, 226, 217, 0.75);width:100%;} .fh_title{background: url("../img40/part02-ico3.jpg")center center no-repeat;float: right;text-align: center;width: 188px;height:100%;position: relative} .fh_title h2{color: #fff;font-size: 44px;font-weight: bold; text-shadow: 0px 6px 8px rgba(158, 122, 64, 0.75);text-align: center;width: 50%;margin:30px auto} .fh_title span{width: 100px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;bottom: 40px;left: 0;right: 0;margin: 0 auto;display: block; background-color: rgb(194, 149, 83);position: absolute;border-radius:20px;} .fh-list{width: calc(100% - 300px);float: left;margin-left:60px;margin-top:30px;position: relative;} .fh-list ul li{width: 50%;display:inline-block;} .fh-list ul li span{display: block;width: 100%;background:#cd9957;color: #fff;font-size:18px;font-weight:bold;height: 40px;line-height: 40px;text-indent:2em;} .fh-list ul li:nth-child(2) span{ background-image: -moz-linear-gradient( 0deg, rgb(204,151,86) 0%, rgb(224,198,106) 70%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(204,151,86) 0%, rgb(224,198,106) 70%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 0deg, rgb(204,151,86) 0%, rgb(224,198,106) 70%, rgb(255,255,255) 100%);} .fh-list:before{content: "";display: block;background: url("../img40/part02-ico2.png")center center no-repeat;width: 106px;height:73px;position: absolute;right:-52px;top:-16px;} .fh-list ul li div{padding:30px;min-height:150px;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .fh-list ul li div h2{color: #333;font-size: 20px;line-height:34px;font-weight:bold} .fh-list ul li div p{font-size: 16px;color: #555;line-height: 30px;margin-top: 5px;} .fh-list ul li:hover div{background:#bc8546 url("../img40/part02-ico.png")right bottom no-repeat;} .fh-list ul li:hover div h2{color: #fff;} .fh-list ul li:hover div p{color: #e9dfbf;} .p3-title h2 span{display: block;color: #e0bf91;font-size: 34px;text-transform:uppercase;font-weight: bold;padding-bottom: 5px;} .p3-title h2{font-size:36px;color: #a83d24;font-weight:bold;float: left;} .p3-title p{background: #ead6c3;width: 160px;height: 50px;line-height: 50px;text-align: center;font-size: 20px;color: #a83d24;float: right;border-radius:30px;margin-top: 35px;} .lv-shadow {margin-top:30px;height: 670px;} .lv-shadow .none-effect { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .lv-shadow .swiper-slide div.ishadow{background: url("../img40/p3_pic_bg.png")center center no-repeat;background-size: contain;height: 370px;width: 100%;margin-top:100px;position: relative} .lv-shadow .swiper-slide div.ishadow img{width: 97%;margin-left:1.5%;border-radius:20px;display:block;height:92.5%;padding-top:3%;} .lv-shadow .swiper-slide div.ishadow-z{display: none} .lv-shadow .swiper-slide-active div.ishadow-z{display: block;width:90%;margin:20px auto} .lv-shadow .swiper-slide-active div.ishadow-z h2{font-size:18px;color: #fff;} .lv-shadow .swiper-slide-active div.ishadow-z span{width:100px;height:30px;line-height:30px;text-align: center;color: #a83d24;font-size:14px;background: #fff;display: block;margin-top:30px;display:none} .lv-shadow .swiper-slide div.ishadow { -webkit-transition: transform 0.6s; -moz-transition: transform 0.6s; -ms-transition: transform 0.6s; -o-transition: transform 0.6s; -webkit-transform: scale(0.6); transform: scale(0.6); } .lv-shadow .swiper-slide-active div.ishadow,.lv-shadow .swiper-slide-duplicate-active div.ishadow { -webkit-transform: scale(0.9); transform: scale(0.9); } .lv-shadow .swiper-slide-active div.ishadow i,.lv-shadow .swiper-slide-duplicate-active div.ishadow i{display: block;position: absolute;background: url("../img40/light_01.png")center center no-repeat;right:-95px;top:-105px;width: 258px;height: 227px;} .lv-shadow .swiper-slide-active div.ishadow em,.lv-shadow .swiper-slide-duplicate-active div.ishadow em{display: block;position: absolute;background: url("../img40/light_02.png")center center no-repeat;left:-105px;bottom:-45px;width: 128px;height: 112px;} .lv-shadow .swiper-slide-active{ background-image: -moz-linear-gradient( 90deg, rgba(168,61,36,0.6) 0%, rgba(168,61,36,0.3) 62%, rgba(168,61,36,0) 100%); background-image: -webkit-linear-gradient( 90deg, rgba(168,61,36,0.6) 0%, rgba(168,61,36,0.3) 62%, rgba(168,61,36,0) 100%); background-image: -ms-linear-gradient( 90deg, rgba(168,61,36,0.6) 0%, rgba(168,61,36,0.3) 62%, rgba(168,61,36,0) 100%); -webkit-transform: scale(1.2); transform: scale(1.2);} .pc-banner{position: relative;} .pc-banner .swiper-button-prev3,.pc-banner .swiper-button-next3{ position: absolute; top: 50%; z-index: 99; width:64px; height: 64px; background-repeat: no-repeat; background-position: center center; background-size:64px; cursor: pointer; transform: translateY(-50%); opacity: 0; visibility: hidden; background-color: transparent; border-radius: 50%; outline: none; border: none; } .pc-banner .swiper-button-next3{ position: absolute; right: 20px; /* left: 20px; */ background-image: url("../img40/s3-arrow-r.png"); } .pc-banner .swiper-button-prev3{ /* right: 20px; */ left: 20px; background-image: url("../img40/s3-arrow-l.png"); } .pc-banner:hover .swiper-button-prev3{opacity:1;visibility:visible;} .pc-banner:hover .swiper-button-next3{opacity:1;visibility:visible;} .tea-video .swiper-slide div.v-wish{height:390px;width: 100%;position: relative;text-align: center} .tea-video .swiper-slide div.v-wish img{width:100%;height:100%;} .tea-video .none-effect { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .tea-video{position: relative;width:90%;margin:40px auto} .tea-video .swiper-slide div.v-wish { -webkit-transition: transform 0.6s; -moz-transition: transform 0.6s; -ms-transition: transform 0.6s; -o-transition: transform 0.6s; -webkit-transform: scale(0.85); transform: scale(0.85); } .tea-video .swiper-slide div.v-wish p{font-size: 20px;width: 100%;margin: 30px auto;text-align: center;color: #aa3f25;font-weight: bold;} .tea-video .swiper-slide-active div.v-wish,.tea-video .swiper-slide-duplicate-active div.v-wish { -webkit-transform: scale(1.0); transform: scale(1.0);z-index: 10; } .tea-wish .swiper-slide-active{ -webkit-transform: scale(1.0); transform: scale(1.0);} .tea-video .swiper-slide div.v-wish{ width: 110%;} .tea-video .swiper-slide-active div.v-wish:before{content: "";background: url("../img40/w-play-ico.png")center center no-repeat;width: 74px;height: 74px;left: 0;right: 0;top: 40%;position: absolute;display: block;margin: 0 auto} .tea-video .swiper-pagination{text-align: center;margin: 0 auto;left: 0;right: 0;width:45%;padding:0 30px;bottom:-60px;position: relative} .tea-video .swiper-pagination:before{content: ""; background-color: rgb(230, 211, 190);width:100%;margin:0 auto;display: block;height:15px;border-radius:10px;position: absolute;top:15px} .tea-video .swiper-pagination-bullet{background:none;font-size: 0;width:41px;height:41px;margin:0 2px;position: relative;z-index: 11;} .tea-video .swiper-pagination-bullet-active{background:url("../img40/tea-dots2.png")center center no-repeat;width:41px;height:41px;} .p4-title{margin-top:60px;width: 100%;height:auto;overflow: hidden;} .p4-title h2 span{display: block;color: #e0bf91;font-size: 34px;text-transform:uppercase;font-weight: bold;padding-bottom: 5px;} .p4-title h2{font-size:36px;color: #a83d24;font-weight:bold;margin:0 auto;text-align: center} .changlang{margin-top:50px;} .yscl{position: relative} .yscl .swiper-button-prev4,.yscl .swiper-button-next4{ position: absolute; top: 50%; z-index: 99; width:64px; height: 64px; background-repeat: no-repeat; background-position: center center; background-size:64px; cursor: pointer; transform: translateY(-50%); opacity: 0; visibility: hidden; background-color: transparent; border-radius: 50%; outline: none; border: none; } .yscl .swiper-button-next4{ position: absolute; right: 20px; /* left: 20px; */ background-image: url("../img40/s3-arrow-r.png"); } .yscl .swiper-button-prev4{ /* right: 20px; */ left: 20px; background-image: url("../img40/s3-arrow-l.png"); } .yscl:hover .swiper-button-prev4{opacity:1;visibility:visible;} .yscl:hover .swiper-button-next4{opacity:1;visibility:visible;} .changlang .ichang{text-align: center;position: relative;z-index: 4;} .changlang .ichang:before{content: "";background: #be7352;width: 100%;height:2px;position: absolute;left: 0;top:85%;z-index: 1;} .changlang .ichang span{margin-top:0px;font-size: 18px;color: #be7352;display: block;font-weight: bold;position: relative;z-index: 3;} .changlang .ichang i{display: block;background: #f6f6f0;border:#be7352 3px solid;border-radius:50%;width: 13px;height: 13px;margin:10px auto 0 auto;position: relative;z-index: 3;} .changlang .ichang h2{display: block;font-size: 15px;color: #be7352;height: 50px;margin:10px auto 0 auto;line-height:30px;width:80%;word-break:break-word;white-space:pre-line} .changlang .ichang em{display: none} .changlang .swiper-slide-active div.ichang img { -webkit-transform: scale(1); transform: scale(1); } .changlang .ichang img{-webkit-transition: transform 0.6s; -moz-transition: transform 0.6s; -ms-transition: transform 0.6s; -o-transition: transform 0.6s; -webkit-transform: scale(0.8); transform: scale(0.8);display: block;width: 100%;position: relative;z-index: 2;} .changlang .swiper-slide-active div.ichang{background:#b64625;padding:20px;border-radius:20px;min-height:470px; background-image:url("../img40/p4_big_bg-2.png"), -moz-linear-gradient( 90deg, rgb(168,61,36) 0%, rgb(230,103,41) 100%); background-image:url("../img40/p4_big_bg-2.png"), -webkit-linear-gradient( 90deg, rgb(168,61,36) 0%, rgb(230,103,41) 100%); background-image:url("../img40/p4_big_bg-2.png"), -ms-linear-gradient( 90deg, rgb(168,61,36) 0%, rgb(230,103,41) 100%); background-repeat: no-repeat;background-position: left bottom} .changlang .swiper-slide-active div.ichang i{display: none} .changlang .swiper-slide-active div.ichang:before{content: "";display: none} .changlang .swiper-slide-active div.ichang span{padding:10px;background: #b64625;float: left;margin-top: -40px;color: #fff;margin-left: -1px;} .changlang .swiper-slide-active div.ichang h2{color:#fff;width: 100%;margin-top:25px;font-size:18px;margin-bottom:30px;word-break:break-word;white-space:pre-line;text-align:left} .changlang .swiper-slide-active div.ichang em{width: 80px;height:30px;background: #d16130;border-radius:10px;text-align: center;color: #fff;font-size: 16px;line-height: 30px;display: block;float: right;font-style: normal;display:none} .p4-more{border-radius:30px;text-align: center;line-height:40px;width: 120px;height:40px;position: absolute;bottom:-50px;right: 0;background: #b64625;} .p4-more a{color: #fff;display: block;font-size: 16px;} .p5-title{margin-top:60px;width: 100%;height:auto;overflow: hidden;} .p5-title h2 span{display: block;color: #e0bf91;font-size: 34px;font-weight: bold;padding-bottom: 5px;} .p5-title h2{font-size:36px;color: #a83d24;font-weight:bold;margin:0 auto;text-align: center} .icard{margin:90px auto;width: 100%;} .icard li{display: inline-block;width:28%;position: relative;height:500px;margin-left:4%;background: #946d35;} .icard li img{position: absolute;left: 0;top: 0;width:100%;height:100%;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .icard li div{background: url("../img40/leader_title.png")center center no-repeat;width: 48px;height: 149px;position: absolute;left:-48px;top: 20px;text-align: center;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .icard li div span{width: 30px;color:#fff;font-size: 20px;display: block;vertical-align: middle;line-height: 26px;margin-top: 25px;margin-left: 4px;} .icard li:hover img{left: -20px;top:-20px;} .icard li:hover div{left: -68px;background: url("../img40/leader_title2.png")center center no-repeat;top:60%} .part06 .p3-title{margin-top: 40px;height: auto;overflow: hidden} .part06 .p6-left{background: url("../img40/foot-xie1-1.png")center center no-repeat;width: 60%;height:515px;position: relative;margin-top:39px;float: left;} .part06 .p6-left .p6-email{background: url("../img40/wish_mail.png")center center no-repeat;position: absolute;right:30px;top: -30px;width:518px;height: 56px;text-align: center;} .part06 .p6-left .p6-email a{color: #fff;display: block;font-size: 18px;margin-top: 16px;margin-left: 45px;} .part06 .p6-left .p6-email a:hover{text-decoration: underline} .part06 .p6-left .p6-wish-z{background:url("../img40/foot-xie2.png")bottom center no-repeat;width: 354px;position: absolute;bottom:12px;right: 30px;border-top-right-radius:20px;border-top-left-radius:20px;height:425px;} .part06 .p6-left .p6-wish-z img{width: 100%;border-radius:20px} .part06 .p6-left .wish-z{height: 100px;} .part06 .p6-left .wish-z h3{color: #e28978;font-size: 20px;width: 90%;margin:15px auto 10px auto;} .part06 .p6-left .wish-z h3:before{content:"";background: url("../img40/wish_ico.png")center center no-repeat;width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 10px;} .part06 .p6-left .wish-z h2{font-size: 18px;color: #fff;width: 90%;margin: 0 auto;line-height:30px} .part06 .p6-right{width:30%;float: right;margin-top:40px;margin-right:40px;} .part06 .p6-right ul li{width:45%;display: inline-block;background: #f6f4f0;border-radius:8px;text-align: center;padding:30px 0;margin-bottom:50px;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .part06 .p6-right ul li i{background: url("../img40/zf_ico01.png")center center no-repeat;margin: 0 auto;display: block;width: 110px;height: 122px;background-position:0 0;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .part06 .p6-right ul li p{width: 110px;background: #b25831;text-align: center;height: 30px;line-height:32px;color: #f1eee8;font-size:18px;margin:20px auto 0 auto;border-radius:5px;} .part06 .p6-right ul li:nth-child(2) i{background: url("../img40/zf_ico02.png")center center no-repeat;background-position:0 0;} .part06 .p6-right ul li:nth-child(3) i{background: url("../img40/zf_ico03.png")center center no-repeat;background-position:0 0;} .part06 .p6-right ul li:nth-child(4) i{background: url("../img40/zf_ico04.png")center center no-repeat;background-position:0 0;} .part06 .p6-right ul li:hover {background: #bc4c1d;transform: translateY(-20px);} .part06 .p6-right ul li:hover i{background-position:100% 100%} .part06 .p6-right ul li:hover p{background: #8b3a19;color:#d8cbb4} .part06 .p6-tags{width: calc(100% - 400px);float: left;height: 400px;margin-right:10px;margin-top: 20px;} #tagsList { position: relative; width: 100%; height: 100%; margin: 0 auto ; } #tagsList a { position: absolute; top: 0px; left: 0px; font-family: Microsoft YaHei; color: #fff; font-weight: bold; text-decoration: none; padding: 3px 6px; } #tagsList a:hover { color: #d6a449; letter-spacing: 2px; } .p6-bottom{width:43%;} .p6-address{margin-top: 40px;} .p6-address p{color:#e9d8c8;font-size:16px;border-bottom: #b94a31 2px solid;padding-bottom: 15px;margin-bottom:10px;} .p6-address p:nth-child(2){border-bottom: 0;} .p6-address p:before{content: "";display: inline-block;background: url("../img40/foot-ico2.png")center center no-repeat;width: 28px;height: 28px;vertical-align:middle;margin-right:10px;margin-bottom: 3px;} .p6-address p:nth-child(2):before{content: "";display: inline-block;background: url("../img40/foot-ico.png")center center no-repeat;} .p6-copyright{color: #d76650;font-size: 16px} .sub header{height:130px;} .sub .index{position: static} .nybanner{margin-top: -25px;width: 100%;} .typename{background: url("../img40/new-nybanner_02.jpg")center center no-repeat;width: 100%;height:222px;text-align: center;} .red .typename{background: url("../img40/red_ny_banner_02.jpg")center center no-repeat;width: 100%;height:222px;text-align: center;} .typename h2{color: #a93611;font-size: 44px;font-weight: bold;letter-spacing:5px;padding-top:35px;} .typename span{color:#e58d6b;font-size: 34px;text-transform: uppercase;font-weight: bold;margin-top:10px;letter-spacing:5px;display: block} .sub .main{background: #f5ede4 url("../img40/ny_d_bg.jpg")bottom center no-repeat;width:100%;height: auto;overflow: hidden;background-size: contain} .red .main{background: #a22c0f url("../img40/red_ny_d_bg.jpg")center center no-repeat;width:100%;height: auto;min-height:1000px; overflow: hidden;position: relative} .red .main:after{content: "";background: url("../img40/red_bottom_bg.png")bottom center no-repeat;position: absolute;bottom: 0;left: 0;width: 100%;height: 284px;} .sub_menu ul li{display: inline-block;text-align: center;line-height: 76px;height:150px} .sub_two ul li{width: 50%;} .sub_three ul li{width: 33.3%;} .sub_menu ul li a{background:url("../img40/sub_nav_bg.png")center center no-repeat;width: 266px;height: 76px;display: block;font-size:24px;font-weight:bold;color: #c15530;letter-spacing:5px;margin: 50px auto} .sub_menu ul li:hover{background: url("../img40/sub_nav_bg2.png")center center no-repeat;background-size: cover;} .red .sub_menu ul li:hover{background: url("../img40/red_sub_nav_bg2.png")center center no-repeat;background-size: cover;} .sub_menu ul li:hover a{background:url("../img40/sub_nav_bg01.png")center center no-repeat;} .sub_menu ul li.active{background: url("../img40/sub_nav_bg2.png")center center no-repeat;background-size: cover;} .red .sub_menu ul li.active{background: url("../img40/red_sub_nav_bg2.png")center center no-repeat;background-size: cover;} .sub_menu ul li.active a{background:url("../img40/sub_nav_bg01.png")center center no-repeat;} .typename2{text-align: center;font-size:34px;color: #a83d24;margin:50px auto 80px auto;width: 100%;height: auto;overflow: hidden;font-weight: bold;letter-spacing:5px} .red .typename2{color: #dfc196;margin-bottom:50px;} .list-dq ul li i{background: url("../img40/juanz_01.png")center center no-repeat;width: 100%;height: 30px;display: block;background-size:contain;margin: 0 auto;position: relative;z-index:2} .list-dq ul li {width: 22%;text-align: center;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;margin-bottom:40px;} .list-dq ul li img{width:90%;height:470px; margin-top:-10px;position: relative;z-index:1;} .list-dq ul li h2{width:90%;margin: 0 auto;display: table;background: #e4dace;text-align: left;height:110px;} .list-dq ul li h2 p{display: table-cell;padding:10px 15px;font-size:16px;color: #333;line-height:30px;height:60px;vertical-align: middle} .list-dq ul li:hover i{background: url("../img40/juanz_02.png")center center no-repeat;background-size:contain;} .list-dq ul li:hover{transform: translateY(-30px)} /* 如果最后一行是3个元素 */ .list-dq ul li:last-child:nth-child(4n - 1) { margin-right: calc(22% + 11% / 3); } /* 如果最后一行是2个元素 */ .list-dq ul li:last-child:nth-child(4n - 2) { margin-right: calc(22% + 90% / 3); } .list-fanghua ul li{width: 30%;position: relative;height: 180px;margin-bottom: 50px;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .list-fanghua ul li h2 { background-color: rgb(240, 229, 215); box-shadow: 2px 2px 8px 0px rgba(239, 218, 195); width: 100%; display: table;position: relative;z-index: 1;height:180px;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s; } .list-fanghua ul li h2 p{display: table-cell;padding:0 40px;vertical-align: middle;height:180px;overflow: hidden;font-size: 18px;color: #a83d24;line-height:34px;} .list-fanghua ul li i{background: url("../img40/huatong03.png")center center no-repeat;position: absolute;left:-40px;top:-20px;z-index: 2;width: 80px;height:98px;display: block;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .list-fanghua ul li:hover h2{background: #d55427 url("../img40/huatong04.png")right bottom no-repeat;;} .list-fanghua ul li:hover h2 p{color: #fff;padding: 0 50px} .list-fanghua ul li:hover i{background: url("../img40/huatong02.png")center center no-repeat;} .list-year{border-radius:10px;background: #cb5135;padding:0 50px;width:80%;margin:0 auto 30px auto} .list-year ul li{text-align: center;} .list-year ul li a{color: #fff;font-size:20px;display: block;width: 120px;height:60px;line-height: 60px} .list-year ul li:hover a{ background-image: -moz-linear-gradient( 0deg, rgb(203,81,53) 0%, rgb(227,110,25) 48%, rgb(203,81,53) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(203,81,53) 0%, rgb(227,110,25) 48%, rgb(203,81,53) 100%); background-image: -ms-linear-gradient( 0deg, rgb(203,81,53) 0%, rgb(227,110,25) 48%, rgb(203,81,53) 100%);color: #f4dc6c} .list-year ul li.active a{ background-image: -moz-linear-gradient( 0deg, rgb(203,81,53) 0%, rgb(227,110,25) 48%, rgb(203,81,53) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(203,81,53) 0%, rgb(227,110,25) 48%, rgb(203,81,53) 100%); background-image: -ms-linear-gradient( 0deg, rgb(203,81,53) 0%, rgb(227,110,25) 48%, rgb(203,81,53) 100%);color: #f4dc6c} .list-ying ul li{position: relative;margin: 30px auto;width: 31%;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;overflow: hidden} .list-ying ul li img{width: 100%;height:326px;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .list-ying ul li h2{background: #faf5ef url("../img40/ying-ico.png") no-repeat;background-position:100% 0; display: table;height:120px;vertical-align:middle;overflow: hidden;width: 100%;position: relative;z-index: 3;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .list-ying ul li p{display: table-cell;padding:0 20px;line-height: 30px;color: #333;font-size: 16px;vertical-align: middle;} .list-ying ul li i{opacity: 0} .list-ying ul li:hover{outline:#cb5135 5px solid;outline-offset:0px} .list-ying ul li:hover h2{background: #cb5135 url("../img40/ying-ico.png") no-repeat; ;background-position:100% 100%; } .list-ying ul li:hover i{ position: absolute;bottom:100px;left: 0;z-index: 2; background-image: -moz-linear-gradient( 90deg, rgb(203,81,53) 0%, rgba(203,81,53,0.5) 18%, rgba(203,81,53,0.49) 20%, rgba(203,81,53,0) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(203,81,53) 0%, rgba(203,81,53,0.5) 18%, rgba(203,81,53,0.49) 20%, rgba(203,81,53,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(203,81,53) 0%, rgba(203,81,53,0.5) 18%, rgba(203,81,53,0.49) 20%, rgba(203,81,53,0) 100%); width: 100%;height:calc(100% - 100px);opacity: 1;display: block;transform:scale(1.03); -webkit-transform:scale(1.03); -o-transform:scale(1.03); -ms-transform:scale(1.03); -moz-transform:scale(1.03); } .list-ying ul li:hover h2 p{color: #fff;} .list-ying ul li:hover img{transform:scale(1.03); -webkit-transform:scale(1.03); -o-transform:scale(1.03); -ms-transform:scale(1.03); -moz-transform:scale(1.03);} /* 如果最后一行是3个元素 */ .list-ying ul li:last-child:nth-child(3n - 1) { margin-right: calc(31% + 7% / 2); } /* 如果最后一行是2个元素 */ .list-ying ul li:last-child:nth-child(3n - 2) { margin-right: calc(31% + 74% / 2); } .mt-voice ul li{position: relative;width: 100%;height:210px;margin-top:50px;} .mt-voice ul li .mt-voice-bg{background:rgba(242, 227, 211,0.6); box-shadow: 6px 6px 0px 0px rgb(211, 91, 50);border-radius:10px;width:100%;height:140px;position: absolute;bottom:0;left:0;z-index:1;} .mt-voice ul li .mt-voice-l{width:255px;float: left;position: absolute;left:15px;top:0;z-index: 2;} .mt-voice ul li .mt-voice-l img{width: 100%;border-radius:10px;} .mt-voice ul li .mt-voice-l span{ background-image: -moz-linear-gradient( 90deg, rgb(224,96,11) 0%, rgb(231,146,36) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(224,96,11) 0%, rgb(231,146,36) 100%); background-image: -ms-linear-gradient( 90deg, rgb(224,96,11) 0%, rgb(231,146,36) 100%); position: absolute; width: 140px; height: 32px;text-align: center;color: #fff;line-height: 32px;left:-10px;top:20px;z-index:3;display: block;font-size: 16px;opacity:0.9 } .mt-voice ul li .mt-voice-z{width: calc(100% - 300px);float: right;margin-top:100px;position: relative;z-index: 5;} .mt-voice ul li .mt-voice-z h2{font-size:20px;color: #333;font-weight:bold;} .mt-voice ul li .mt-voice-z p{color: #bba298;font-size: 16px;margin-top:15px;} .mt-voice ul li:hover .mt-voice-bg{ background-image: -moz-linear-gradient( 90deg, rgb(193,74,46) 0%, rgb(235,149,56) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(193,74,46) 0%, rgb(235,149,56) 100%); background-image: -ms-linear-gradient( 90deg, rgb(193,74,46) 0%, rgb(235,149,56) 100%);box-shadow: 6px 6px 0px 0px rgb(235, 216, 196);} .mt-voice ul li:hover .mt-voice-z h2{color:#fff} .mt-voice ul li:hover .mt-voice-z p{color:#dea876} .mt-notice ul li{background:rgba(242, 227, 211,0.6); box-shadow: 6px 6px 0px 0px rgb(211, 91, 50);border-radius:10px;width:100%;height:145px;margin-top:40px;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .mt-notice ul li .notice-date{width: 100px;height: 120px; background-image: -moz-linear-gradient( 90deg, rgb(201,95,58) 0%, rgb(230,151,66) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(201,95,58) 0%, rgb(230,151,66) 100%); background-image: -ms-linear-gradient( 90deg, rgb(201,95,58) 0%, rgb(230,151,66) 100%); float: left;border-radius:10px;margin-top:10px;margin-left:20px;border:#fff 3px solid;text-align: center;color: #fff;font-size: 20px;line-height:50px} .mt-notice ul li .notice-date b{font-size: 40px;display: block;border-bottom: #de8f63 2px solid;padding-bottom:8px;width:80%;margin:10px auto 0px auto} .mt-notice ul li .notice-z{width:calc(100% - 150px);float: right;margin-top:30px;} .mt-notice ul li .notice-z h2{font-size: 18px;color: #333;font-weight: bold;} .mt-notice ul li .notice-z p{font-size: 16px;margin-top:15px;color: #bba298;} .mt-notice ul li:hover { background-image: -moz-linear-gradient( 90deg, rgb(193,74,46) 0%, rgb(235,149,56) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(193,74,46) 0%, rgb(235,149,56) 100%); background-image: -ms-linear-gradient( 90deg, rgb(193,74,46) 0%, rgb(235,149,56) 100%); box-shadow: 0px 4px 6px 0px rgba(235, 216, 196);} .mt-notice ul li:hover .notice-z h2{color: #fff} .mt-notice ul li:hover .notice-z p{color: #dea876} /* showpic */ .list-wish{margin-top: 20px;} .showpic{position:relative;float:left; margin-top:30px;width:320px;font-size:12px;background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);-ms-box-shadow:0 1px 3px rgba(0,0,0,.1);-o-box-shadow:0 1px 3px rgba(0,0,0,.1);height:auto;overflow: hidden} .showpic img{width:320px;} .hexin img{height:453px;object-fit:cover} .list-wish ul li.hexin .picbox-title{height:90px;} .showpic a { color:#666; } .showpic h4 { position:relative; z-index:2; padding:20px 0; text-align:left; text-indent:10px; font-size:14px; border-bottom:1px #eee solid; color:#990000; background:#fff; } .showpic h4 p { color:#8a8a8a; } .showpic h5 { position:relative; z-index:2; padding:20px 0; text-align:left; text-indent:10px; font-size:14px; border-bottom:1px #eee solid; color:#990000; background:#fff; } .showpic h5 p { color:#8a8a8a; } .showpic:hover h4, .showpic:hover h4 p { background:#eb595c; color:#fff; } .img:hover h4, .img:hover h4 p { background:#fff; color:#eb595c; } .showpic ul { clear:both; padding-top:10px; *margin-bottom:10px; } .showpic li { float:left; margin-left:10px; margin-bottom:5px; padding:2px 5px; _height:18px; border:1px #eb595c solid; border-radius:5px; color:#eb595c; white-space:nowrap; } /* 如果最后一行是3个元素 */ .list-wish ul li.hexin:last-child:nth-child(4n - 1) { margin-right: calc(23% + 8% / 3); } /* 如果最后一行是2个元素 */ .list-wish ul li.hexin:last-child:nth-child(4n - 2) { margin-right: calc(46% + 16% / 3); } .picbox { position:relative; min-height:180px; max-height:800px; overflow:hidden; } .picbox p { display:none; position:absolute; top:0; left:0; padding:20px; width:250px; height:100%; line-height:20px; color:#666; background:url(../images/white.png); } .picbox p span { display:inline-block; margin-top:20px; width:248px; height:34px; line-height:34px; text-indent:80px; border:1px #eb595c solid; background:#fdefef url(../images/more.png) no-repeat 130px top; } .picbox p span:hover { background:#eb595c url(../images/more.png) no-repeat 130px bottom; color:#fff; } .list-wish ul li .picbox-title{ background-image:url("../img40/wish_box_bg0.png"), -moz-linear-gradient( 90deg, rgb(237,168,34) 0%, rgb(245,166,62) 100%); background-image:url("../img40/wish_box_bg0.png"), -webkit-linear-gradient( 90deg, rgb(237,168,34) 0%, rgb(245,166,62) 100%); background-image:url("../img40/wish_box_bg0.png"), -ms-linear-gradient( 90deg, rgb(237,168,34) 0%, rgb(245,166,62) 100%);height:auto;overflow: hidden;padding:20px;width: calc(100% - 40px);background-position: right bottom;background-repeat: no-repeat;} .list-wish ul li:hover .picbox-title{ background-image:url("../img40/wish_box_bg.png"), -moz-linear-gradient( 90deg, rgb(211,91,50) 0%, rgb(225,147,45) 100%); background-image:url("../img40/wish_box_bg.png"), -webkit-linear-gradient( 90deg, rgb(211,91,50) 0%, rgb(225,147,45) 100%); background-image:url("../img40/wish_box_bg.png"), -ms-linear-gradient( 90deg, rgb(211,91,50) 0%, rgb(225,147,45) 100%);background-position: right bottom;background-repeat: no-repeat;} .list-wish ul li .picbox-title span{font-size: 16px;display: block;font-weight: bold;color: #fff;line-height:30px} .list-wish ul li .picbox-title h2{font-size: 18px;color: #fff;margin-top: 10px;line-height: 34px} .list-wish ul li .picbox-title h3{font-size: 16px;color: #ffe49b;margin:5px auto;line-height: 30px;} .list-wish ul li .picbox-title.hide{display: none} .list-wish ul li .picbox.hide{display: none} .list-wish ul li .picbox-info{ background-image:url("../img40/wish-map.png"), -moz-linear-gradient( 90deg, rgb(203,53,41) 0%, rgb(233,127,23) 100%); background-image:url("../img40/wish-map.png"), -webkit-linear-gradient( 90deg, rgb(203,53,41) 0%, rgb(233,127,23) 100%); background-image:url("../img40/wish-map.png"), -ms-linear-gradient( 90deg, rgb(203,53,41) 0%, rgb(233,127,23) 100%);width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 5;background-position: right bottom;background-repeat: no-repeat;opacity: 0;} .list-wish ul li .picbox-info .picbox-info-z{border-radius:10px;background: rgba(233,145,21,0.6);width:86%;margin:7% auto;height:86%;position: relative;} .list-wish ul li .picbox-info .picbox-info-z:before{content: "";background: url("../img40/wish-plane.png")center center no-repeat;position: absolute;left:-10px;top: -10px;width:40px;height:35px;} .list-wish ul li .picbox-info .picbox-info-z h3{font-size: 16px;width: 86%;margin:0px auto;color: #fff;font-weight: bold;padding-top:25px;} .list-wish ul li .picbox-info .picbox-info-z h2{font-size: 18px;width: 86%;color: #ffe49b;margin:15px auto;line-height: 30px;} .list-wish ul li .picbox-info .picbox-info-z p{font-size: 16px;width: 86%;color: #fff;margin: 0 auto;line-height: 30px;} .list-wish ul li .picbox-info.show{opacity: 1} .teacher{margin: 30px auto;width: 100%;} .teacher div.slick-slide{position: relative;height: 420px;} .tea-l{background: url("../img40/tea_wish.png")center center no-repeat;width:366px;height:420px;position: relative;} .tea-r{width: 355px;height: 285px;background:#f0ddc8 url("../img40/tea_list_bg.jpg")right bottom no-repeat;position: absolute;right:17px;top:85px;} .tea-l-tu{position: absolute;left:137px;top: 90px;text-align: left} .tea-l-tu h2{font-size:20px;font-weight:bold;color:#aa3f25;line-height: 34px;width:45%;margin:0 auto;word-break: break-word;text-align: center;margin-left:30px;margin-top:15px;} .tea-r-z{padding: 30px;} .tea-r-z span{display: block;color: #aa4025;font-size: 22px;font-weight: bold;} .tea-r-z p{line-height:40px;color: #8e4022;font-size:20px;margin-top: 15px;font-weight:bold;} .slick-dots:before{content: ""; background-color: rgb(230, 211, 190);width:100%;margin:0 auto;display: block;height:15px;border-radius:10px;position: absolute;top:15px} .slick-dots{width:40%;left: 0;right: 0;bottom:-80px; padding: 0 30px;text-align: left;margin:0 auto;} .slick-dots li button{font-size: 0;} .slick-dots li{margin:0 30px;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .slick-dots li.slick-active{background:url("../img40/tea-dots.png")center center no-repeat;width:41px;height:41px;margin:0 30px;} #certify {position: relative;width: 100%;margin: 0 auto;} #certify .swiper-slide {width:685px;height: 384px;} #certify .swiper-slide img{display:block;} #certify .swiper-pagination {display: none;} #certify .swiper-button-prev {left: 0;width: 23px;height: 42px;background: url(../images/part2-02.png) no-repeat center;top: 50%;} #certify .swiper-button-next {right: 0;width: 23px;height: 42px;background: url(../images/part2-03.png) no-repeat center;} #certify .swiper-slide a{display: block;position: relative;width: 100%;height: 100%;} #certify .swiper-slide .pic{overflow: hidden;} #certify .swiper-slide .pic img{display: block;transition: 0.6s all;} #certify .swiper-slide .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/part2-04.png) repeat-x bottom;} #certify .swiper-slide .text p{transition: 0.6s all;position: absolute;bottom: 1.25rem;left: 0;width: calc(100% - 30px);padding: 0 15px;font-size: 1.125rem;text-align: center;color: #fff;} #certify .swiper-slide .icon{position: absolute;top: 50%;left: 50%;width: 74px;height: 74px;top: 50%;margin-top: -37px;left: 50%;margin-left: -37px;} #certify .swiper-slide:hover .pic img{transform: scale(1.1);transition: 0.6s all;} #certify .swiper-slide:hover .text p{color: #23b6e1;transition: 0.6s all;} .list-l{width: 220px;float: left; border-radius: 8px;height: auto;min-height:500px;padding:15px 0; background-image: -moz-linear-gradient( 90deg, rgb(215,89,33) 0%, rgb(240,191,106) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(215,89,33) 0%, rgb(240,191,106) 100%); background-image: -ms-linear-gradient( 90deg, rgb(215,89,33) 0%, rgb(240,191,106) 100%);} .list-r{width: calc(100% - 340px);padding:30px 40px;float: right; background-image: -moz-linear-gradient( 90deg, rgb(245,237,228) 0%, rgb(242,227,203) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(245,237,228) 0%, rgb(242,227,203) 100%); background-image: -ms-linear-gradient( 90deg, rgb(245,237,228) 0%, rgb(242,227,203) 100%);height: auto;overflow: hidden;min-height:800px;border-radius:8px;} .list-l ul li a{font-size: 20px;color: #fff;font-weight: bold;display: block;padding:25px 0;position: relative;z-index: 2;} .list-l ul li{width: 100%;text-align: center;position: relative;vertical-align: middle;} .list-l ul li:before{content:"";transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;position: absolute;left:-6px;top:5px;z-index: 1;background:url("../img40/list-left-bg.png")center center no-repeat;width:232px;height: 72px;background-size: contain;opacity: 0} .list-l ul li:hover:before{content: "";opacity:1} .list-l ul li:hover a{color:#bd4713} .list-l ul li.active:before{content: "";position: absolute;left:-6px;top:5px;z-index: 1;background:url("../img40/list-left-bg.png")center center no-repeat;width:232px;height: 72px;background-size: contain;opacity: 1} .list-l ul li.active a{color:#bd4713} .mbx{width: 100%;float: right;height:50px;text-align: right;overflow: hidden;color: #333;font-size: 16px;} .mbx:before{content:"";display: inline-block;vertical-align: middle;background: url("../img40/mbx-ico.png")center center no-repeat;width: 17px;height:22px;margin-right:5px;} .mbx a{color: #333;font-size: 16px;margin: 0 ;display: inline-block} .mbx a:after{content: "-";font-size: 16px;color: #333;display: inline-block;margin:0 5px;} .mbx a:last-child:after{content: "";display:none} .mbx a:hover{color:#c19663} .article{margin:70px auto;width:100%;height: auto;overflow: hidden;} .article-title{width: 100%;text-align: center;} .article-title h1{font-size: 24px;color: #000;line-height: 40px;} .article-title p{font-size: 16px;color: #555;margin-top: 10px;} .fck{margin:40px auto;} .fck div,.fck p{font-size: 16px !important;color: #555;line-height: 32px !important;} .card-big{width:76%;margin: 0 auto;background: #b53512;height: auto;overflow: hidden} .card-big video{width: 100%;height:600px;object-fit: contain;} .yx-video-z{padding:25px 20px;height: auto;overflow: hidden} .yx-video-z span{ background-image: -moz-linear-gradient( 90deg, rgb(188,56,19) 0%, rgb(236,89,44) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(188,56,19) 0%, rgb(236,89,44) 100%); background-image: -ms-linear-gradient( 90deg, rgb(188,56,19) 0%, rgb(236,89,44) 100%); border-radius:8px;text-align: center;display: block;width:75px;padding:0 5px; height:90px;color: #f5efe4;line-height:45px;font-size:16px;float: left;} .yx-video-z span b{display: block;font-size:30px;font-weight: bold;border-bottom: #d9532b 2px solid;} .yx-video-z h2{float: right;width: calc(100% - 110px);font-size:18px;color: #fff;line-height:32px;margin-top:10px;} .card-small{margin-top: 50px;} .card-small .swiper-slide{width: 22%;padding: 0 1.5%;} .card-small .swiper-slide .yx-video-s{height:173px;position: relative;width: 100%;} .card-small .swiper-slide .yx-video-s img{width: 100%;position: absolute;left:0;top: 0;z-index:1;height:100%} .card-small .swiper-slide .yx-video-s i{outline-offset:-3px;outline:#df451c 3px solid; background-color: rgba(101, 26, 5, 0.8);position: absolute;left:0;top: 0;z-index: 2;width:100%;height:100%;display: block;opacity: 0;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .card-small .swiper-slide .yx-video-s:before{content: "";background: url("../img40/video-ico.png")no-repeat;width: 44px;height: 34px;background-position: 0 0;position: absolute;left: 0;right: 0;margin: 0 auto;z-index: 3;top: 40%;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .card-small .swiper-slide:hover .yx-video-s:before{content: "";background-position:100% 100%} .card-small .swiper-slide:hover .yx-video-s i{opacity: 1} .card-small .active-nav .yx-video-s:before{content: "";background-position:100% 100%} .card-small .active-nav .yx-video-s i{opacity: 1} .yx-video-small .arrow-left{background: url("../img40/video-arrow-l.png")center center no-repeat;width:47px;height: 47px;display: block;position: absolute;left: -50px;top:40%;z-index: 9;} .yx-video-small .arrow-right{background: url("../img40/video-arrow-r.png")center center no-repeat;width:47px;height: 47px;display: block;position: absolute;right: -50px;top: 40%;z-index: 9;} .yx-video-small{position: relative} footer{background:#a83d24 url("../img40/sub-foot-bg.jpg")center center no-repeat;width: 100%;height: auto;overflow: hidden;min-height:200px;padding:60px 0 40px 0} .foot-l{width:43%;float: left;} .p6-address{margin-top: 40px;} .p6-address p{color:#e9d8c8;font-size:16px;border-bottom: #b94a31 2px solid;padding-bottom: 15px;margin-bottom:10px;} .p6-address p:nth-child(2){border-bottom: 0;} .p6-address p:before{content: "";display: inline-block;background: url("../img40/foot-ico2.png")center center no-repeat;width: 28px;height: 28px;vertical-align:middle;margin-right:10px;margin-bottom: 3px;} .p6-address p:nth-child(2):before{content: "";display: inline-block;background: url("../img40/foot-ico.png")center center no-repeat;} .p6-copyright{color: #d76650;font-size: 16px;} .foot-r{float: right;margin-top: 20px;} .card_video{width: 1200px;height:675px;margin:50px auto;} .card_video video{width:100%;height:100%;} .list-list ul li{width: 100%;border-bottom: #ddd 1px solid;margin-bottom:15px;padding-bottom:15px;height: auto;overflow: hidden} .list-list ul li h2{color: #333;font-size: 16px;float: left;width: 83%;display: inline-block;line-height: 30px;} .list-list ul li h2:before{content: "";background: #c6c6c6;border-radius: 50%;display: inline-block;margin-right: 10px;margin-bottom:3px;width: 6px;height: 6px;} .list-list ul li p{width: 17%;text-align: right;float: right;color: #555;font-size: 15px;vertical-align: middle;margin-top:8px;} .list-list ul li:hover {border-bottom: #b64625 2px solid;} .list-list ul li:hover h2{color: #b64625;} .list-list ul li:hover p{font-weight: bold;color: #b64625;} .list-list ul li:hover h2:before{content: ""; background:#b64625;} .list-list ul li:last-child{border-bottom: 0;margin-bottom: 0;} .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 #b64625 solid; color: #111 } .p_no_d{ display:inline-block; margin:0 5px; padding:6px 12px; border:1px #b64625 solid;background:#b64625; color:#fff; } .page span{display:inline-block;} .p_fun_d { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #b64625 solid; color: #111 } .p_fun_d a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #b64625 solid; color: #111 } .p_fun_d:hover{ background:#b64625; color:#fff; } .p_fun_d a:hover,.p_fun_d.thisclass a { background:#b64625; color:#fff; } .wap{ display: none; } .w-top { max-width: 1920px; margin: 0 auto; position: fixed; right: 10px; top: 18px; width: 25px; height: 25px; z-index: 9999; } .wap-menu { position: absolute; top: 0; right: 0; z-index: 99999; font-size: 0; } .wap-menu img { height: 25px; } .close-menu { display: none; position: absolute; right: 0; top: 0; } .part02 .p2top .p3-title{display: none} .fanghua .p3-title{display: none} .tea-r-z h2{display: none;} .tea-r-z img{display: none;} .teacher .slick-slide{background:url("../img40/yq24_jszf_bg.png")center center no-repeat;width: 328px;height: 295px;position: relative} .teacher .slick-slide .tea24_l{width: 90%;margin:0 auto;position: absolute;left:54px;top:78px;} .teacher .slick-slide .tea24_l .tea24_l_z{background: #f0ddc8 url("../img40/yq24_sy.png")right bottom no-repeat;width:82.5%;min-height:120px;height: auto;overflow: hidden} .teacher .slick-slide .tea24_l .tea24_l_z h2{font-size: 18px;color: #aa3f25;width: 85%;margin: 0 auto;line-height: 30px;margin-top:15px;font-weight: bold;} .hexin_tips{text-align: right; margin-top: 50px;color: #a83d24;font-size: 16px;} @media screen and (max-width:1680px){ .lv-shadow .swiper-slide-active div.ishadow{background:none;} .lv-shadow .swiper-slide div.ishadow{background:none;} .lv-shadow .swiper-slide div.ishadow {height:330px;} .lv-shadow .swiper-slide div.ishadow img{height:100%;} .nybanner img{width: 100%;} } @media screen and (max-width:1680px){ .lv-shadow .swiper-slide div.ishadow {height:290px;} } @media screen and (max-width:1520px){ .lv-shadow .swiper-slide div.ishadow {height:277px;} } @media screen and (max-width:1480px){ .lv-shadow .swiper-slide div.ishadow {height:270px;} .list-fanghua{width:94%;margin:0 auto} .banner img{object-fit:fill} } @media screen and (max-width:1440px){ .lv-shadow .swiper-slide div.ishadow {height:262px;} .wrapper{width:96%;} .wrapper2{width:96%} } @media screen and (max-width:1368px){ .sub_menu ul li a{width:224px;background-size:contain} .sub_menu ul li.active a{background-size:contain} .tea-l{display: none;} .tea-r-z{padding:20px;} .tea-r-z h2{display: block;font-size:20px;color:#8e4022;font-weight: bold;text-align: left;margin-top: 10px;} .tea-r-z p{font-size: 16px;line-height:30px;font-weight: normal;text-align: left} .tea-r-z img{display: block;margin: 0 auto} .tea-r-z span{display: none;} .tea-r{width:90%;} } @media screen and (max-width:1280px){ .part06{height:920px;} .lv-shadow .swiper-slide div.ishadow {height:233px;} } @media screen and (max-width: 1024px){ .pc{ display: none; } .wap{ display: block; } .wap-header{ position: fixed; top: 0; left: 0; right: 0; background: #a83d24; padding: 10px; z-index: 999; } .wap-banner{ margin-top: 60px; } .wap-banner a{ display: block; overflow: hidden; } .wap-banner img{ display: block; width: 100%; } .wap-banner video{ display: block; width: 100%;object-fit:fill } .index{ position: static; } .m-logo { font-size: 0; } .m-logo a { font-size: 0; line-height: 40px; } .m-logo img { max-height: 40px; max-width: 80%; vertical-align: middle; } .m-tlink { padding: 10px 15px 0 15px; } .m-tlink { padding: 10px 15px 0 15px; } .m-tlink a { font-size: 14px; margin: 5px 0; display: inline-block; background: #fff; color: #004980; line-height: 30px; padding: 0 15px; border-radius: 5px; } .m-search { margin: 0 15px; padding-right: 50px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; position: relative; line-height: 35px; /* background: #fff; */ margin-top: 15px; border: 1px solid #fff; } .m-search input[type="text"] { display: block; width: 100%; line-height: 25px; background: none; color: #fff; border:0; } .m-search input[type="text"]::placeholder { color: #fff; } .m-search input[type="submit"] { position: absolute; right: 10px; top: 4px; height:26px;width: 24px; background: url("../img40/wap-search.png")center center no-repeat;border:0 } .m-nav { position: fixed; top: 60px; right: -100%; bottom: 0; z-index: 999; background: #a83d24; overflow-y: scroll; width: 100%; max-width: 375px; } .m-nav ul { padding: 0 15px; /* border-top: 1px solid rgba(255, 255, 255, 0.2); */ } .m-nav ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); position: relative; } .m-nav ul li>span.on { transform: rotateZ(90deg); } .m-nav ul li ul { display: none; } .m-nav ul li ul li { border: none; } .m-nav>ul>li a { display: block; font-size: 14px; line-height: 20px; padding: 15px 0; position: relative; color: #fff; } .m-nav>ul>li ul li a { padding: 10px 0; } .m-nav>ul>li>span { position: absolute; width: 20px; height: 20px; background: url('../img40/nav-icon.png') no-repeat center center; background-size: 10px 12px; right: 0; top: 15px; cursor: pointer; display: block; color: #fff; transition: all 0.3s; } header{display: none} .foot{ position: relative; background-size: cover; z-index: 100; } .part02{height: auto;background: #f3e9df;} .part02 .p2top{margin-top: 30px;} .part02-l{float: none;margin: 0 auto} .part02-r{float: none;display: none;margin: 0 auto} .p2-more{display: none} .part02 .blank100{height:30px;line-height:30px} .part06 .p6-left{float: none;margin:40px auto;background: #a93c25;width: 100%;} .part06 .p6-left .p6-wish-z{background: #9f2c15;} .part06 .p6-right{width: 100%;float: none;margin: 0 auto} .part06{height: auto;background: #f3e9df;} .part06 .wrapper{width: 100%;} .p6-bottom{background: #a93c25;width: 100%;padding:30px} .part06 .p3-title{padding:0 30px} .part03{padding-top: 30px;background:#f3eadf url("../img40/part_bg_03.jpg")bottom center no-repeat;height: auto;} .part03 .p3-title{padding-bottom:30px;} .fh_title{display: none} .fh-list:before{content: "";display: none} .fh-list{width: 100%;margin:30px auto} .fanghua-list{border-radius:0;height: auto;overflow: hidden} .card_video{width: 100%;} .changlang .ichang:before{content: "";top:81%} .part02 .p2top .p3-title{display:block;height: auto;overflow: hidden} .p2-title{display: none} .fanghua .p3-title{display:block;height: auto;overflow: hidden;margin-bottom:15px;} .part05 .card_video{margin:30px auto;height:550px;} .part05{height: auto} .nybanner{display: none;} .typename{padding-top: 80px;padding-bottom: 30px;background:#f5ede4;height:auto;} .typename h2{padding-top: 0;font-size: 36px;} .typename span{font-size: 18px;} .red .typename{background: #a32b10;height: auto;} .red .typename h2{color: #fff;} .sub_menu ul li{height: auto;width:20%;line-height: 60px;background: #cb5135;} .sub_menu ul li a{height: 60px;font-size: 20px;color: #fff;margin:0 auto;width: 100%;background:none;} .sub_menu ul li:first-child{border-top-left-radius:30px;border-bottom-left-radius:30px} .sub_menu ul li:last-child{border-top-right-radius:30px;border-bottom-right-radius:30px} .sub_menu ul li:hover{background:#efd9c0;} .sub_menu ul li:hover a{color:#a93611;background:none;} .sub_menu ul li.active{background:#efd9c0;} .sub_menu ul li.active a{color:#a93611;background:none;} .sub_two ul li{width: 50%;} .sub_three ul li{width: 33.3%;} .list-year{margin:30px auto} .typename2{display:none;} .list-ying ul li img{height:229px;} .list-dq ul li{width: 50%;margin-top: 30px;} .list-dq ul li img{height:90%} .list-fanghua ul li{margin: 30px auto;width:31%;} .list-fanghua ul li i{display: none} .list-fanghua ul li h2{display: block} .list-fanghua ul li h2 p{display: block;padding:20px;font-size: 16px;line-height:30px;} .list-fanghua ul li:hover h2 p{padding:20px} .card_video{height: auto} .red .main{min-height: 600px;} .red .sub_menu ul li.active{background: #e56c53;} .red .sub_menu ul li:hover{background: #e56c53;} .red .sub_menu ul li.active a{color: #fff;} .red .sub_menu ul li:hover a{color: #fff;} .list-r{float: none;width:calc(100% - 40px);padding:30px 20px} .mbx{float: left;text-align: left} .list-l{float: none;margin:0 auto 30px auto} .teacher .slick-slide .tea24_l{left:43px;} .teacher .slick-slide .tea24_l .tea24_l_z{width: 87.5%;} /* 如果最后一行是3个元素 */ .list-wish ul li.hexin:last-child:nth-child(4n - 1) { margin-right: 0; } /* 如果最后一行是2个元素 */ .list-wish ul li.hexin:last-child:nth-child(4n - 2) { margin-right:0; } } @media screen and (max-width: 800px){ .lv-shadow .swiper-slide div.ishadow img{width: 88%;margin: 0 auto;height: 88%} .lv-shadow .swiper-slide-active div.ishadow-z{width:75%;margin:0 auto} .lv-shadow .swiper-slide div.ishadow{height: 445px} .part05 .card_video{height:415px;} .p6-tags{display: none} .part06 .p6-left .p6-wish-z{right: 0;bottom:40px;left: 0;margin:0 auto} .list-year ul.iflex{justify-content:stretch} .list-year ul li{width: 25%;} .list-ying ul li img{height:172px;} .mt-notice ul li .notice-date{width: 80px;height:100px;line-height:40px;font-size:16px;} .mt-notice ul li .notice-date b{font-size: 30px;} .mt-notice ul li .notice-z{width:calc(100% - 120px);} .mt-notice ul li .notice-z p{line-height:26px} .mt-voice ul li .mt-voice-bg{display: none} .mt-voice ul li{background: rgba(242, 227, 211, 0.6); box-shadow: 6px 6px 0px 0px rgb(211, 91, 50);height: auto;overflow: hidden} .mt-voice ul li .mt-voice-l{float: none;position: relative;margin: 0 auto;left: 0;right: 0;height:191px;margin-top: 20px;} .mt-voice ul li .mt-voice-z{float: none;width: 92%;margin:20px auto} .mt-voice ul li .mt-voice-z h2{line-height: 30px} .mt-voice ul li .mt-voice-z p{line-height: 26px} .list-dq ul{display: block} .list-dq ul li{display: inline-block;width: 48%;} .list-fanghua ul{display: block} .list-fanghua ul li{width: 48%;float: left;} .list-fanghua ul li:nth-child(even){float: right;} .tea-video .swiper-slide div.v-wish{height:205px} .teacher .slick-slide .tea24_l{left: 62px;} .teacher .slick-slide .tea24_l .tea24_l_z{width:78.5%;} } @media screen and (max-width:480px){ .p3-title h2{font-size: 30px;} .p3-title h2 span{font-size: 18px;} .p4-title h2{font-size: 30px;} .p4-title h2 span{font-size: 18px;} .p4-title {margin-top:20px;} .p5-title h2{font-size: 30px;} .p5-title h2 span{font-size: 18px;} .p5-title {margin-top:20px;} .p3-title p{display: none} .part02-l{width: 100%;} .part02-l div.yqhd-news img{height:310px} .hd40 .pagination2{bottom:150px !important} .part02-l div.hd-news-z{padding:15px;} .part02-l div.hd-news-z h2{line-height: 26px} .fh-list ul li{width: 100%;display: block;} .fh-list ul li div{padding:20px;min-height:100px;} .fh-list{margin:0 auto} .lv-shadow .swiper-slide div.ishadow{height:307px;margin-top:50px;} .lv-shadow{height:460px} .part03{background-size: 100% 100%} .changlang{margin-top: 30px;} .part04{height:710px;} .part05 .card_video{height:232px} .part06 .p3-title{margin:20px auto 50px auto;height: auto;overflow: hidden} .part06 .p3-title h2{float: none;text-align: center} .part06 .p6-left .p6-email{width: 100%;right: 0} .p6-bottom{width: calc(100% - 60px)} .lv-shadow .swiper-slide-active div.ishadow-z h2{line-height:32px} .part03 .p3-title h2{float:none;padding-bottom:50px;} .list-ying ul li{width: 100%;margin:10px auto !important} .list-ying ul li img{height:338px;} .sub_menu ul li{width: 50%;border-radius:0 !important} .list-year{width:calc(100% - 40px);padding: 0 20px;} .list-year ul li{width: 33%;} .typename h2{font-size: 30px;} .foot-r{display: none;} footer{background: #a83d24;} .foot-l{width: 98%;float: none;} .p6-address{line-height:32px;} .p6-copyright{line-height:32px;} .mt-notice ul li .notice-date{display: none;} .mt-notice ul li .notice-z{width: 90%;margin: 15px auto;float: none;} .mt-notice ul li .notice-z h2{line-height:26px} .mt-notice ul li{height: auto;padding: 10px 0} .list-dq ul {font-size: 0;} .list-dq ul li{display: inline-block;width: 46%;margin:10px 2%} .list-dq ul li h2 p{height:110px} .list-dq ul li:last-child:nth-child(4n - 2){margin-right:0} .list-fanghua ul li{float: none;width: 100%;overflow: hidden;margin:10px auto} .showpic{right: 0;margin:10px auto} .slick-dots{width: 100%;padding: 0;} .tea-video .swiper-pagination{width: 100%;padding: 0;} .teacher div.slick-slide{height:290px} .tea-r{position: static;margin: 0 auto} .tea-video .swiper-slide div.v-wish{height:209px;width:100%;} .tea-video .swiper-slide-active div.v-wish:before{content:"";width:55px;height:55px;background-size: contain} .tea-r-z h2{font-size: 18px;} .tea-r-z p{font-size:14px;line-height:26px} .list-list ul li h2{width: 80%;} .list-list ul li h2:before{content: "";margin-right: 5px;} .list-list ul li p{font-size: 14px;width: 20%;} .fck img{width: 100% !important;height: 100% !important} .fck video{width: 100% !important;height: 100% !important} .teacher .slick-slide .tea24_l{left:85px;top:11px;;} .teacher .slick-slide .tea24_l .tea24_l_z{width: 70%;} /* 如果最后一行是2个元素 */ .list-wish ul li.hexin:last-child:nth-child(4n - 2) { margin:0 auto; } .hexin_tips{text-align:center} } @media screen and (max-width:375px){ .part06 .p6-left .p6-email a{margin-left: 10px;font-size: 16px;} .part05 .card_video{height:203px} .lv-shadow .swiper-slide-active div.ishadow-z h2{font-size: 16px;} .part02-l div.yqhd-news img{height: 270px;} .lv-shadow .swiper-slide div.ishadow{height: 270px;} .list-ying ul li img{height:270px;} .list-year ul li a{font-size: 16px;} .teacher .slick-slide .tea24_l{left: 59px;} .teacher .slick-slide .tea24_l .tea24_l_z{width:80%;} }