@charset "utf-8"; /*==========================================内页 结束=============================================*/ /*aos="zoom-in" aos-duration="1200"*/ @media(min-width: 1200px){ .more001 a:hover{ color: #a62035;} .more001 a:hover img{ transform: rotateY(180deg);} .list_box2 a:hover .img img{ transform: scale(1.08);} a:hover .aline_r{background-size:100% 2px} a:hover .aline_r{background-size: 100% 2px;} .list_box3 li a:hover h5, .list_box4 li a:hover h5, .list_box5 li a:hover .con h5, .list_box6 li a:hover h5, .list_box8 li a:hover h5, .list_box9 li a:hover .con h5, .list_box11 li a:hover h5, .list_box15 li a:hover .con h5, .list_box14 li a:hover h5{ color: #a62035;} .more002 .a:hover svg{ fill: #a62035; transform: rotate(90deg) rotateY(180deg) translateY(0rem);} .list_box9 li a:hover .ico img{ transform: rotateY(180deg);} .list_box12 li a:hover .top h3 img{ transform: rotateY(180deg);} .list_box19 li a:hover .ico:before{border: #a41f34 1px solid;background: #a41f34;transform: rotateY(180deg);} .list_box19 li a:hover .ico svg{ fill: #fff; } .list_box19 li a:hover .ico svg *{stroke: #fff;} .list_box19 li a:hover h5{ color: #a41f34;} .list_box21 li a:hover .img img{ transform: scale(1.08);} .list_box21 li a:hover .top img, .list_box21 li a:hover svg{ transform: rotateY(180deg);} .list_box7 li a:hover .top h5{ transform: scale(1.25);} .list_box23 li a:hover .ico::before{ background: #a62035; left: 0; width: 100%; right: auto;} .list_box23 li a:hover .ico svg *{ stroke:#fff} } @media(min-width: 1900px) and (max-width: 1940px){ } @media(max-width: 1830px){ } @media(max-width: 1630px){ .w1600{ padding:0 15px} } @media(max-width: 1400px){ } @media(max-width: 1330px){ } @media(max-width: 1199px){ .w1200{ padding:0 15px; max-width: 100%;} .header_top, .header_bottom{ display: none;} .m_header_box{ display: block;} .banner ul li .img .img_hezi{padding-bottom: 47.91% !important;} .container01 .content .left{ width: 7rem;} .container01 .content .right{ width: calc(100% - 7rem);} .container05 .left .content .ll{ width: 5rem;} .container05 .left .content .rr{ width: calc(100% - 5rem);} .container05 .right{ padding: 0 0 0 .77rem;} footer .fl02{ flex-wrap: wrap;} footer .fl02 .line{ display: none;} footer .fl02 .left{ width: 100%; text-align: center;} footer .fl02 .center{ width: 100%; text-align: center; padding: .15rem 0;} footer .fl02 .right{ width: 100%; text-align: center;} } @media(max-width: 1060px){ } @media(max-width: 991px){ .banner ul li a .top h5{ font-size: .2rem;} .banner ul li a .top{ padding: 0 0 .1rem;} .miso-dots_box{ bottom: .2rem;} .banner ul .miso-dots li{ width: .12rem; height: .12rem;} .container01 .content .left{ width: 100%;} .container01 .content .right{ width: 100%; padding: .3rem 0 0;} .container03 .w50_box .w50{ width: 100%;} .container03 .w50_box .w50:nth-child(2){ padding-top: .3rem;} .container09 .left{ width: 100%;} .container09 .right{width: 100%;padding: .2rem 0 0;} .list_box13{margin: 0 20%;} .container10 .left{ width: 100%;} .container10 .right{ width: 100%; padding: .3rem 0 0;} } @media(max-width: 768px){ #gotop{ right:0; transform:scale(0.7)} .container04 .content .left{width: 100%;order: 1;} .container04 .content .right{width: 100%;padding: 0 0 .3rem;} .container05 .left{ width:100%} .container05 .right{ width:100%; padding: .3rem 0 0} .container11 .fl01 .w50{ width: 100%;} .title001 .ll big{font-size: .3rem;} .container00{ padding: .4rem 0;} .list_box3 li .time{width: .75rem;height: .75rem;display: none;} .list_box3 li .time h3{ font-size: .36rem;} .list_box3 li .time h6{ font-size: .14rem;} .list_box3 li h5{ margin: .16rem 0 .1rem;} .list_box3 li p{ margin-bottom: .1rem;} .list_box4{ margin: 0 -.1rem;} .list_box4 li{padding: 0 .1rem;width: 100%;margin-bottom: .25rem;} .container02 .right{padding: 0 0 0 .05rem;} .title002{width: .7rem;height: 1.72rem;padding: .1rem 0 0;} .list_box4 li::before{opacity: 0;} .list_box4 li a h5{height: calc(.6rem + 1px)\0;margin-bottom: .12rem;} .container03{ padding: .3rem 0 0} .title001 .ll small{ font-size: .16rem;} .list_box6 li a{ padding-bottom: .14rem; margin-bottom: .14rem;} .list_box7{margin: 0 -4px;flex-wrap: wrap;} .list_box7 li{padding: 0 4px;width: 50%;margin-bottom: .15rem;} .list_box7 li a .img .img_hezi{ padding-bottom: 26.11% !important} .list_box7 li:nth-child(1) a{ transform: translateY(0);} .list_box7 li:nth-child(2) a{ transform: translateY(0);} .list_box7 li:nth-child(3) a{ transform: translateY(0);} .list_box7 li a .top h5{writing-mode: initial;} .container04 .title001{margin-bottom: .3rem;} .list_box8 li a .img .img_hezi{ padding-bottom: 1.8rem !important;} .list_box8 li a .con{ height: 1.8rem;} .list_box8 li:nth-child(1):before{ height: 1.6rem;} .list_box9 li a .ico{ width: .6rem; height: .6rem;} .list_box9 li a .ico img{max-width: 60%;max-height: 60%;} .list_box9 li{ padding-right: .1rem;} .container04 .content .right .center{ margin: .3rem 0 .15rem;} .list_box9 li a .con h3 big{ font-size: .3rem;} .container05 .left .content .ll{width: 100%;padding: 0 .2rem 0 0;} .container05 .left .content .rr{width: 100%;padding: .3rem .3rem 0 0;} .list_box11 li{padding-bottom: .4rem;} .container10{ padding: .4rem 0;} .container05 .left .content .bg{ transform: skewX(-18deg) translateX(30%);} .list_box11 li a p{ height: .48rem; -webkit-line-clamp: 2;} .list_box12 li a .top h5{margin: 0 0 0 .1rem;} .list_box12 li:nth-child(1) a .img .img_hezi{padding-bottom: 16% !important;margin-bottom: .2rem;} .list_box12 li:nth-child(2) a .img .img_hezi{padding-bottom: 16% !important;} .list_box12 li:nth-child(1) a .top h5{margin: 0 0 0 .1rem;} .container05{ padding: .4rem 0;} .container04{padding: .4rem 0;} .container04 .title001 .cc{ display: none;} .container04 .title001 .cc .big{ font-size: .28rem;} .container04 .title001 .cc .small{bottom: -.05rem;right: .4rem;} .container04 .title001 .ll{ opacity: 1;} .container09 .left .fl01 .ll .cc .big{ font-size: .36rem;} .container09 .left .fl01 .ll .cc .small{top: 118%;right: .6rem;font-size: .16rem;} .container09{ padding: 0 0 .4rem;} .list_box19 li{margin-bottom: .2rem;} .title003 img{ width: 1.5rem;} .list_box21 li a .top img{ max-width: .5rem; max-height: .5rem;} .title003{height: 50%;align-items: center;display: flex;justify-content: center;} .list_box21 li a .img .img_hezi { padding-bottom: 71.42% !important;} .container10 .right .ll{ width: calc(100% - 1.4rem);} .container10 .right .rr{ width: 1.4rem;} .list_box19 li .ico{ width: .7rem; height: .7rem;} .list_box19 li h5{ margin: .1rem 0 0;} .list_box20 li a .top h5{ font-size: .2rem;} .list_box19 li:nth-child(7) .ico{ margin:0} .container11{padding: .4rem 0 0;} .list_box21s1{ height: 100%;} .list_box21 li a{ height: 100%;} .list_box21 li a .img{ height: 100%;} .list_box211s li a .img .img_hezi{ padding-bottom: 100% !important;} .container12{ padding: .4rem 0;} .list_box23 li{width: 20%;} .list_box23 li a h5{font-size: .16rem;line-height: .24rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .list_box23 li a .con{ margin: 0;} .list_box23 li a .ico svg{width: .4rem;height: .4rem;} .list_box23 li a .ico{height: .8rem;} .list_box19 li .ico svg{ width: .28rem; height: .28rem;} .list_box24 li{width: 33.33%;margin: .15rem 0;} .list_box24 li a .con{width: calc(100% - .5rem);padding: 0 0 0 .1rem;} .list_box24 li a .ico{width: .5rem;height: .5rem;min-width: .5rem;} .list_box24 li a .ico svg, .list_box24 li a .ico img{width: .3rem;height: .3rem;transform: translateX(.1rem);} .list_box24 li a .con h5{font-size: .18rem;line-height: .24rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} footer .fl02 .left img{ max-width: 50vw;} footer .fl01{ padding: .2rem 0;} .list_box7 li a .img img.img1{ display: none} .list_box7 li a .img img.img2{ display: block} .container02{ padding: .2rem 0 0} .more001 a img{ width: 16px; height: 16px;} .list_box5 li a .img{ width: 56%;} .list_box5 li a .con{width: 44%;padding: 0 0 0 .2rem;} .list_box12 li a .top{ flex-direction: row;} .container01 .content .left .before img{ max-width: 80%;} .container01 .content .left .before{bottom: -.15rem;} .container01 .content .right{ width: 100%; padding: .1rem 0 0;} .container04 .content .right .bottom .ll{letter-spacing: 0;/* height: 1.125rem; */} .title001{ margin-bottom: .3rem;} .list_box21 li a .top2 .ico svg{ width: .36rem; height: .36rem} .list_box21s1 li a .top2 .ico svg{ width: .44rem; height: .44rem} .list_box12 li a .top h3 svg{ width: .44rem; height: .44rem} .list_box17 li h5{ font-size: .24rem;} .list_box12s li{padding: 0 22%;} .list_box12s li a{max-width:2.15rem;margin: 0 auto;} .list_box12s li a{} .list_box12s li a .img img.img1{ display: none} .list_box12s li a .img img.img2{ display: block} .list_box12s li a .img .img_hezi{padding-bottom: 33.5% !important;} .list_box12s li a .top{ flex-direction: row;} .list_box12s li a .top h5{writing-mode: inherit;margin: 0 0 0 .1rem;font-size: .24rem;} .list_box5 li a .con h5{ -webkit-line-clamp: 2; } .m_header_box .list_box1 .li{ margin-left: .1rem} .list_box8 li a h5{line-height: 20px;width: 40px;font-size: 13px;} .container04 .content .right .bottom .ll a{font-size: 16px;height: 66px;} } @media(max-width: 456px){ }