.title{height: 0.4rem;line-height: 0.4rem;margin-bottom: 0.3rem;} .title h3{font-size: 0.26rem;color: #009182;} .title a{display: block;width: 1.12rem;height: 0.35rem;line-height: 0.33rem;border:1px solid #c1c1c1;text-align: center;color: #666;box-sizing: border-box;transition: 0.4s all;border-radius:0.18rem 0 0.18rem 0;} .title a:hover{background: #009182;color: #ffffff;border:1px solid #009182;} .banner{width:100%;} .banner .swiper-slide a{display: block;width: 100%;} .banner .swiper-slide>img{width: 100%;height: auto;transition: 5s all;} .banner .swiper-slide a img{width: 100%;height: auto;transition: 5s all;} .banner .swiper-slide .txt{position: absolute;left: 5%;top:40%;} .banner .swiper-slide .txt img{max-width:804px;} .banner .swiper-slide-active a img{transform: scale(1.1,1.1);} .banner .swiper-slide-active>img{transform: scale(1.1,1.1);} .banner .swiper-pagination{bottom:0.2rem;left:50%;transform: translate(-50%,0);text-align: right;} .banner .swiper-pagination .swiper-pagination-bullet{background: none;width: 0.53rem;height: 0.39rem;text-align: center;line-height: 0.39rem;color: #ffffff;font-size: 0.24rem;border-radius: 0;font-family: myfont;} .banner .swiper-pagination .swiper-pagination-bullet-active{background: #009182;} /*part01*/ .part01{width: 100%;padding:0.4rem 0;background: #ecfaec;} .newsbox{margin-bottom: 0.3rem;width: 100%;position: relative;padding-top: 0.3rem;} .newsbox::after{content: "";width: 84%;height: 100%;background: #ffffff;position: absolute;left:0;top:0;border-radius: 0 0 0 0.3rem;} .news-txt{width: 36.5%;padding:0.5rem 0.3rem 0 !important;box-sizing: border-box;} .news-txt h3{height: 0.6rem;overflow: hidden;margin-bottom: 0.4rem;} .news-txt h3 a{font-size: 0.18rem;color: #434343;line-height: 0.3rem;font-weight: normal;} .news-txt h3 a:hover{color: #009182;} .news-txt p{font-size: 0.14rem;color: #999999;line-height: 0.3rem;height: 0.9rem;margin-bottom: 0.4rem;} .news-txt span{font-size: 0.14rem;color: #999999;display: flex;align-items: center;} .news-txt span i{font-size: 0.2rem;margin-right: 0.05rem;transition: 0.4s all;} .news-txt .swiper-button-next,.news-txt .swiper-button-prev{width: 0.48rem;height: 0.25rem;border: 1px solid #cccccc;text-align: center;line-height: 0.25rem;color: #cccccc;} .news-txt .swiper-button-next{right:0.3rem;bottom:0.5rem;} .news-txt .swiper-button-prev{right:1rem;bottom:0.5rem;} .news-txt .swiper-button-next:hover,.news-txt .swiper-button-prev:hover{border: 1px solid #009182;color: #009182;} .news-img{width: 63.5%;flex-shrink: 0;} .news-img .swiper-slide a{display: block;height: 0;padding-bottom:57%;width: 100%;position: relative;} .news-img .swiper-slide .image img{transition: 0.5s all;} .news-img .swiper-slide:hover img{transform: scale(1.1,1.1);} .news-img .swiper-pagination{bottom: 0.2rem;text-align:center;width:100%;} .news-img .swiper-pagination-bullet{width:0.12rem;height:0.12rem;background:#c5c5c5;border-radius:0.06rem;transition:0.5s all;} .news-img .swiper-pagination-bullet-active{background:#009182;} .news-list ul li{width: calc( ( 100% - 0.6rem )/3 );background: #ffffff;border-radius: 0 0.2rem 0px 0.2rem;margin-right: 0.3rem;transition: 0.4s all;} .news-list ul li:last-child{margin-right: 0;} .news-list ul li a{padding:0.2rem;} .news-list ul li .time{width: 0.7rem;flex-shrink: 0;position: relative;} .news-list ul li .time::after{content: "";width: 1px;height: 0.25rem;background: #c1c1c1;display: block;position: absolute;right:0;top:50%;margin-top: -0.125rem;transition: 0.4s all;} .news-list ul li .time span{display: block;font-size: 0.2rem;color: #434343;transition: 0.4s all;} .news-list ul li .time span+span{font-size: 0.14rem;color: #999999;margin-top: 0.05rem;} .news-list ul li p{color: #434343;line-height: 0.3rem;padding-left: 0.15rem;width: calc( 100% - 0.85rem );transition: 0.4s all;} .news-list ul li:hover{background: #009182;} .news-list ul li:hover .time span{color: #ffffff;} .news-list ul li:hover .time::after{background: #ffffff;} .news-list ul li:hover p{color: #ffffff;} /*part02*/ .part02{width: 100%;padding: 0.4rem 0;background: url(../img/part02_bg.png) no-repeat right bottom;} .part02 .p2box{width: calc( 50% - 0.15rem );} .notice-list ul li{width: calc( 50% - 0.15rem );border: 1px solid #dbdbdb;margin-right: 0.3rem;box-sizing: border-box;border-left: 0.15rem solid #dbdbdb;padding:0.25rem 0;margin-bottom: 0.3rem;transition: 0.5s all;} .notice-list ul li:nth-child(2n){margin-right: 0;} .notice-list ul li:nth-child(5),.notice-list ul li:nth-child(6){margin-bottom: 0;} .notice-list ul li .time{display: flex;align-items: center;margin-bottom: 0.06rem;} .notice-list ul li .time p{font-size: 0.24rem;color: #009182;margin-right: 0.1rem;} .notice-list ul li .time .line{width: 0.25rem;height: 0.03rem;background: #009182;margin-left: -0.15rem;margin-right: 0.05rem;transition: 0.5s all;} .notice-list ul li .time span{font-size: 0.14rem;color: #888888;} .notice-list ul li>a>p{color: #434343;padding-left: 0.15rem;padding-right: 0.1rem;width: calc( 100% - 0.25rem );line-height: 0.3rem;} .notice-list ul li:hover .time .line{width: calc( 100% - 108px );} .notice-list ul li:hover>a>p{color: #009182;} .notice-list ul li:hover{border-left: 0.15rem solid #009182;} .sci-list ul li{padding-bottom:0.24rem;border-bottom:1px solid #dbdbdb;margin-bottom: 0.24rem;transition: 0.5s all;} .sci-list ul li:last-child{margin-bottom: 0;} .sci-list ul li a{width: 100%;color: #434343;margin-top: 0.15rem;} .sci-list ul li span{font-size: 0.14rem;color: #888888;} .sci-list ul li span i{font-size: 0.22rem;vertical-align: -0.02rem;margin-right: 0.06rem;} .sci-list ul li:hover{border-bottom: 1px solid #009182;} .sci-list ul li:hover a,.sci-list ul li:hover span{color: #009182;} /*part03*/ .part03{width: 100%;padding:0.4rem 0;background: #ecfaec;} .part03 .title{margin-bottom:0.1rem;} .p3box{padding: 0.4rem 0.15rem 0.15rem 0.15rem !important;box-sizing: border-box;} .p3box .swiper-slide{background: #ffffff;box-shadow: 0 0 0.1rem 0 rgba(84, 84, 84, 0.48);} .p3box .swiper-slide a{padding: 0.2rem;display: block;} .p3img{width: 100%;height: 0;padding-bottom:62.5%;overflow: hidden;position: relative;} .p3box .swiper-slide{transition:0.4s all;} .p3box .swiper-slide p{color: #434343;line-height: 0.26rem;height: 0.52rem;margin: 0.1rem 0 0.15rem;width: 100%;} .p3box .swiper-slide .p3ifo span{color: #888888;font-family: myfont;} .p3box .swiper-slide .p3ifo i{display:block;width:0.3rem;height:0.3rem;border:1px solid #888888;border-radius:50%;text-align:center;line-height:0.3rem;color:#009182;font-size:0.2rem;} .p3box .swiper-slide-active,.p3box .swiper-slide:hover{background:#009182;} .p3box .swiper-slide-active,.p3box .swiper-slide:hover{margin-top:-0.3rem;} .p3box .swiper-slide-active p,.p3box .swiper-slide:hover p,.p3box .swiper-slide-active.out p{color:#ffffff;} .p3box .swiper-slide-active .p3ifo span,.p3box .swiper-slide:hover .p3ifo span,.p3box .swiper-slide-active.out .p3ifo span{color:#ffffff} .p3box .swiper-slide-active .p3ifo i,.p3box .swiper-slide:hover .p3ifo i,.p3box .swiper-slide-active.out .p3ifo i{border:1px solid #ffffff;color:#ffffff;} .p3box .swiper-slide-active.on{background:#ffffff;margin-top:0;} .p3box .swiper-slide-active.on p{color: #434343;} .p3box .swiper-slide-active.on .p3ifo span{color: #888888;} .p3box .swiper-slide-active.on .p3ifo i{border:1px solid #888888;color:#009182;} .p3box .swiper-slide-active.out{background:#009182 !important;margin-top:-0.3rem !important;} .p3box .swiper-slide-active.out p{color:#ffffff !important;} .p3box .swiper-slide-active.out .p3ifo span{color:#ffffff !important;} .p3box .swiper-slide-active.out .p3ifo i{border:1px solid #ffffff !important;color:#ffffff !important;} /*part04*/ .part04{width:100%;padding:0.4rem 0;} .p4left{width:64%;} .p4box{width:100%;border-top-left-radius:0.3rem;box-shadow:0rem 0rem 0.21rem 0rem rgba(0,145,130,0.1);padding:0.2rem;box-sizing:border-box;background:url(../img/mtlz_bg.png) no-repeat right bottom;} .mediabox{width:2.78rem;flex-shrink:0;border-radius:0.3rem 0 0.3rem 0;background:#009182;box-sizing:border-box;padding:0.2rem;position:relative;} .mediabox::after{content:"";width:100%;height: 1px;background:rgba(255,255,255,0.35);display:block;position:absolute;left:0;top:50%;margin-top:-0.5px;} .mediabox::before{content:"";width:0.53rem;height: 3px;background:#ffffff;display:block;position:absolute;left:0.2rem;top:50%;margin-top:-1.5px;transition:0.5s all;} .mediabox:hover::before{width:calc( 100% - 0.4rem );} .mediabox ul li{width:100%;margin-bottom:0.6rem;overflow:hidden;} .mediabox ul li:last-child{margin-bottom:0;} .mediabox ul li a{display:block;height:0;position:relative;width: 100%;padding-bottom:71.4%;} .mediabox ul li img{transition:0.5s all;} .mediabox ul li:hover img{transform:scale(1.1,1.1)} .mediabox ul li .txt{width:100%;height:0.5rem;position:absolute;bottom:0;left:0;background:url(../img/txt_bg.png) no-repeat left bottom;background-size:100% 99%;line-height:0.5rem;box-sizing:border-box;padding:0 0.05rem;} .mediabox ul li .txt p{color:#fff;} .mediabox ul li .txt i{font-size:0.36rem;color:#ffffff;margin-right:0.05rem;} .media-list{width:calc( 100% - 3.08rem );} .media-list ul li{margin-bottom:0.22rem;} .media-list ul li:first-child{margin-top:0.2rem;} .media-list ul li:last-child{margin-bottom:0rem;} .media-list ul li span{width:1.1rem;height:0.38rem;background:#dff3f1;text-align:center;line-height:0.38rem;color:#434343;display:block;margin-right:0.15rem;transition:0.5s all;flex-shrink: 0;} .media-list ul li a{color:#434343;line-height:0.38rem;max-height:0.38rem;transition:0.5s all;max-width:calc( 100% - 1.25rem );} .media-list ul li:hover a{color:#009182;} .media-list ul li:hover span{background:#009182;color:#ffffff;} .p4right{width:calc( 36% - 0.3rem );} .p4right .rhbox{width:100%;padding:0.2rem;box-sizing:border-box;box-shadow:0rem 0rem 0.21rem 0rem rgba(0,145,130,0.1);border-radius:0 0 0.3rem 0;} .p4right .rhbox ul{width:100%;border-left:1px solid #eaeaea;} .p4right .rhbox ul li{padding:0.19rem 0 0.18rem 0.15rem;position:relative;border-bottom:1px solid #eaeaea;z-index:0;} .p4right .rhbox ul li::before{content:"";width:0.03rem;height:0.5rem;background:#b2b2b2;display:block;position:absolute;left:0;top:0.2rem;transition:0.4s all;z-index:1;} .p4right .rhbox ul li::after{content:"";width:0;height:100%;background:#009182;display:block;position:absolute;left:0;top:0;z-index:-1;transition:0.5s all;} .p4right .rhbox ul li span{color:#009182;font-family:myfont;font-weight:bold;margin-bottom:0.1rem;display:block;} .p4right .rhbox ul li .txt a{color:#434343;width:100%;transition:0.4s all} .p4right .rhbox ul li .txt a p{width:calc( 100% - 0.3rem );} .p4right .rhbox ul li .txt i{font-size:0.2rem;color:#009182;transition:0.4s all} .p4right .rhbox ul li:hover::after{width:105%;} .p4right .rhbox ul li:hover::before{background:#ffffff;} .p4right .rhbox ul li:hover .txt a{color:#ffffff;} .p4right .rhbox ul li:hover .txt i{margin-left:0.05rem;color:#ffffff} .p4right .rhbox ul li:hover span{color:#ffffff;} /*part05*/ .part05{width:100%;padding:0.4rem 0;background:#ecfaec;} .zt{margin-bottom:0.4rem;padding-bottom:0.4rem !important;} .zt .swiper-slide a{display:block;height: 100%;} .zt-img{width:100%;overflow:hidden;position: relative;height: 0;padding-bottom:56%;} .zt .swiper-slide .zt-img img{transition:0.5s all;} .zt .swiper-slide p{color:#434343;line-height:0.26rem;width:100%;padding-left:0.15rem;border-left:2px solid #009182;margin-top:0.06rem;transition:0.5s all;} .zt .swiper-slide:hover .zt-img img{transform:scale(1.1,1.1);} .zt .swiper-pagination{bottom:0;text-align:center;width:100%;} .zt .swiper-pagination-bullet{width:0.08rem;height:0.08rem;background:#c5c5c5;border-radius:0.04rem;transition:0.5s all;} .zt .swiper-pagination-bullet-active{width:0.28rem;background:#009182;} .zt .swiper-slide:hover p{color:#009182;} .p5b ul.b1{width:24%;} .p5b .p5img{width:calc( 76% - 0.2rem );} .p5b .b1 li.fli{width:100%;height:4.54rem;position:relative;} .p5b li.fli a{display:block;height:100%;overflow:hidden;} .p5b li.fli .title1{width:0.63rem;height:1.44rem;background:rgba(0,145,130,0.6);position:absolute;top:0.45rem;left:0.25rem;font-size:0.24rem;color:#ffffff;font-weight:bold;writing-mode:vertical-lr;writing-mode:tb-lr;text-align:center;line-height:0.63rem;letter-spacing:0.04rem;} .p5b li.fli .title1::before{content:"";width: 1px;height:0.45rem;background:#009182;display:block;position:absolute;top:-0.45rem;left:0.1rem;} .p5b li.fli .title1::after{content:"";width: 1px;height:0.45rem;background:#009182;display:block;position:absolute;top:-0.45rem;right:0.1rem;} .p5b li.fli .title1 img{height:1.26rem;width:auto;margin:0.09rem auto;display:inline-block;} .p5b .b2 li{height:2.17rem;transition:0.5s all} .p5b .b2 li.fli{display: none;position: relative;} .p5b .b2 li.fsc{width:calc( ( 100% - 0.2rem )/2 );margin-right:0.2rem;} .p5b .b2 li.fth{width:calc( ( 100% - 0.4rem )/3 );margin-right:0.2rem;margin-top:auto;} .p5b .b2 li:last-child{margin-right:0;} .p5b .b2 li a{display:block;height:100%;overflow:hidden;} .p5b ul li img{width:100%;height:100%;object-fit:cover;transition:0.5s all} .p5b .b2 li.fsc:hover{width:60%;} .p5b .b2 li.fth:hover{width:60%;} .p5b .b1 li.fli:hover a>img{transform:scale(1.1,1.1);} .part05 .p5c{display: none;width: 100%;} .p5c ul li{width: calc( ( 100% - 0.6rem )/3 );margin-right: 0.3rem;} .p5c ul li:first-child,.p5c ul li:nth-child(2){width: calc( 50% - 0.15rem );margin-bottom: 0.3rem;} .p5c ul li:first-child{margin-right: 0.3rem;} .p5c ul li:nth-child(2),.p5c ul li:nth-child(5){margin-right: 0;} .p5c ul li a{display: block;width: 100%;height: 0;padding-top:60%;position: relative;} .p5c ul li .title1{width:0.63rem;height:1.44rem;background:rgba(0,145,130,0.6);position:absolute;top:0.45rem;left:0.25rem;font-size:0.24rem;color:#ffffff;font-weight:bold;writing-mode:vertical-lr;writing-mode:tb-lr;text-align:center;line-height:0.63rem;letter-spacing:0.04rem;} .p5c ul li .title1::before{content:"";width: 1px;height:0.45rem;background:#009182;display:block;position:absolute;top:-0.45rem;left:0.1rem;} .p5c ul li .title1::after{content:"";width: 1px;height:0.45rem;background:#009182;display:block;position:absolute;top:-0.45rem;right:0.1rem;} .p5c ul li .title1 img{height:1.26rem;width:auto;margin:0.09rem auto;display:inline-block;} /*链接*/ .link{width:0.74rem;background:rgba(0,145,130,0.8);box-sizing:border-box;padding:0.1rem 0.02rem;border-radius:0.32rem 0rem 0.32rem 0rem;position:fixed;bottom:0.5rem;right:0;z-index:999;} .link2{right:-0.74rem;} .link ul li{padding:0.1rem 0;position:relative;} .link ul li::after{content:"";width:0.46rem;height:0.01rem;background:rgba(255,255,255,0.1);display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%,0);} .link ul li .iconbox{width:100%;text-align:center;color:#ffffff;transition:0.5s all;} .link ul li .iconbox i{font-size:0.26rem;color:#ffffff;} .link ul li .iconbox img{height:0.26rem;margin:0 auto;} .link ul li p{font-size:0.14rem;color:#ffffff;width:100%;text-align:center;} .link ul li:last-child::after{content:none;} .link ul li.txt{color:#ffffff;writing-mode:vertical-lr;writing-mode:tb-lr;line-height:0.74rem;letter-spacing:0.05rem;cursor:pointer;} .inout{text-align:center;line-height:0.2rem;font-size:0.24rem !important;color:#ffffff;cursor:pointer;} .inout.hidess{transform:rotateY(180deg);} .link ul li:hover .iconbox{transform:rotateY(180deg);} .link ul li:last-child:hover .iconbox{transform:rotateY(360deg);} .link2{bottom:30%;} /*移动端快捷导航*/ .link_m{display: none;} .navimenu{display: block;width:80px;min-width:80px;height:70px;position:relative;box-sizing:border-box;text-align:left;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;outline:transparent solid 5px;transform-style:preserve-3d} .navimenu .gooey-menu-item,.navimenu .open-button{border-radius:100%;position:absolute;color:#fff;text-align:center;font-size:.9em;transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transition:transform ease-out .2s;-ms-transition:transform ease-out .2s;-o-transition:transform ease-out .2s;-moz-transition:transform ease-out .2s;-webkit-transition:transform ease-out .2s;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;outline:transparent solid 5px;transform-style:preserve-3d} .navimenu .gooey-menu-item{display: flex;justify-content: center;align-items: center;} .navimenu .gooey-menu-item i{display: block;font-style: normal;width:75%;font-size: 0.19rem;} .navimenu .gooey-menu-item i.sys{width:95%;} .navimenu .menu-open{display:none} .navimenu .burger{background:#fff;display:block;position:absolute;top:50%;left:50%;margin-top:-1.5px;transition:transform .2s;-ms-transition:transform .2s;-moz-transition:transform .2s;-webkit-transition:transform .2s;-o-transition:transform .2s} .navimenu .burger-1{transform:translate3d(0,-8px,0);-moz-transform:translate3d(0,-8px,0);-o-transform:translate3d(0,-8px,0);-webkit-transform:translate3d(0,-8px,0);-ms-transform:translate3d(0,-8px,0)} .navimenu .burger-2{transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)} .navimenu .burger-3{transform:translate3d(0,8px,0);-ms-transform:translate3d(0,8px,0);-moz-transform:translate3d(0,8px,0);-o-transform:translate3d(0,8px,0);-webkit-transform:translate3d(0,8px,0)} .navimenu .menu-open:checked+.open-button .burger-1{transform:translate3d(0,0,0) rotate(45deg);-ms-transform:translate3d(0,0,0) rotate(45deg);-moz-transform:translate3d(0,0,0) rotate(45deg);-o-transform:translate3d(0,0,0) rotate(45deg);-webkit-transform:translate3d(0,0,0) rotate(45deg)} .navimenu .menu-open:checked+.open-button .burger-2{transform:translate3d(0,0,0) scale(.1,1);-ms-transform:translate3d(0,0,0) scale(.1,1);-moz-transform:translate3d(0,0,0) scale(.1,1);-o-transform:translate3d(0,0,0) scale(.1,1);-webkit-transform:translate3d(0,0,0) scale(.1,1)} .navimenu .menu-open:checked+.open-button .burger-3{transform:translate3d(0,0,0) rotate(-45deg);-ms-transform:translate3d(0,0,0) rotate(-45deg);-moz-transform:translate3d(0,0,0) rotate(-45deg);-webkit-transform:translate3d(0,0,0) rotate(-45deg);-o-transform:translate3d(0,0,0) rotate(-45deg)} .navimenu .gooey-menu-item:hover{background-color:#4682b4;color:#00bcd4} .navimenu .gooey-menu-item{transition-duration:180ms;-moz-transition-duration:180ms;-webkit-transition-duration:180ms;-o-transition-duration:180ms} .navimenu .open-button{z-index:2;transition-timing-function:cubic-bezier(.175,.885,.32,1.275);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;-moz-transition-duration:.4s;-webkit-transition-duration:.4s;transform:scale(1.1,1.1) translate3d(0,0,0);-ms-transform:scale(1.1,1.1) translate3d(0,0,0);-o-transform:scale(1.1,1.1) translate3d(0,0,0);-moz-transform:scale(1.1,1.1) translate3d(0,0,0);-webkit-transform:scale(1.1,1.1) translate3d(0,0,0);cursor:pointer} .navimenu .open-button:hover{transform:scale(1.2,1.2) translate3d(0,0,0);-ms-transform:scale(1.2,1.2) translate3d(0,0,0);-moz-transform:scale(1.2,1.2) translate3d(0,0,0);-o-transform:scale(1.2,1.2) translate3d(0,0,0);-webkit-transform:scale(1.2,1.2) translate3d(0,0,0)} .navimenu .menu-open:checked+.open-button{transition:.2s linear;-ms-transition:.2s linear;-webkit-transition:.2s linear;-moz-transition:.2s linear;-o-transition:.2s linear;transform:scale(.9,.9) translate3d(0,0,0);-ms-transform:scale(.9,.9) translate3d(0,0,0);-o-transform:scale(.9,.9) translate3d(0,0,0);-webkit-transform:scale(.9,.9) translate3d(0,0,0);-moz-transform:scale(.9,.9) translate3d(0,0,0)}