/* cell */ @media screen and (max-width:750px){ html,body{ font-size: calc(100vw/7.5);} .footeradd .open{ display:none !important;} .w1400{ width: auto;} .navigation{ display: none;} .iconbox{ display: none !important;} .bannerBoxAbout{ /*margin-top: 50px;*/ padding: 0;} .bannerBoxAbout .textBox i{ font-size: 0.6rem; line-height: 0.9rem;} .bannerBoxAbout .imgIcon .mr1, .bannerBoxAbout .imgIcon .mr2{ width: 5rem; height: 4rem;} .bannerBoxAbout .grnt{ height: 6rem;} .bannerBoxAbout .botBoxt{ margin: -50px 0.25rem 0 0.25rem; padding-bottom: 30px;} /* */ /*.dateBanner{ margin-top: 50px;}*/ /*.dateBanner::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; z-index: 3; opacity: 0.5;}*/ .dateBanner .img{ height: 280px; position: relative; z-index: 0;} .dateBanner .cont{ top: 50%; left: 50%; right: auto; bottom: auto; transform: translate(-50%,-50%); width: auto; z-index: 6;} .dateBanner .cont .em img{ position: relative; top: auto; left: auto; bottom: auto; right: auto; height: 1.4rem;} .dateBanner .cont .em{ height: 1.4rem;} .dateBanner .cont .text{ font-size: 0.24rem; line-height: 0.3rem; top: 0.54rem;} .newsLister{ padding: 30px 0.25rem;} .newsLister .newImg .li:first-child .img, .newsLister .newImg .li .img{ width: auto; height: auto;} .newsLister .newImg .li:first-child{ float: none;} .newsLister .newImg .li:nth-child(2){ margin-bottom: 0;} .newsLister .newImg .li{ margin-top: 0.25rem; float: none;} .newsLister .newImg .li .text{ padding: 15px;} .newsLister .newImg .li:first-child .h1, .newsLister .newImg .li .text .h1{ font-size: 14px; line-height: 24px;} .newsLister .newsList{ display: block;} .newsLister .newsList .li{ width: auto; padding: 35px 0;} .newsLister .newsList .li .h1 i{ font-size: 16px; line-height: 20px; width: 90%; padding: 0;} .newsLister .newsList .li .p{ line-height: 26px; margin-top: 15px;} .newsLister .newsList .li a{ width: auto;} .pageing{ flex-wrap: wrap; line-height: 30px;} .pageing .li input, .pageing .li button{ height: 30px;} .newsContact{ padding: 70px 0.25rem;} .newsContact .h1{ font-size: 22px; text-align: center; font-weight: bold;} .newsContact .list{ display: block;} .newsContact .list .li{ margin: 15px 0 0 0; width: 100%;} .newsContact button{ width: 100%; margin: 25px auto 0;} .marqueeBox .bd li{ font-size: 0.8rem; line-height: 0.8rem;} .marqueeBox .more{ width: 40px; height: 40px; margin-left: -20px; bottom: 5px;} .marqueeBox .more::before{ background: url(../images/icon14.png) no-repeat center; background-size: 14px auto;} .marqueeBox:hover .more::before{ background: url(../images/icon14s.png) no-repeat center; background-size: 14px auto;} .marqueeBox{ margin-bottom: 50px;} .footer{ padding: 40px 0.25rem 30px 0.25rem;} .footer .li{ flex-wrap: wrap;} .newsDateBox{ padding: 50px 0.25rem 0 0.25rem;} .newsDateBox .cont{ display: block;} .newsDateBox .cont .leftBox, .newsDateBox .cont .rightBox{ width: auto;} .newsDateBox .cont .leftBox .h1, .newsDateBox .cont .leftBox .h1 h1{ font-size: 18px; line-height: 30px;} .newsDateBox .cont .leftBox .dateBox .left .em{ display: none;} .newsDateBox .cont .leftBox .dateBox{ display: block; margin-top: 15px;} .newsDateBox .cont .leftBox .dateBox .left{ width: auto; border-right: none; border-bottom: 1px solid hsla(0,0%,100%,0.10); padding-bottom: 15px;} .newsDateBox .cont .leftBox .dateBox .left .mke{ width: auto;} .newsDateBox .cont .leftBox .dateBox .left .mke .time{ display: flex; justify-content: flex-start; line-height: 30px;} .newsDateBox .cont .leftBox .dateBox .left .time .m, .newsDateBox .cont .leftBox .dateBox .left .time .k, .newsDateBox .cont .leftBox .dateBox .left .time .w{ font-size: 15px; margin: 0; line-height: 20px; opacity: 0.8; margin-right: 10px;} .newsDateBox .cont .leftBox .dateBox .left .text{ display: none;} .newsDateBox .cont .leftBox .dateBox .right{ width: auto; padding: 20px 0;} .newsDateBox .cont .leftBox .dateBox .right p{ font-size: 14px; line-height: 30px;} .newsDateBox .cont .rightBox{ display: none;} .newsDateBox .pager .mker .li a{ padding: 0 15px 0 0;} .newsDateBox .pager .mker .li:nth-child(2) a{ padding: 0 0 0 15px;} .newsDateBox .pager .mker .li .p{ font-size: 14px;} .newsDateBox .pager .mker .li{ height: 60px; line-height: 60px;} .newsDateBox .pager .mker .li .p{ margin: 0 5px 0 0; width: calc( 100% - 40px );} .newsDateBox .pager .mker .li:nth-child(2) .p{ margin: 0 0 0 5px;} .contactBox{ padding: 70px 0.25rem;} .contactBox .cont{ display: block;} .contactBox .cont .left{ width: auto; margin: 0;} .contactBox .cont .left .li .p{ margin-top: 10px;} .contactBox .cont .left .li{ margin-top: 30px;} .contactBox .cont .right .h1{ margin-top: 30px;} .contactBox .cont .right .list .text{ margin-top: 30px;} .contactBox .cont .right .list{ display: block;} .contactMap{ height: 400px;} /*.caseDateBox{ margin-top: 50px;}*/ .caseDateBox .video{ width: 100%; height: 350px; overflow: hidden; position: relative;} .caseDateBox .video video{ display: block; width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);} .caseDateBox .mink .cont{ padding-top: 0; text-align: center;} .caseDateBox .mink .cont .p{ font-size: 15px; line-height: 26px;} .caseDateBox .mink .cont .more{ width: 80px; height: 80px; margin: 35px auto 0;} .caseDateBox .mink .cont .more p{ font-size: 12px; line-height: 12px;} .caseTopBox{ padding: 70px 0.25rem;} .caseTopBox .cont{ display: block;} .caseTopBox .cont .left .h1{ font-size: 50px; line-height: 50px;} .caseTopBox .cont .left{ width: auto;} .caseTopBox .cont .right{ width: auto; margin-top: 35px;} .caseBox{ padding: 30px 0.25rem 0 0.25rem;} .caseBox .cont .li{ width: auto; margin-bottom: 30px;} .caseBox .cont .li .img, .caseBox .cont .li .img a{ height: auto;} .caseBox .cont .li .text .h1 a{ font-size: 18px; line-height: 20px;} .bannerBoxAbout .botBoxt .qurt .h3{ font-size: 17px; line-height: 30px;} .bannerBoxAbout .botBoxt .qurt{ width: auto; margin-top: -20px;} .bannerBoxAbout .botBoxt .qurt .p{ margin-top: 15px; font-size: 14px; line-height: 30px;} .bannerBoxAbout .botBoxt .list .li .num{ font-size: 40px; line-height: 50px;} .bannerBoxAbout .botBoxt .list .li .m{ font-size: 14px; margin-top: 5px;} .bannerBoxAbout .botBoxt .list .li{ margin-top: 30px; width: 45%;} .indexIconBox{ padding: 60px 0.25rem;} .indexIconBox2 .cont .tit .h3{ text-align: center; width: 100%;} .indexIconBox .cont{ flex-wrap: wrap;} .indexIconBox2 .cont .tit .en{ font-size: 1.2rem; text-align: center; line-height: 1.2rem;} .indexIconBox2 .cont .list{ width: auto;} .indexIconBox2 .cont .sli{ margin: 0;} .indexIconBox2 .cont .list .sli, .indexIconBox2 .cont .list .sli:first-child, .indexIconBox2 .cont .list .sli:nth-child(2){ padding: 35px 0;} .indexIconBox2 .cont .sli .mLi{ width: auto; margin: 0; text-align: center;} .indexIconBox2 .cont .sli .img{ margin: auto;} .indexIconBox2 .cont .list .sli{ display: block;} .indexIconBox2 .cont .sli .img{ width: 130px; height: 100px;} .indexIconBox2 .cont .sli .em{ margin: 20px auto 0;} /*.bannerBox{ margin-top: 50px;}*/ .bannerBox .img{ height: 500px;} .bannerBox .text i:nth-child(2){ padding: 0 0.2rem;} .bannerBox .text i{ font-size: 0.6rem; line-height: 0.7rem; white-space: nowrap;} .header{ width: auto; height: auto; margin: 0; padding: 0; position: relative; top: auto; left: auto; right: auto; background: hsla(0,0%,100%,0.00);} .header .cont .logo{ background-image: linear-gradient(#fff, hsla(0,0%,100%,0.00)); position: fixed; top: 0; left: 0; right: 0; z-index: 20; padding: 0 0.25rem; height: 50px; display: flex; justify-content: space-between; align-items: center;} .headerCell::after{ position: fixed; top: 0; left: 0; background: hsla(0,0%,0%,0.70); width: 100%; height: 100%; z-index: 10; content: ''; display: none;} .header .cont .right{ display: block; position: fixed; top: 0; right: -100%; bottom: 0; padding-top: 50px; width: 100%; height: auto; z-index: 15; background: #fff; transition: all 0.5s;} .header .cont .right .nav{ background: #fff; display: block; margin: 0; text-align: center; padding: 20px 0 50px 0;} .header .cont .right .nav .li{ margin-left: 0; margin: 15px 0;} .header .cont .right .nav .li a i:nth-child(2){ color: #666;} .header .cont .right .nav .li a::after{ background: #666;} .header .cont .right .tel{ background: #fff; padding: 0 0 35px 0; justify-content: center;} .header .cont .right .nav .li a i{ font-size: 16px;} .header .cont .right.gt{ right: 0;} .header2, .header3{ opacity: 1;} .header .cont .logo i{ display: block; /*width: 30px; height: 50px; background: url(../images/nav-cell.png) no-repeat center; background-size: 100% auto;*/ transition: all 0.5s;} .header .cont .logo2 i{ /*background: url(../images/icon-22.png) no-repeat center; background-size: 24px auto;*/} .indexIconBox .cont .li{ width: auto;} .indexIconBox .cont .li, .indexIconBox .cont .li:nth-child(2){ padding: 70px 0 0 0; margin: 0;} .indexNumber{ padding: 70px 0.25rem;} .indexNumber .h1{ font-size: 24px; font-weight: bold;} .indexNumber .ps{ width: auto; font-size: 14px; line-height: 30px;} .indexNumber .list{ justify-content: space-between; flex-wrap: wrap; margin-top: 30px;} .indexNumber .list .li{ width: 45%; margin-top: 50px;} .indexNumber .list .num{ font-size: 30px; line-height: 30px;} .indexNumber .list .p{ font-size: 14px; line-height: 20px; margin-top: 5px;} .bannerBox .more{ width: 40px; height: 40px; bottom: 30px; margin-left: -30px;} .indexNewsBox .cont .li .img a i{ display: none;} .indexNewsBox{ padding: 30px 0.25rem; width: auto;} .indexNewsBox .cont{ display: block; width: auto;} .indexNewsBox .cont .li{ width: auto; margin: 0 0 30px 0;} .indexNewsBox .cont .li .img, .indexNewsBox .cont .li .img a{ height: 4.6rem;} .indexNewsBox .cont .li .text .h1 a{ font-size: 18px; line-height: 20px;} .indexNewsBox .more{ margin: 55px auto 0;} .indexNumrBox .cont .list .li .img a i{ display: none;} .indexNumrBox .cont .list{ display: block; margin-top: 30px;} .indexNumrBox .cont{ padding: 60px 0.25rem;} .indexNumrBox .cont .list .li{ margin: 0 0 30px 0; width: auto;} .indexNumrBox .cont .list .li .img, .indexNumrBox .cont .list .li .img a{ height: 4.6rem;} .indexNumrBox .cont .tit a{ display: none;} .indexNumrBox .cont .tit .em{ font-size: 90px; line-height: 90px;} .caseBox .pageing{ margin: 0; padding: 0 0 30px 0;} .indexCaseBox .cont{ display: block;} .indexCaseBox .cont .img{ width: 100%; height: auto; margin: 0;} .indexCaseBox .cont .mink{ display: block; position: relative; top: auto; left: auto; bottom: auto; right: auto; height: auto;} .indexCaseBox .cont{ width: auto; height: auto; padding: 0 0.25rem;} .indexCaseBox .cont .mink .em i{ font-size: 18px; font-weight: bold; line-height: 30px; padding-top: 25px; text-align: center;} .indexCaseBox .cont .mink .h1 i{ font-size: 1rem; line-height: 1rem; text-align: center;} .indexCaseBox .cont .mink .h2{ margin-top: 35px; text-align: center;} .indexCaseBox .cont .mink .p{ width: auto;} .indexCaseBox .cont .mink .testDiv{ margin: 45px auto 35px auto;} .indexNewsBox .testDiv{ margin: 50px auto 0;} .bannerBox{ height: auto;} .bannerBox iframe{ /*height: 400px;*/ height: 10rem;} .bannerBox .ter{ font-size: 18px; text-align: center; width: 100%; left: 0; line-height: 32px;} @keyframes myfirstw3 { from { bottom: 0; opacity: 0; } to { bottom: 2.6rem; opacity: 1; } } .bannerBox .more::before{ background: url(../images/icon12.png) no-repeat center;background-size: 14px auto;} .caseDateBox .img{ height: 380px;} .caseDateBox .img img{ width: auto!important; height: 100%;} .caseDateBox .img img{ width: auto;} .indexNumrBox .cont .tit .mk{ display: none;} .welcomeUp .cont{ width: 6.4rem; padding: 0.3rem;} .welcomeUp .cont .tel{ flex-wrap: wrap;} .welcomeUp .cont .tel p{ margin-top: 25px;} .caseBoxerMent{ padding: 30px 0.25rem;} .caseBoxerMent .cont{ display: block;} .caseBoxerMent .cont .img, .caseBoxerMent .cont .img a{ width: 100%;} .caseBoxerMent .cont .img{ margin-top: 40px;} .caseBoxerMent .cont .text .h1{ padding-top: 15px;} .caseBoxerMent .cont .text .en{ font-size: 1rem; line-height: 1rem;} .caseBoxerMent .cont .text{ width: auto;} .caseBoxerMent .cont .text .h2{ margin-top: 45px;} .headerCase2 .cont .logo a .em:first-child{ margin-top: 0;} .cellNewBox{ display: flex;} .footer{ margin-bottom: 50px;} .indexIconBox .cont .sli{ width: 3.4rem; padding: 35px 0 0 0;} .indexIconBox .cont .sli:nth-child(2){ padding-top: 0;} .indexIconBox .cont .sli .img{ transform: scale(0.6);} .indexIconBox .cont .sli .h1 i{ font-size: 17px;} .indexIconBox .cont .sli .p{ height: auto;} .indexIconBox .cont .sli .p i{ font-size: 12px; line-height: 22px;} .indexIconBox .cont .sli .h1{ margin-top: 5px;} .newsContact button::after{ width: 100%;} .header .cont .logo a .em img{ width: 100px;} .header .cont .logo i{ width: 22px; height: 14px; position: relative;} .header .cont .logo i em{ display: block; width: 22px; height: 2px; background: #000; border-radius: 2px; position: absolute; left: 0; transition: all 0.5s;} .header .cont .logo i em:first-child{ top: 0;} .header .cont .logo i em:nth-child(2){ top: 50%; margin-top: -1.5px;} .header .cont .logo i em:nth-child(3){ bottom: 0;} .header .cont .logo2 i em:nth-child(2){ width: 0;} .header .cont .logo2 i em:first-child{ transform-origin: top left; transform: rotate(45deg); width: 22px; border-radius: 2px;} .header .cont .logo2 i em:nth-child(3){ transform-origin: bottom left; transform: rotate(-45deg); width: 22px; border-radius: 2px;} .header .cont .right .nav .li.on::after{ display: none;} /*.indexIconBox2 .cont2{ display: block;} .indexIconBox2 .cont .list{ display: flex; justify-content: space-between; flex-wrap: wrap;} .indexIconBox2 .cont .list .li{ width: 3.4rem;}*/ .header .cont .logo2 i{ height: 17px;} .bannerBoxAbout iframe{ height: 450px;} .newsDateBox .cont .leftBox .dateBox .right h2{ line-height: 34px;} .biaoqoan{ padding: 60px 0.25rem 0 0.25rem; display: block;} .biaoqoan .pull-left, .biaoqoan .pull-right{ width: auto;} .biaoqoan .h1{ font-size: 18px; font-weight: bold; line-height: 30px;} .biaoqoan a{ line-height: 28px; padding: 0 8px; margin-right: 8px; margin-bottom: 8px; font-size: 12px;} .biaoqoan .pull-right{ margin-top: 50px;} .in_part2 .wrap{ width: auto;} .in_part2{ padding: 100px 0;} .in_part2 .txt span p{ font-size: 20px; line-height: 30px; letter-spacing: 0;} .in_part2 .txt span{ padding-bottom: 15px;} .in_part2 .list b{ font-size: 16px;} .in_part2 .list i{ font-size: 12px;} .in_part2 .list li{ padding: 30px 0;} .in_part3{ padding: 100px 0;} .in_part3 .txt p{ font-size: 20px; font-weight: bold;} .in_part3 .tet p{ font-size: 14px; line-height: 26px; letter-spacing: 0; margin: 0 20px;} /* */ .indexNumrBox .cont{ padding: 70px 0.3rem!important;} .indexNumrBox .cont .tit2 .em{ font-size: 24px!important; text-align: center; line-height: 34px!important;} .indexNumrBox .cont .tit2 .h1{ font-size: 26px!important; line-height: 36px!important; margin-top: 0!important; text-align: center;} .indexNumrBox .cont .list .li{ width: 100%!important; padding: 30px 0!important; margin: 0!important;} .indexNumrBox .cont .list .li .vmk{ width: auto!important;} .indexNumrBox .cont .list .li .img, .indexNumrBox .cont .list .li .img a{ height: auto!important;} .newsContact{ padding: 0 0.3rem 50px 0.3rem!important;} .indexNewsBox{ padding: 70px 0.3rem!important;} .indexNewsBox .tops{ width: auto!important;} .indexNewsBox .tops .h2, .indexNumber .h1, #indexsixbox .txt h2, .in_part2 .txt h2 p{ font-size: 26px!important; line-height: 36px!important;} .indexNewsBox .tops .pr, #indexsixbox .txt span p{ font-size: 17px!important; line-height: 20px!important; margin-top: 5px!important;} .indexNewsBox .tops .h3{ font-size: 20px!important; margin-top: 20px!important;} .indexNewsBox .tops .pt{ font-size: 14px!important; line-height: 24px!important; margin: 20px 0 30px 0!important;} .indexNumber .list, #indexsixbox .list{ width: auto!important;} .indexNumber{ padding: 70px 0.3rem!important; z-index: 2!important; position: relative!important; background: url()!important;} .indexNumber .ps{ width: auto!important; margin: 20px 0 0 0!important; font-size: 14px!important; line-height: 24px!important;} .indexNumber .list .li{ display: block!important;} .indexNumber .list .num{ margin-right: 0!important;} .indexNumber .list{ margin-top: 0!important;} #indexsixbox{ padding: 70px 0.3rem!important;} #indexsixbox .list li{ width: 48%!important; margin: 50px 0 0 0!important;} .in_part2 .list dt{ transform: scale(0.8)!important;} .indexbannerbox .vbanner .m{ height: 400px!important; overflow: hidden; position: relative;} .indexbannerbox .vbanner .m img{ display: block; width: auto!important; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .indexbannerbox .vbanner .cont .h1, .indexbannerbox .vbanner .cont .h1 i{ font-size: 24px!important; line-height: 34px!important; font-weight: bold!important; text-align: center;} .indexbannerbox .vbanner .cont .p div i{ font-size: 17px!important; line-height: 20px!important; font-weight: bold;} .indexbannerbox .vbanner .cont .p div{ margin-top: 8px!important;} .indexbannerbox .swiper-button-next, .indexbannerbox .swiper-button-prev{ display: none!important;} /*.indexbannerbox .swiper-pagination{ width: 100%!important; display: flex!important; justify-content: center!important; right: auto!important; top: auto!important; transform: none!important; left: 0!important; bottom: 20px!important; margin: 0 4px!important;} .indexbannerbox .swiper-pagination-bullet{ width: 8px!important; height: 8px!important;}*/ .indexbannerbox .mk .h2, .indexbannerbox .mk .h3{ font-size: 24px; line-height: 34px; font-weight: bold;} .indexbannerbox .mk .v, .indexbannerbox .mk .d{ font-size: 17px; line-height: 30px; opacity: 0.8; font-weight: bold; margin-top: 10px; padding-bottom: 60px;} .indexbannerbox .mk .num{ font-size: 17px; font-weight: bold; line-height: 17px; margin-top: 30px;} .indexbannerbox .mk .num i{ font-size: 40px; line-height: 32px;} .indexbannerbox .vnumbox{ left: 0.3rem; bottom: 60px; right: 0.3rem; width: auto; transform: none; top: auto; display: flex; justify-content: space-between; flex-wrap: wrap;} .indexbannerbox .vnumbox .li{ width: 49%; text-align: center; padding: 15px 0 0 0;} .indexbannerbox .vnumbox .li .p{ font-size: 12px; line-height: 12px; margin-top: 5px;} .indexbannerbox .vnumbox .li .h{ font-size: 28px; line-height: 28px;} .indexNumber .list, #indexsixbox .list{ display: block;} /*#indexsixbox .list li{ width: auto!important; margin: 0!important;}*/ .indexIconBox .in_part2 .list li .mLi{ width: calc(100% - 115px); margin: 0;} .indexIconBox .in_part2 .list li .mLi .p{ height: auto!important;} .indexIconBox .in_part2 .li_svg{ transform: scale(0.6);} .indexIconBox .in_part2 .list li .mLi .p i{ font-size: 13px;} .indexIconBox2 .cont .tit{ text-align: center;} .indexIconBox .cont{ display: block;} .indexIconBox .in_part2 .list li{ padding: 35px 0;} .indexIconBox .in_part2 .list li:first-child{ padding: 0 0 35px 0;} .indexIconBox .in_part2 .list li .mLi .h1{ margin-top: 0;} #indexsixbox{ padding: 50px 0.3rem 50px 0.3rem!important;} .header .cont .right .nav .li a i{ color: #191B1D;} .header .cont .right .nav .li a::after{ background: #666; opacity: 0; content: ''; width: 6px; height: 6px; border-radius: 100%; position: absolute; left: 50%; bottom: 0; margin-left: -3px;} .header .cont .right .nav .li.on a::after{ opacity: 1;} .header .cont .right .tel i{ background: #191B1D;} .header .cont .right .tel i::after{ background: url(../images/tel.png) no-repeat center; background-size: 12px auto;} .header .cont .right .tel .p a, .header .cont .right .tel .p{ color: #191B1D;} .indexbannerbox .vbanner .m{ height: calc(100vh - 50px)!important;} .indexbannerbox .vnumbox{ bottom: 3rem;} .indexbannerbox .swiper-pagination{ display: none;} .welcomeUp .cont .h1{ font-size: 22px; line-height: 34px;} .welcomeUp .cont .tel i{ font-size: 16px; line-height: 16px; font-weight: bold;} .welcomeUp .cont .tel p{ font-size: 26px; line-height: 26px; margin-top: 0;} .indexNumber .list{ display: flex;} .welcomeUp .cont .serch .input input{ height: 40px; padding: 0 100px 0 10px;} .welcomeUp .cont .serch .input button{ width: 104px; height: 42px; font-size: 14px;} .welcomeUp .cont .bot button{ height: 44px; font-size: 16px;} .welcomeUp .cont .bot{ margin-top: 30px;} .welcomeUp .cont{ width: 6rem;} .in_part2 .cback video, .vindexnumber .cback video{ display: none; visibility: hidden;} /* 6.6 */ #indexsixbox .list ul{ display: flex; justify-content: space-between; flex-wrap: wrap;} #indexsixbox.indexsixboxxx{ padding: 0!important;} .indexIconBox .in_part2 .list li{ display: block;} .indexIconBox .in_part2 .li_svg{ margin: auto;} .indexIconBox .in_part2 .list li .mLi{ width: auto; text-align: center;} .indexIconBox #indexsixbox.in_part2 .list li, .indexIconBox #indexsixbox.in_part2 .list li:first-child{ margin: 0!important; padding: 35px 0!important;} .aboutNewsBox{ margin-bottom: 50px;} .in_part1 video{ display: none; } .in_part1 .wrap{ width: auto; margin: 0 20px;} .in_part1 .txt{ left: 20px;} .in_part1 .txt .pxx{ font-size: 36px; line-height: 55px; margin-bottom: 15px;} .in_part1 .txt .pxx2{ font-size: 20px; line-height: 1.4; margin-top: 10px;} .header .cont .logo a .em img{ width: auto; height: 22px;} .in_part1 .back{ } .in_part1 .txt span, .in_part1 .txt span p{ display: block;} .in_part1 .swiper2{ display: none;} .in_part1 .back li{ background-size: 200% auto;} .in_part1 .back .li1, .in_part1 .back .li3{ background-position: bottom left;} .in_part1 .back .li2{ background-position: top left;} .in_part1 .back .li4, .in_part1 .back .li6{ background-position: bottom right;} .in_part1 .back .li5{ background-position: top right;} .in_part1 .txt{ margin-top: -50px;} .in_part1 .ivon{content:""; position: absolute; width: 20px; height: 20px; border: 1px solid #fff; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 1px; border-top: none; border-left: none; transform: rotate(45deg); left: 50%; margin-left: -10px; top: 40vh; animation: header_h_tips 0.8s ease infinite alternate; z-index: 20; } @keyframes header_h_tips{ 0%{ margin-top:0; } 100%{ margin-top:10px;} } .in_part1 .txt{ right: 20px;} .header{ position: fixed;} .about_add_from .p{ margin: 0!important; font-size: 14px!important; line-height: 26px!important; margin-top: 30px!important;} .about_add_from .m img{ width: 100%!important;} .lm_about_p1 .txt span, .lm_about_p1 .txt, .lm_about_p1 .ps{ font-size: 26px!important;} .lm_about_p1 .txt, .lm_about_p1 .ps{ padding-left: 15px; letter-spacing: 2px;} .lm_about_p1 .ps{ margin-top: 10px!important;} .lm_about_p2 .con_box .wrap2{ display: block!important;} .lm_about_p2{ background: #000!important;} .lm_about_p2 .con_l .num{ font-size: 30px!important;} .lm_about_p2 .con_l .tit{ font-size: 24px!important;} .lm_about_p2 .con_l .txt{ width: auto!important; line-height: 26px!important;} .lm_about .about_more, .more_a_href a{ margin-top: 5px!important;} .lm_about_p2 .con_box1 .con_r{ width: 100%!important; margin: 15px 0 0 0!important;} .lm_about_p2 .con_box1 .con_r img{ display: block!important; width: 80%!important; height: auto!important; margin: 0!important;} .lm_about_p4 .con_r_pic .img1{ padding: 20px!important;} .lm_about_p4 .con_l .tit{ padding: 0!important; margin: 20px 0 0 0!important; width: auto!important;} .lm_about_p4 .con_l .tit .h{ font-size: 26px!important;} .lm_about_p4 .con_l .tit .p{ font-size: 14px!important; line-height: 26px!important; margin-top: 25px!important;} .more_a_href a{ width: 140px!important; line-height: 40px!important; height: 40px!important; margin-top: 20px!important; font-size: 14px!important;} .lm_about_p4 .list{ margin: 30px 0 0 0!important;} .lm_about_p4 .list .li{ width: 49%!important; margin: 0!important; padding: 0!important; margin-right: 2%!important; margin-top: 2%!important; padding: 10px!important; display: flex!important; box-sizing: border-box!important;} .lm_about_p4 .list .li:nth-child(2n){ margin-right: 0!important;} .lm_about_open .list{ justify-content: space-between!important;} .lm_about_open .list .li{ width: 43%; margin: 0!important; margin-top: 10px!important;} .lm_about_open .list a{ width: 100%!important;} .lm_about_open .list{ padding: 10px 0 30px 0!important;} .in_part1{ height: 100%;} .lm_about_licon_up{ background-size: auto 100%!important;} .lm_about_p1 .con{ top: 65%!important;} .contactMap{ height: auto;} .contactMap .m{ width: 100%; height: 9rem; overflow: hidden; position: relative;} .contactMap .m img{ display: block; height: 110%; width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .contactMap .icon img{ width: 1.2rem;} .contactMap .icon{ top: 2.3rem;} .caseDateImg{ width: auto; margin: 0 0.25rem 50px 0.25rem;} } @media screen and (min-width:750px){ } @media screen and (min-width:1280px) and (max-width: 1550px){ .bannerBox .img, .bannerBox{ height: 9.6rem;} .bannerBox .img img{ width: 100%; height: auto;} } .newsLister .newsList .li .h1 i, .newsDateBox .pager .mker .li .p { word-bread : break-all; text-overflow : ellipsis; display : -webkit-box; -webkit-box-orient : vertical; -webkit-line-clamp: 1; overflow : hidden; } .newsLister .newsList .li .p { word-bread : break-all; text-overflow : ellipsis; display : -webkit-box; -webkit-box-orient : vertical; -webkit-line-clamp: 2; overflow : hidden; } .newsLieft .lists .li .p{ word-bread : break-all; text-overflow : ellipsis; display : -webkit-box; -webkit-box-orient : vertical; -webkit-line-clamp: 3; overflow : hidden; }