/* pre css */ @font-face{font-family: Impact;src: url("../fonts/Impact.ttf");font-weight: normal;font-style: normal;} .warpper{width: 94%;max-width: 1600px;margin-left: auto;margin-right: auto;} @media screen and (max-width: 768px){ .warpper{width: 100%;padding: 0 15px;} } /* 头部 */ #header{margin-left: auto;margin-right: auto;width: 100%;} #header .p_gridbox{min-height: inherit;} #header .p_gridbox::after{content: '';clear: left;display: block;} #header>div>.p_gridCell{float: left;position: static;} #header>.p_gridbox>.p_gridCell{min-height: inherit !important;} @media screen and (max-width:768px) { #header>.p_gridbox>.p_gridCell:nth-child(1n + 1){width: 99%;margin-left: 0.5%;margin-right: 0.5%;clear: left;} } @media screen and (min-width: 769px){ #header>.p_gridbox>.p_gridCell:nth-child(1n + 1){width: 100%;margin-left: 0%;margin-right: 0%;clear: left;} } @media screen and (max-width: 1024px) and (min-width: 769px){ #header>.p_gridbox>.p_gridCell:nth-child(1n + 1){width: 99%;margin-left: 0.5%;margin-right: 0.5%;clear: left;} } #nav{min-height: 0px;background: rgba(255, 255, 255, .1);padding-top: 0px;padding-bottom: 0px;width: 100%;border-bottom: 1px solid rgba(255, 255, 255, .2);position: fixed;left: 0;top: 0;z-index: 999;transition: all .5s ease;background-color: rgba(255, 255, 255, .1);} #nav.active{background: #fff;box-shadow: 0 0 15px rgb(0 0 0 / 20%);} #nav .e_image-16{overflow: hidden;max-width: 197px;display-radio: 1;} #nav .e_image-16 img{width: 100%;height: 100%;object-fit: contain;filter: unset;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);} #nav.active .e_image-16 img{-webkit-filter: brightness(1) invert(0);filter: brightness(1) invert(0);} #nav .e_html-17{min-height: 0px;background_radio: 1;padding-left: 20px;padding-right: 15px;width: auto;padding-top: 4px;} #nav .e_html-17 .search_warp{cursor: pointer;} #nav .e_html-17 .search_warp i{color: #fff;font-size: 24px;} #nav.active .e_html-17 .search_warp i{color: #00a03c;} #nav .e_html-17 .search_warp:hover i{color: #054190} #nav .e_container-21{display: flex;flex-wrap: wrap;flex-direction: row;} #nav .e_container-21>.p_item{flex: 1;max-width: 100%;max-height: 100%;} #nav .e_container-22{display: flex;flex-wrap: wrap;flex-direction: row;width: 100%;} #nav .e_container-22>.p_item{flex: 1;max-width: 100%;max-height: 100%;} #nav .e_container-21 .cbox-21-0{flex: 0 0 auto;align-self: center;} #nav .e_container-21 .cbox-21-2{flex: 0 0 auto;align-self: center;} .havestatic>div, .havestatic>div[class*="cbox-"]{position: static !important;} #nav .e_navigationF-24{display: flex;justify-content: space-between;padding-left: 8%;padding-right: 3%;} @media screen and (max-width: 1024px) and (min-width: 769px){ #nav .e_navigationF-24{padding-left: 5%;padding-right: 0;} } #nav .e_navigationF-24 .p_navButton{width: 100px;justify-content: center;padding: 20px 0;display: none;} #nav .e_navigationF-24 .p_navButton>p{width: 21px;height: 16px;cursor: pointer;} #nav .e_navigationF-24 .p_navButton>p span{width: 100%;background: #054190;display: block;height: 2px;margin: 2px 0;float: left;-webkit-transition: all ease 0.8s, opacity ease 0.3s;-moz-transition: all ease 0.8s, opacity ease 0.3s;-ms-transition: all ease 0.8s, opacity ease 0.3s;-o-transition: all ease 0.8s, opacity ease 0.3s;transition: all ease 0.8s, opacity ease 0.3s;opacity: 1;} #nav .e_navigationF-24 .p_navButton>p span:nth-of-type(1){width: 50%;float: left;} #nav .e_navigationF-24 .p_navButton>p span:nth-of-type(3){width: 50%;float: right;} #nav .e_navigationF-24 .p_navButton>p.showmenu span{background: #054190;-webkit-animation: animaspan 0.5s 1;animation: animaspan 0.5s 1;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;} #nav .e_navigationF-24 .p_navButton>p.showmenu span:nth-of-type(1){transform: translateY(6px) rotate(720deg);width: 100%;} #nav .e_navigationF-24 .p_navButton>p.showmenu span:nth-of-type(2){transform: rotate(720deg);} #nav .e_navigationF-24 .p_navButton>p.showmenu span:nth-of-type(3){transform: translateY(-6px) rotate(720deg);width: 100%;} #nav .e_navigationF-24 .p_navButton>p.showmenu span.biahuan:nth-of-type(1){transform: translateY(6px) rotate(670deg);} #nav .e_navigationF-24 .p_navButton>p.showmenu span.biahuan:nth-of-type(2){transform: translateY(0px) rotate(768deg);} #nav .e_navigationF-24 .p_navButton>p.showmenu span.biahuan:nth-of-type(3){width: 0;opacity: 0;} #nav .e_navigationF-24 .p_navCon{color: #fff;font-size: 17px;line-height: 1;transition: all ease .3s;text-decoration: none;} #nav.active .e_navigationF-24 .p_navCon{color: #333;} #nav .e_navigationF-24 .p_navCon::after{background: #054190;height: 4px;} #nav .e_navigationF-24 .p_navBox2>div.warp{width: 94%;margin: 0 auto;display: flex;max-width: 1600px;justify-content: space-between;} #nav .e_navigationF-24 .p_navItem1:hover .p_navBox2{opacity: 1;visibility: visible;pointer-events: auto;} #nav .e_navigationF-24 .p_navBox2 ul{padding: 10px 0;} #nav .e_navigationF-24 .haveThree ul{padding: 0;} #nav .e_navigationF-24 .haveThree .p_navItem2{width: auto;margin-right: 0px;} #nav .e_navigationF-24 .p_navItem2 a{display: flex;align-items: center;width: 100%;transition: all ease .3s;} #nav .e_navigationF-24 .p_navCon2{font-size: 16px;text-align: left;color: #333;transition: all ease .15s;display: flex;width: 100%;padding: 0;line-height: 1.2;text-decoration: none;} #nav .e_navigationF-24 .haveThree .p_navCon2{text-align: left;font-size: 20px;padding: 0px 25px;font-weight: normal;letter-spacing: 0;line-height: 80px;} #nav .e_navigationF-24 .p_navItem2 a span{width: 100%;} #nav .e_navigationF-24 .p_navItem2 img{width: 100%;max-width: 50px;margin-right: 25px;} #nav .e_navigationF-24 .haveThree .p_navItem2 img{margin-right: 20px;} #nav .e_navigationF-24 .haveThree .p_level3Box{margin-top: 0px;padding-top: 0px;} #nav .e_navigationF-24 .p_level3Item{margin-right: 0px} #nav .e_navigationF-24 .p_navCon3{font-size: 16px;letter-spacing: 0;color: #333;padding: 0px 50px;line-height: 46px;transition: all ease .15s;font-weight: bold} #nav .e_navigationF-24 .p_navItem1{position: static;padding-left: 1vw;padding-right: 1vw} #nav .e_navigationF-24 .haveThree .p_navBox2{width: 100%;padding: 0px} #nav .e_navigationF-24 .haveThree .p_level4Box{flex-direction: column;margin-top: 20px} #nav .e_navigationF-24 .p_menuItem{font-size: 14px;font-weight: 500;color: rgb(255 255 255 / 50%);line-height: 1.7;transition: all ease .15s} #nav .e_navigationF-24 .p_level4Item span{display: flex;flex-direction: column;justify-content: center} #nav .e_navigationF-24 .p_level4Item .p_dian{width: 15px;position: relative} #nav .e_navigationF-24 .p_level4Item .p_dian::after{content: '';width: 4px;height: 4px;background: rgb(0 0 0 / 40%);border-radius: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)} #nav .e_navigationF-24 .p_level4Item img{width: auto} #nav .e_navigationF-24 .p_navItem2 a:hover, #nav .e_navigationF-24 .p_navItem2 .p_navCon3:hover, #nav .e_navigationF-24 .p_navItem2 .p_menuItem:hover, #nav .e_navigationF-24 .p_navItem2 .p_menuItemhat:hover{color: #054190;border-bottom: 1px solid #054190} #nav .e_navigationF-24 .p_listthree img{width: auto} #nav .e_navigationF-24 .p_listthree .p_menuItemhat{font-size: 14px;font-weight: 500;color: #333;line-height: 1.7;transition: all ease .15s} #nav .e_navigationF-24 .p_navBox2.isdesign{display: none;opacity: 1;visibility: visible} #nav .e_navigationF-24 .p_navItem1>p a{padding: 0;width: 100%} #nav .e_navigationF-24 .p_navBox2{background: #f2f3f1;padding: 0px 0 0px;opacity: 0;visibility: hidden;width: 100%;border-bottom: 4px solid #054190} #nav .e_navigationF-24 .p_navItem2 a span.p_img{width: auto;margin-right: 0;display: none} #nav .e_navigationF-24 .haveThree .p_navItem2 a span{width: auto;margin-right: 0;font-size: 20px;color: #333;font-weight: normal;letter-spacing: 0px} #nav .closeFrom{display: flex;flex-direction: column;justify-content: center} #nav .closeFrom i{color: #054190;font-size: 20px;transition: all ease .3s;cursor: pointer} #nav .closeFrom:hover i{transform: rotate(90deg)} #nav .boxForm.active{top: 0} #nav .e_form-28{display: flex;flex-wrap: wrap;flex-direction: row;width: 100%;background: #fff;position: fixed;top: -81px;left: 0;right: 0;height: 81px;padding: 0 15px;transition: all ease .5s;background-color: #fff;z-index: 9;} #nav .e_form-28>.p_formItem{max-width: 1600px;max-height: 100%;width: 94%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;} #nav .e_input-29 .p_phoneCode{width: 90px;margin-right: 10px} #nav .e_formBtn-30{position: relative;overflow: hidden;text-align: center;box-sizing: border-box;width: 120px;margin: 8px;height: 38px;display: flex;justify-content: center;box-shadow: none;border: 1px solid #ccc;border-radius: 55px;color: #333;line-height: 1;font-size: 15px;background: #fff;transition: all ease .3s} #nav .e_formBtn-30:hover{background-color: #054190;color: #fff;} #nav .e_form-28 .e_input-29{width: 90%;margin: 0;display: flex;flex-direction: column;justify-content: center} #nav .e_form-28 .e_input-29 input{height: 50px;border: 0;outline: 0;box-shadow: none} #nav .e_container-31{display: flex;flex-wrap: wrap;flex-direction: row;width: 100%;display-radio: flex} #nav .e_container-31>.p_item{flex: 0 0 auto;max-width: 100%;max-height: 100%} #nav .e_container-31 .p_item{display-radio: 1} #nav .e_text-32{font_radio: 2;display-radio: 1;font-size: 18px;font-weight: bold;color: #fff;transition: all .5s ease} #nav.active .e_text-32{color: rgba(0, 159, 60, 1);visibility: visible !important} #nav .e_text-33{line-height: 1.5;font_radio: 2;display-radio: 1;font-size: 15px;color: #fff;transition: all .5s ease} #nav.active .e_text-33{color: #666;visibility: visible !important} #nav .e_container-31 .cbox-31-1{padding-left: 15px;margin-left: 15px;align-self: center} #nav .e_container-34{display: flex;flex-wrap: wrap;flex-direction: row;width: 100%} #nav .e_container-34>.p_item{flex: 1;max-width: 100%;max-height: 100%} #nav .e_image-35{overflow: hidden;display-radio: 1;max-width: 35px} #nav .e_image-35 img{width: 100%;height: 100%;object-fit: contain;filter: grayscale(100%) brightness(500%);transition: all .5s ease} #nav.active .e_image-35 img{width: 100%;height: 100%;object-fit: contain;filter: grayscale(0) brightness(0);transition: all .5s ease} #nav .e_text-36{line-height: normal;font_radio: 2;display-radio: 1;font-size: 20px;font-family: Impact;color: #fff;transition: all .5s ease} #nav.active .e_text-36{color: #222;visibility: visible !important} #nav .e_container-34 .cbox-34-0{flex: 0 0 auto;align-self: center} #nav .e_container-34 .cbox-34-1{flex: 0 0 auto;align-self: center;padding-left: 10px} #nav .e_input-29{display-radio: 1} @media screen and (max-width:768px) { .p_haveNav{min-height: auto !important} .p_haveNav.fix{position: fixed !important;z-index: 1000;top: 0;left: 0;right: 0;background: #fff} #nav .e_navigationF-24{padding: 0;} #nav .e_navigationF-24 .p_navBox1::-webkit-scrollbar{width: 0px} #nav .e_navigationF-24 .p_navBox1::-webkit-scrollbar-track{background: #252525} #nav .e_navigationF-24 .p_navBox1::-webkit-scrollbar-thumb{background: #545454} #nav .e_navigationF-24 .p_navBox1::-webkit-scrollbar-thumb:hover{background: #fff} #nav .e_navigationF-24 .p_navButton{width: 60px;height: 60px;align-items: center;display: flex;justify-content: center;padding: 0} #nav .e_navigationF-24 .p_navBox1{position: absolute;top: 100%;left: 0;right: 0;background: #fff;padding: 0px;height: calc(0vh);overflow-y: scroll;z-index: 10;max-height: 1080px;transition: all ease .3s} #nav .e_navigationF-24 .p_navBox1.pkcclb{height: calc(100vh)} #nav .e_navigationF-24 .p_navItem1{border-top: 1px solid #eee;padding: 15px 20px} #nav .e_navigationF-24 .p_navItem1:last-child{margin-bottom: 100px} #nav .e_navigationF-24 .p_navCon{display: flex;justify-content: space-between;color: #333;line-height: 22px;font-size: 14px} #nav .e_navigationF-24 .p_navCon2{padding: 15px;font-size: 14px;border-top: 1px solid #eee;color: #333} #nav .e_navigationF-24 .p_navCon3{display: flex;justify-content: space-between;padding: 0;color: #333;font-size: 14px} #nav .e_navigationF-24 .p_navItem1>p i, #nav .e_navigationF-24 .p_navItem2>p i, #nav .e_navigationF-24 .p_level3Item>p i{width: 16px;margin: 0px 0;opacity: .5;font-size: 14px;cursor: pointer;transition: all ease .3s} #nav .e_navigationF-24 .p_navItem1>p a{padding: 0} #nav .e_navigationF-24 .p_navItem2 .p_img, #nav .e_navigationF-24 .p_level3Item span{opacity: .8} #nav .e_navigationF-24 .p_navItem2 .p_img img{width: 23px;margin-right: 10px} #nav .e_navigationF-24 .p_navBox2{display: none;opacity: 1;visibility: visible;background: none;width: 100%;margin-top: 15px;border-bottom: none} #nav .e_navigationF-24 .p_navBox2 ul{padding: 0px} #nav .e_navigationF-24 .p_level3Box{display: none} #nav .e_navigationF-24 .p_level3Item{width: 100%;margin: 0} #nav .e_navigationF-24 .p_level3Item span, #nav .e_navigationF-24 .p_level4Item span{display: none} #nav .e_navigationF-24 .p_level4Box{display: none} #nav .e_navigationF-24 .p_level3Item .p_menuItem{font-size: 14px} #nav .e_navigationF-24 .p_level4Item .p_menuItem::before{display: none} #nav .e_navigationF-24 p i.rotate{transform: rotate(90deg)} #nav .e_navigationF-24 .p_navItem2{margin-bottom: 0px} #nav .e_navigationF-24 .p_navItem2 span{display: flex;flex-direction: column;justify-content: center} #nav .e_navigationF-24 .p_level3Item:first-child{margin-top: 15px;padding-top: 15px;border-top: 1px solid rgb(255 255 255 / 20%);margin-right: 0} #nav .e_navigationF-24 .p_level3Item:last-child{padding: 0 0 20px} #nav .e_navigationF-24 .p_navItem2 img{width: auto;max-width: 23px;margin-right: 10px} #nav .e_navigationF-24 .p_level4Item:first-child{margin-top: 20px} #nav .e_navigationF-24 .p_level4Item:last-child{margin-bottom: 20px} #nav .e_navigationF-24 .p_navBox1.isdesign{height: calc(100vh);display: none} #nav{background: #fff} #nav .e_container-21{position: relative;width: 100%;padding: 0px 0px 0px 15px;justify-content: space-between;display-radio: 1} #nav .e_container-21 .cbox-21-0{flex: 0 0 150px} #nav .e_image-16 img{-webkit-filter: brightness(1) invert(0);filter: brightness(1) invert(0);} #nav.active .e_html-17 .search_warp i{color: #333} #nav .e_html-17 .search_warp i{color: #333} #nav .e_container-21 .cbox-21-1{flex: 0 0 auto} #nav .e_container-21 .cbox-21-2{flex: 0 0 auto;position: absolute !important;right: 62px;z-index: 5} #nav .e_html-17{padding-left: 10px;padding-right: 10px} #nav .e_navigationF-24 .p_navButton>p span:nth-of-type(1){width: 100%;float: left} #nav .e_navigationF-24 .p_navButton>p span:nth-of-type(3){width: 100%;float: right} #header>.p_gridbox>.p_gridCell:nth-child(1n + 1){width: 100%;margin-left: 0;margin-right: 0;margin-top: 0;margin-bottom: 0;clear: left} #nav .e_navigationF-24 .p_navBox2 .left .title{display: none} #nav .e_navigationF-24 .p_navBox2 .left .jieshao{display: none} #nav .e_navigationF-24 .p_navBox2 .center{display: none} #nav .e_navigationF-24 .p_navBox2 .right{display: none} #nav .e_navigationF-24 .p_navItem2 a i{display: none} #nav .e_navigationF-24 .p_navBox2>div.warp{width: 100%} #nav .e_navigationF-24 .p_navItem1 .p_navBox2 .left{width: 100%} #nav .e_navigationF-24 .p_navItem2 a:hover, #nav .e_navigationF-24 .p_navItem2 .p_navCon3:hover, #nav .e_navigationF-24 .p_navItem2 .p_menuItem:hover, #nav .e_navigationF-24 .p_navItem2 .p_menuItemhat:hover{border-bottom: none} #nav .e_navigationF-24 .p_navItem2:first-child .p_navCon2{border-top: none} #nav .e_navigationF-24 .p_navItem2:last-child .p_navCon2{padding-bottom: 0px} #nav .e_navigationF-24 .haveThree .p_navCon2{text-align: left;font-size: 14px;padding: 15px;font-weight: normal;letter-spacing: 0;line-height: 22px} #nav .e_navigationF-24 .haveThree .p_navItem2 a span{width: 100%;margin-right: 0;font-size: 14px;color: #333;font-weight: normal;letter-spacing: 0px;} #nav .e_navigationF-24 .haveThree .p_navCon2:hover a span{color: #054190;} #nav .e_image-16{display-radio: 1;max-width: 110px;} #nav .e_container-31 .cbox-31-1{display: none;} } @media screen and (min-width: 769px) { .p_haveNav{min-height: auto !important} #nav .e_navigationF-24 .p_navBox2 .warp .left{width: 60%;padding: 0px;} #nav .e_navigationF-24 .p_navBox2 .warp .left .title{font-size: 26px;line-height: 26px;color: #333;font-weight: bold;margin-bottom: 20px;} #nav .e_navigationF-24 .p_navBox2 .warp .left .jieshao{font-size: 15px;line-height: 1.8;color: #777;margin-bottom: 15px;} #nav .e_navigationF-24 .p_navBox2 .warp .center{width: 33%;} #nav .e_navigationF-24 .p_navBox2 .warp .center .imgZoom{position: relative;display: block;width: 100%;height: 0;overflow: hidden;padding-bottom: 55%;} #nav .e_navigationF-24 .p_navBox2 .warp .center .imgZoom img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);width: 100%;height: auto;transition: all 0.8s ease .1s;} #nav .e_navigationF-24 .p_navItem2 a{padding: 15px 0px;border-bottom: 1px solid #ccc;} #nav .e_navigationF-24 .p_navBox1{display: flex;justify-content: space-between;width: 100%;} #nav .e_navigationF-24 .p_navItem1>p{display: flex;position: relative;} #nav.active .e_navigationF-24 .p_navItem1>p a{color: #333;} #nav .e_navigationF-24 .p_navItem1>p a{display: block;line-height: 90px;color: #fff;} #nav .e_navigationF-24 .p_navItem1>p i{display: none;} #nav .e_navigationF-24 .p_navItem1>p::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;width: 0;margin: 0 auto;transition: all ease .3s;} #nav .e_navigationF-24 .p_navItem1:hover>p::after{width: 100%;} #nav .e_navigationF-24 .p_navBox2{position: absolute;left: 50%;padding: 60px 0px;transform: translateX(-50%);top: 100%;display: flex;justify-content: center;z-index: 10;transition: all ease .3s;pointer-events: none;} #nav .e_navigationF-24 .p_navBox2 .left ul li{width: 33.33%;padding-right: 5%;} #nav .e_navigationF-24 .p_navBox2 ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;} #nav .e_navigationF-24 .haveThree ul{flex-direction: row;justify-content: flex-end;} #nav .e_navigationF-24 .haveThree .p_navBox2 .left ul li{width: 100%;margin-right: 0px;} #nav .e_navigationF-24 .haveThree .p_navBox2 .left ul li.cur{background: #fff;} #nav .e_navigationF-24 .haveThree .p_navItem2.cur a span{color: #054190;} #nav .e_navigationF-24 .haveThree .p_navItem2 i{display: none;} #nav .e_navigationF-24 .haveThree .p_navBox2 .warp .center .sj_warp .p_level3Box{display: none;} #nav .e_navigationF-24 .haveThree .p_navBox2 .warp .center .sj_warp{padding: 40px 0px;} #nav .e_navigationF-24 .haveThree .p_navBox2 .warp .center .sj_warp .p_level3Box.pro_cur{display: block;} #nav .e_navigationF-24 .p_navCon3 .p_jtIcon{display: none;} #nav .e_navigationF-24 .p_navCon3 .sj_icon{margin-right: 10px;} #nav .e_navigationF-24 .p_level3Box .p_menuItemhat{font-size: 16px;font-weight: normal;color: #333;line-height: 1.6;transition: all ease .15s;} #nav .e_navigationF-24 .p_navItem2 a span{display: flex;flex-direction: column;justify-content: center;} #nav .e_navigationF-24 .p_navItem2>p>i{display: none;} #nav .e_navigationF-24 .p_navItem2>p>a i{font-size: 12px;} #nav .e_navigationF-24 .p_level3Box.p_listthree{flex-direction: column;} #nav .e_navigationF-24 .haveThree .p_level3Box{min-height: 510px;} #nav .e_navigationF-24 .p_level3Item:hover .p_menuItemhat{color: #054190;} #nav .e_navigationF-24 .p_level3Item:hover .sj_icon{fill: #054190;} #nav .e_navigationF-24 .p_navCon3 a{display: block;width: 100%;} #nav .e_navigationF-24 .p_navItem1:hover>p a, #nav.active .e_navigationF-24 .p_navItem1:hover>p a{color: #054190;} } @media screen and (max-width: 1024px) and (min-width: 769px) { #nav .e_navigationF-24 .p_level3Item{margin-right: 25px;} #nav .e_navigationF-24 .haveThree .p_navItem2{margin-right: 30px;} #nav .e_navigationF-24 .haveThree .p_navItem2 a{font-size: 18px;line-height: 28px;} #nav .e_navigationF-24 .p_navItem2 img{max-width: 28px;margin-right: 10px;} #nav .e_navigationF-24 .haveThree .p_level3Box{padding-left: 3px;} #nav .e_navigationF-24 .haveThree .p_level4Box{padding-left: 11px;} #nav .e_container-31 .cbox-31-1{display: none;} #nav .e_navigationF-24 .p_navItem1{position: static;padding-left: 0.5vw;padding-right: 0.5vw;} #nav .e_navigationF-24 .p_navCon{font-size: 15px;} #nav .e_image-16{max-width: 150px;} } @media screen and (max-width: 1280px) and (min-width: 1025px) { #nav .e_container-31 .cbox-31-1{display: none;} } @media screen and (max-width: 1440px) and (min-width: 1281px) { #nav .e_container-31 .cbox-31-1{display: none;} } /* 首页大图 */ .banner{position: relative;} .banner .swiper-container{width: 100%;height: 100vh;max-height: 950px;overflow: hidden} .banner .swiper-slide{overflow: hidden;background: #fff;z-index: 10} .banner .swiper-slide-active{z-index: 11} .banner a{display: block;width: 100%;height: 100%;} .banner a img{width: 100%;height: 100%;object-fit: cover;} .banner .p_scrool{position: absolute;left: calc((100% - 90px) / 2);bottom: 40px;color: #fff;width: 90px;z-index: 10} .banner .p_scrool span{text-transform: uppercase;color: #fff;display: block;font-family: arial;line-height: 20px;margin-top: 12px;font-size: 12px} .banner .p_scrool i{display: block;width: 20px;height: 30px;margin: 0 auto;border-radius: 12px;border: 2px #fff solid;position: relative} .banner .p_scrool i:before{content: "";display: block;width: 4px;height: 10px;background: #fff;border-radius: 2px;position: absolute;left: 50%;transform: translate(-50%, 0);top: 3px;animation: scrollmouse 2s linear infinite} @keyframes scrollmouse { from{transform: translate(-50%, 0);opacity: 1} to{transform: translate(-50%, 10px);opacity: 0} } .banner .swiper-pagination{position: absolute;display: flex;flex-direction: row;top: auto;right: auto;transform: translate(50%, -50%);left: 7%;width: auto;height: auto;bottom: 40px} .banner .swiper-pagination-bullet{margin: 3px 5px !important;background: hsl(0deg 0% 100% / 40%);opacity: 1;width: 10px;height: 10px;transition: all ease .3s} .banner .swiper-pagination-bullet-active{width: 30px;border-radius: 15px;background: rgb(255 255 255)} .banner .swiper-pagination-bullet:hover{background: rgb(255 255 255)} .banner .p_btn_next{color: #fff;border-radius: 0;border: 1px solid #fff;width: 50px;height: 50px;transition: all ease .3s;position: static;margin: 0 auto} .banner .p_btn_next::after{font-size: 16px} .banner .p_btn_next:hover{background: rgba(255, 255, 255, .6);border: 1px solid rgba(255, 255, 255, .9)} .banner .p_btn_next:hover::after{color: #054190} .banner .p_btn_prev{color: #fff;border-radius: 0;border: 1px solid #fff;height: 50px;width: 50px;transition: all ease .3s;position: static;margin: 0px 20px 0px 0px} .banner .p_btn_prev::after{font-size: 16px} .banner .p_btn_prev:hover{background: rgba(255, 255, 255, .6);border: 1px solid rgba(255, 255, 255, .9)} .banner .p_btn_prev:hover::after{color: #054190} .banner .p_arr{max-width: 120px;width: 100%;position: absolute;right: 7%;bottom: 40px;height: auto;z-index: 1;display: flex;flex-direction: row;justify-content: center;text-align: center} @media screen and (max-width: 768px){ .banner .swiper-container{height: 100%;margin-top: 60px;} .banner .swiper-pagination{right: auto;top: auto;bottom: 10px;left: auto;width: 100%;justify-content: center;height: auto;transform: unset;flex-direction: row;} .banner .swiper-pagination-bullet{width: 6px;height: 6px;margin: 3px !important;} .banner .swiper-pagination-bullet-active{width: 20px;} .banner .p_arr{display: none;} .banner .p_scrool{display: none;} } /* 首页导航 */ .indexnav-main{background-color: #f8f8f8;padding-top: 70px;} .indexnav-main .list li{float: left;width: calc(100% / 4);} .indexnav-main .list li a{display: block;display: flex;justify-content: center;flex-direction: column;align-items: center;} .indexnav-main .list li a .img{width: 120px;height: 120px;line-height: 120px;text-align: center;font-size: 0;background-image: url(../images/indexnav-li.png);background-position: center;background-repeat: no-repeat;background-size: cover;} .indexnav-main .list li a .img img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;} .indexnav-main .list li a .name{color: #4364a0;font-size: 32px;line-height: 1;margin-top: 20px;} @media screen and (max-width: 768px){ .indexnav-main{padding-top: 40px;} .indexnav-main .list li a .img{width: 70px;height: 70px;line-height: 70px;} .indexnav-main .list li a .name{font-size: 17px;margin-top: 10px;} } /* 公司简介 */ .company-main{background-color: #f8f8f8;padding: 6% 0 8% 0;} .company-main .img{float: left;width: 48%;height: 560px;overflow: hidden;} .company-main .img img{width: 100%;height: 100%;object-fit: cover;} .company-main .show{float: right;width: 48%;} .company-main .show .en{padding-top: 30px;color: #054190;font-size: 50px;font-weight: 700;text-transform: uppercase;line-height: 1;position: relative;} .company-main .show .en::before{content: '';position: absolute;top: 0;left: 0;width: 98px;height: 2px;background-color: #054190;} .company-main .show .tit{line-height: 1;color: #054190;font-size: 36px;margin: 20px 0 30px 0;} .company-main .show .con{color: #242424;font-size: 20px;line-height: 1.5;text-indent: 2em;} .company-main .show .tags{color: #054190;font-size: 24px;line-height: 1.3;margin: 20px 0 30px 0;} .company-main .show .more{width: 145px;height: 38px;color: #242424;font-size: 16px;border: 1px solid #154d97;display: flex;justify-content: center;align-items: center;transition: all .5s ease;} .company-main .show .more i{padding-left: 12px;} .company-main .show .more i img{display: block;transition: all .5s ease;} .company-main .show .more:hover{background-color: #154d97;color: #fff;} .company-main .show .more:hover i img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);} .company-main .show .list{margin-top: 50px;display: flex;justify-content: space-between;align-items: center;} .company-main .show .list li{margin-left: auto;line-height: 1;} .company-main .show .list li:first-child{margin-left: 0;} .company-main .show .list li .data{color: rgba(42,42,42,0.67);font-size: 16px;} .company-main .show .list li .data span{color: #323332;font-size: 68px;font-family: "Impact";} .company-main .show .list li .txt{color: rgba(42,42,42,0.67);font-size: 15px;margin-top: 20px;} @media screen and (max-width: 1023px){ .company-main .img{height: 600px;} .company-main .show .en{font-size: 40px;padding-top: 20px;} .company-main .show .tit{font-size: 26px;} .company-main .show .con{font-size: 18px;} .company-main .show .tags{font-size: 22px;} .company-main .show .list li .data span{font-size: 50px;} } @media screen and (max-width: 768px){ .company-main{padding: 40px 0;} .company-main .img{float: none;width: 100%;height: auto;} .company-main .show{float: none;width: 100%;margin-top: 30px;} .company-main .show .en{font-size: 30px;padding-top: 10px;} .company-main .show .en::before{width: 70px;height: 1px;} .company-main .show .tit{font-size: 20px;margin: 10px 0 20px 0;} .company-main .show .con{font-size: 16px;} .company-main .show .tags{font-size: 20px;margin: 10px 0 20px 0;} .company-main .show .list{margin-top: 20px;} .company-main .show .list li .data{font-size: 15px;} .company-main .show .list li .data span{font-size: 40px;} .company-main .show .list li .txt{font-size: 14px;margin-top: 10px;} } /* 首页公共头部 */ .indextop{text-align: center;} .indextop .topcom{height: 100px;position: relative;} .indextop .topcom .name, .indextop .topcom .en{position: absolute;left: 0;width: 100%;line-height: 1;color: #02428d;font-weight: 700;} .indextop .topcom .name{top: 0;font-size: 78px;z-index: 1;} .indextop .topcom .en{bottom: 0;font-size: 58px;text-transform: uppercase;letter-spacing: 4px;opacity: 0.2;} .indextop .indexmore{display: block;float: right;margin-top: -62px;width: 178px;height: 62px;line-height: 58px;text-align: center;font-size: 25px;color: #0f4b94;border: 2px solid #527eb9;border-radius: 40px;transition: all .5s ease;position: relative;z-index: 2;} .indextop .indexmore:hover{background-color: #0f4b94;border-color: #0f4b94;color: #fff;} .indextop .toptxt{margin-top: 50px;color: #5f5f5f;font-size: 22px;line-height: 1.6;} .indextop .toptxt span{display: block;} @media screen and (max-width: 1023px){ .indextop .indexmore{margin-top: -40px;width: 140px;height: 40px;line-height: 36px;font-size: 20px;} } @media screen and (max-width: 768px){ .indextop .topcom{height: 65px;} .indextop .topcom .name{font-size: 50px;} .indextop .topcom .en{font-size: 30px;} .indextop .toptxt{margin-top: 20px;font-size: 18px;} .indextop .toptxt span{display: none;} .indextop .indexmore{float: none;margin: 20px auto 0;font-size: 16px;} } /* 行业应用 */ .yingyong-main{background-color: #e1eeff;padding-top: 6%;} .yingyong-main .list{margin-top: 70px;background-color: #044796;padding: 9% 0 20px 0;position: relative;} .yingyong-main .list .swiper-slide{width: 45%;margin: 0 4%;} .yingyong-main .list .swiper-slide .show{position: relative;padding: 70px 30px 90px 90px;z-index: 1;} .yingyong-main .list .swiper-slide .show::before{opacity: 0;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;transition: all .5s ease;z-index: -1;} .yingyong-main .list .swiper-slide .show .tit{opacity: 0;color: #3d4747;font-size: 32px;line-height: 1;padding-right: 10%;transition: all .5s ease;} .yingyong-main .list .swiper-slide .show .con{opacity: 0;color: #767676;font-size: 18px;line-height: 2;padding-right: 14%;margin: 20px 0 30px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all .5s ease;} .yingyong-main .list .swiper-slide .show .more{opacity: 0;display: block;width: 182px;height: 50px;line-height: 50px;text-align: center;border: 1px solid #0d4286;font-size: 15px;color: #fff;background-color: #0d4286;transition: all .5s ease;} .yingyong-main .list .swiper-slide .show .more:hover{background-color: transparent;color: #0d4286;} .yingyong-main .list .swiper-slide .show .img{width: calc(100% + 30px);padding-bottom: 58%;position: relative;overflow: hidden;margin-top: 50px;} .yingyong-main .list .swiper-slide .show .img img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;} .yingyong-main .list .swiper-slide.swiper-slide-next{margin-left: calc(4% - 90px);} .yingyong-main .list .swiper-slide.swiper-slide-active .show::before, .yingyong-main .list .swiper-slide.swiper-slide-active .show .tit, .yingyong-main .list .swiper-slide.swiper-slide-active .show .con, .yingyong-main .list .swiper-slide.swiper-slide-active .show .more{opacity: 1;} .yingyong-main .list .yingyong-pagination{bottom: 50px;display: flex;justify-content: center;align-items: center;width: 100%;} .yingyong-main .list .yingyong-pagination span{width: 20px;height: 20px;border-radius: 50%;margin: 0 5px;border: 3px solid #fff;background-color: #0054ab;} .yingyong-main .list .yingyong-pagination span.swiper-pagination-bullet-active{background-color: transparent;border-color: #0054ab;} .yingyong-main .list .yingyong-prev, .yingyong-main .list .yingyong-next{width: 50px;height: 50px;border: 2px solid #fff;color: #fff;margin-top: 150px;transition: all .5s ease;} .yingyong-main .list .yingyong-prev::after, .yingyong-main .list .yingyong-next::after{font-size: 20px;} .yingyong-main .list .yingyong-prev{left: calc(23% - 20px);} .yingyong-main .list .yingyong-next{right: calc(23% - 20px);} .yingyong-main .list .yingyong-prev:hover, .yingyong-main .list .yingyong-next:hover{background-color: #fff;color: #0054ab;} @media screen and (max-width: 768px){ .yingyong-main{padding-top: 40px;} .yingyong-main .list{margin-top: 30px;padding-top: 40px;} .yingyong-main .list .swiper-slide{width: calc(100% - 100px);margin: 0 50px;} .yingyong-main .list .swiper-slide .show{padding: 20px 20px 50px 20px;} .yingyong-main .list .swiper-slide .show .tit{font-size: 20px;padding-right: 0;} .yingyong-main .list .swiper-slide .show .con{font-size: 16px;line-height: 1.8;margin: 10px 0 20px 0;padding-right: 0;} .yingyong-main .list .swiper-slide .show .more{font-size: 14px;width: 160px;height: 40px;line-height: 40px;} .yingyong-main .list .swiper-slide .show .img{width: 100%;margin-top: 20px;} .yingyong-main .list .swiper-slide.swiper-slide-next{margin-left: 0;} .yingyong-main .list .yingyong-prev, .yingyong-main .list .yingyong-next{width: 30px;height: 30px;margin-top: 80px;} .yingyong-main .list .yingyong-prev::after, .yingyong-main .list .yingyong-next::after{font-size: 14px;} .yingyong-main .list .yingyong-prev{left: 10px;} .yingyong-main .list .yingyong-next{right: 10px;} .yingyong-main .list .yingyong-pagination{bottom: 40px;} .yingyong-main .list .yingyong-pagination span{width: 14px;height: 14px;border-width: 2px;margin: 0 4px;} } /* 产品中心 */ .product-main{background-color: #f4f8fb;padding: 8% 0;} .product-main .list{padding-top: 7%;margin: -10px -1%;} .product-main .list li{float: left;width: 23%;margin: 10px 1%;} .product-main .list li a{display: block;text-align: center;} .product-main .list li a .img{padding-bottom: 130%;position: relative;overflow: hidden;border-radius: 10px;} .product-main .list li a .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s ease;} .product-main .list li a .name{color: #000;font-size: 30px;line-height: 1.6;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .product-main .list li a .en{color: #02428d;font-size: 18px;line-height: 1.2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .product-main .list li a:hover .img img{transform: scale(1.1);} @media screen and (max-width: 768px){ .product-main{padding: 40px 0;} .product-main .list{padding-top: 30px;} .product-main .list li{width: 48%;} .product-main .list li a .name{font-size: 18px;margin-top: 10px;} .product-main .list li a .en{font-size: 14px;} } /* 核心优势 */ .hexin-main{background-color: #fff;padding: 7% 0;} .hexin-main .list{padding-top: 6%;margin: -10px -1%;display: flex;} .hexin-main .list li{width: 23%;margin: 10px 1%;cursor: pointer;} .hexin-main .list li .show{text-align: center;padding: 70px 20px;background-color: #fff;transition: all .5s ease;display: flex;justify-content: center;flex-direction: column;align-items: center;} .hexin-main .list li .show .img{width: 140px;height: 140px;line-height: 140px;font-size: 0;overflow: hidden;background-color: #eef4ff;border-radius: 50%;} .hexin-main .list li .show .img img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;} .hexin-main .list li .show .name{color: #171717;font-size: 30px;line-height: 1.5;font-weight: 700;margin: 50px 0 10px 0;} .hexin-main .list li .show .con{color: #636363;font-size: 20px;line-height: 1.8;} .hexin-main .list li:hover .show{box-shadow: 0 0 50px 0 rgba(0,0,0,0.1);} @media screen and (max-width: 1023px){ .hexin-main .list li .show{padding: 50px 20px;} .hexin-main .list li .show .img{width: 100px;height: 100px;line-height: 100px;} .hexin-main .list li .show .name{font-size: 24px;margin: 30px 0 5px 0;} .hexin-main .list li .show .con{font-size: 16px;} } @media screen and (max-width: 768px){ .hexin-main{padding: 40px 0;} .hexin-main .list{padding-top: 30px;flex-wrap: wrap;} .hexin-main .list li{width: 48%;} .hexin-main .list li .show{padding: 20px 10px;} .hexin-main .list li .show .img{width: 80px;height: 80px;line-height: 80px;} .hexin-main .list li .show .name{font-size: 18px;margin-top: 15px;} .hexin-main .list li .show .con{font-size: 14px;} } /* 合作伙伴 */ .hezuo-main{background-color: #f5f6f8;padding: 7% 0;} .hezuo-main .list{position: relative;margin: 0 -1%;padding-top: 6%;} .hezuo-main .list .swiper-slide{width: 18%;margin: 0 1%;} .hezuo-main .list .swiper-slide a{display: block;padding: 10px;background-color: #fff;text-align: center;transition: all .5s ease;} .hezuo-main .list .swiper-slide a .imgtop{border: 2px solid #fafafa;position: relative;padding-bottom: 100%;background-color: #fff;overflow: hidden;transition: all .5s ease;} .hezuo-main .list .swiper-slide a .imgtop .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .hezuo-main .list .swiper-slide a .imgtop .img img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;} .hezuo-main .list .swiper-slide a .name{color: #333;font-size: 22px;line-height: 1;margin-top: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .5s ease;} .hezuo-main .list .swiper-slide a .tit{color: #999;font-size: 16px;line-height: 1;margin: 20px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .5s ease;} .hezuo-main .list .swiper-slide a:hover{background-color: #0f4b94;} .hezuo-main .list .swiper-slide a:hover .imgtop{border-color: #fff;} .hezuo-main .list .swiper-slide a:hover .name, .hezuo-main .list .swiper-slide a:hover .tit{color: #fff;} .hezuo-main .list .hezuo-prev, .hezuo-main .list .hezuo-next{width: 50px;height: 70px;color: #d8d8d9;transition: all .5s ease;} .hezuo-main .list .hezuo-prev::after, .hezuo-main .list .hezuo-next::after{font-size: 40px;} .hezuo-main .list .hezuo-prev{left: -2%;} .hezuo-main .list .hezuo-next{right: -2%;} .hezuo-main .list .hezuo-prev:hover, .hezuo-main .list .hezuo-next:hover{background-color: #0e4a94;color: #fff;} @media screen and (max-width: 1023px){ .hezuo-main .list .swiper-slide{width: 23%;} .hezuo-main .list .hezuo-prev, .hezuo-main .list .hezuo-next{width: 40px;height: 60px;} .hezuo-main .list .hezuo-prev{left: 0;} .hezuo-main .list .hezuo-next{right: 0;} .hezuo-main .list .hezuo-prev::after, .hezuo-main .list .hezuo-next::after{font-size: 30px;} } @media screen and (max-width: 768px){ .hezuo-main{padding: 40px 0;} .hezuo-main .list{padding-top: 30px;} .hezuo-main .list .swiper-slide{width: 48%;} .hezuo-main .list .swiper-slide a{padding: 5px;} .hezuo-main .list .swiper-slide a .name{margin-top: 15px;font-size: 18px;} .hezuo-main .list .swiper-slide a .tit{font-size: 14px;margin: 10px 0;} .hezuo-main .list .hezuo-prev, .hezuo-main .list .hezuo-next{width: 30px;height: 50px;} .hezuo-main .list .hezuo-prev::after, .hezuo-main .list .hezuo-next::after{font-size: 20px;} } /* 新闻中心 */ .news-main{background-color: #fff;padding: 7% 0;} .news-main .indextop{margin-bottom: 5%;} .news-main .show{float: left;width: 34%;} .news-main .show a{display: block;} .news-main .show a .img{height: 400px;overflow: hidden;} .news-main .show a .img img{width: 100%;height: 100%;object-fit: cover;transition: all .5s ease;} .news-main .show a .info{display: flex;background-color: #f7f7f7;} .news-main .show a .info .time{width: 116px;height: 116px;background-color: #0f4b94;text-align: center;color: #fff;line-height: 1;display: flex;justify-content: center;flex-direction: column;} .news-main .show a .info .time .ti1{font-size: 62px;margin-bottom: 5px;} .news-main .show a .info .time .ti2{font-size: 17px;} .news-main .show a .info .tit{width: calc(100% - 116px);padding: 0 25px;line-height: 116px;color: #000;font-size: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .5s ease;} .news-main .show a:hover .img img{transform: scale(1.1);} .news-main .show a:hover .info .tit{color: #0f4b94;} .news-main .list{float: right;width: 64%;display: flex;} .news-main .list li{width: calc(100% / 3);} .news-main .list li a{display: block;border: 2px solid #c2c2c2;padding: 70px 40px;transition: all .5s ease;} .news-main .list li a .time{line-height: 1;color: #0f4b94;transition: all .5s ease;} .news-main .list li a .time .ti1{font-size: 60px;margin-bottom: 5px;} .news-main .list li a .time .ti2{font-size: 19px;opacity: 0.6;} .news-main .list li a .tit{color: #1e1e1e;font-size: 26px;line-height: 30px;min-height: 60px;margin: 50px 0 30px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all .5s ease;} .news-main .list li a .txt{color: #1e1e1e;font-size: 26px;opacity: 0.6;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;transition: all .5s ease;} .news-main .list li a .jiantou{width: 34px;margin-top: 40px;} .news-main .list li a .jiantou img{max-width: 100%;transition: all .5s ease;} .news-main .list li a:hover{background-color: #0f4b94;border-color: #0f4b94;} .news-main .list li a:hover .time, .news-main .list li a:hover .tit, .news-main .list li a:hover .txt{color: #fff;} .news-main .list li a:hover .jiantou img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);} @media screen and (max-width: 1023px){ .news-main .show a .img{height: 300px;} .news-main .show a .info .time{height: 100px;} .news-main .show a .info .time .ti1{font-size: 50px;} .news-main .show a .info .tit{line-height: 100px;padding: 0 15px;font-size: 18px;} .news-main .list li a{padding: 40px 20px;} .news-main .list li a .time .ti1{font-size: 50px;} .news-main .list li a .tit{margin: 30px 0 10px 0;font-size: 20px;} .news-main .list li a .txt{font-size: 20px;} .news-main .list li a .jiantou{margin-top: 20px;} } @media screen and (max-width: 768px){ .news-main{padding: 40px 0;} .news-main .indextop{margin-bottom: 30px;} .news-main .show, .news-main .list{float: none;width: 100%;} .news-main .show a .img{height: auto;} .news-main .show a .info .time{height: 80px;width: 100px;} .news-main .show a .info .time .ti1{font-size: 40px;} .news-main .show a .info .time .ti2{font-size: 15px;} .news-main .show a .info .tit{line-height: 80px;padding: 0 10px;width: calc(100% - 100px);font-size: 16px;} .news-main .list{margin-top: 20px;flex-wrap: wrap;} .news-main .list li{width: 100%;} .news-main .list li a{padding: 30px 15px;} .news-main .list li a .time .ti1{font-size: 40px;} .news-main .list li a .time .ti2{font-size: 16px;} .news-main .list li a .tit{font-size: 18px;margin: 15px 0 5px;-webkit-line-clamp: 1;min-height: auto;} .news-main .list li a .txt{font-size: 16px;line-height: 1.5;} .news-main .list li a .jiantou{margin-top: 10px;width: 20px;} } /* 在线留言 */ .online-main{padding: 7% 0;background-image: url(../images/online-bg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;} .online-main .form{float: left;width: 48%;margin: -10px;} .online-main .form .form-tr{float: left;width: calc(50% - 20px);margin: 10px;position: relative;} .online-main .form .form-tr.textarea, .online-main .form .form-tr.sub{width: 96%;} .online-main .form .form-tr label{display: block;color: #fff;margin-bottom: 10px;font-size: 16px;line-height: 1;} .online-main .form .form-tr input{width: 100%;height: 42px;border: 1px #859dbe solid;outline: none;/*background: #184485;*/background: #fff;border-radius: 5px;box-sizing: border-box;padding: 0px 10px;color: #fff;} .online-main .form .form-tr img{position: absolute;bottom: 6px;right: 5px;height: 30px;border-radius: 5px;} .online-main .form .form-tr textarea{width: 100%;height: 120px;border: 1px #859dbe solid;/*background: #184485;*/background: #fff;border-radius: 5px;box-sizing: border-box;font-size: 14px;line-height: 20px;padding: 10px;color: #fff;outline: none;} .online-main .form .form-tr .submit{width: 180px;display: block;height: 50px;background: #0f4b93;color: #fff;border-radius: 5px;outline: none;border: 0px;font-size: 16px;text-align: center;line-height: 50px;cursor: pointer;transition: all .5s ease;} .online-main .form .form-tr .submit:hover{background-color: #fff;color: #0f4b93;} .online-main .map{float: right;width: 48%;border: 1px #fff solid;padding: 10px;} .online-main .map #indexallmap{height: 370px;} @media screen and (max-width: 768px){ .online-main{padding: 40px 0;} .online-main .form, .online-main .map{float: none;width: 100%;} .online-main .form{margin: -10px 0;} .online-main .form .form-tr{width: 100%;margin: 10px 0;} .online-main .form .form-tr.textarea, .online-main .form .form-tr.sub{width: 100%;} .online-main .form .form-tr label{font-size: 14px;} .online-main .form .form-tr .submit{font-size: 14px;} .online-main .map{margin-top: 20px;} } /* 底部 */ .footer{background-color: #252a2e;padding-top: 7%;} .footer .fotl{width: 40%;float: left;color: #fff;} .footer .fotl h2{font-size: 24px;margin-bottom: 15px;} .footer .fotl p{font-size: 14px;line-height: 2;} .footer .fotc{width: calc(60% - 250px);margin: 0 50px;float: left;} .footer .fotc img{max-width: 100%;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);} .footer .fotr{width: 150px;float: right;display: flex;align-items: center;justify-content: space-between;} .footer .fotr span{display: block;width: 12px;font-size: 12px;color: #fff;} .footer .fotr .img{width: 125px;} .footer .fotr .img img{display: block;width: 100%;} .footer .copy{border-top: 1px #676a6e solid;height: 75px;margin-top: 50px;line-height: 75px;color: #fff;font-size: 14px;} .footer .copy a{color: #fff;margin: 0px 8px;} @media screen and (max-width: 1023px){ .footer .fotc{display: none;} .footer .fotl{width: calc(100% - 200px);} } @media screen and (max-width: 768px){ .footer{padding-top: 40px;padding-bottom: 54px;} .footer .fotl{width: 100%;} .footer .fotr{display: none;} .footer .copy{margin-top: 20px;height: 60px;line-height: 60px;} } /* 侧边客服 */ .sideBar{position: fixed;right: 0;top: 40%;transform: translateY(-50%);z-index: 998;} .sideBar .side{height: 50px;position: absolute;transition: all 0.5s;} .sideBar .side a{display: block;height: 50px;font-size: 0;} .sideBar .side i, .sideBar .side span{display: inline-block;vertical-align: middle;height: 100%;line-height: 50px;} .sideBar .side i{width: 50px;color: #fff;font-size: 24px;text-align: center;background: #00a03c;transition: all 0.3s;} .sideBar .side span{text-align: center;line-height: 50px;background: #333;font-size: 13px;color: #fff;transition: all 1s;} .sideBar .side1{top: 0px;right: -140px;width: 190px;} .sideBar .side1 span{width: 140px;} .sideBar .side2{right: -140px;width: 190px;top: 51px;} .sideBar .side2 span{width: 140px;} .sideBar .side3{right: -150px;width: 200px;top: 102px;} .sideBar .side3 span{width: 150px;} .sideBar .side4{right: -90px;width: 140px;top: 153px;cursor: pointer;} .sideBar .side4 span{width: 90px;font-size: 14px;} .sideBar .side:hover{right: 0;} .sideBar .side:hover i{background: #00a03c;} /* 手机底部 */ .m-foot{position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background: #f5f5f5;display: none;} .m-foot ul{font-size: 0;text-align: center;height: 54px;} .m-foot ul li{float: left;width: calc(100% / 4);height: 54px;display: flex;justify-content: center;align-items: center;border-left: 1px solid #dbdbdb;border-top: 1px solid #dbdbdb;} .m-foot ul li span{display: block;margin: 6px auto;line-height: 14px;font-size: 12px;color: #1a1a1a;transition: all 0.4s;} .m-foot ul li a i{display: block;margin: 6px auto;color: #054190;transition: all 0.4s;} .m-foot ul li:hover{background: #054190;border-left: none;border-top: 1px solid #054190;} .m-foot ul li:hover i, .m-foot ul li:hover span{color: #fff;} /* 手机TOP */ .wyz-top{position: fixed;right: 6px;bottom: 80px;z-index: 90;display: none !important;} .wyz-top i{font-size: 40px;color: #00a03c;} @media screen and (max-width: 768px){ .sideBar{display: none !important;} .m-foot, .wyz-top{display: block !important;} } /* 内页大图 */ .ny-banner{height: 27vw;position: relative;} .ny-banner .img{width: 100%;height: 100%;} .ny-banner .img img{width: 100%;height: 100%;object-fit: cover;transition: auto;} .ny-banner .info{color: #fff;width: 50%;position: absolute;right: 50%;top: calc(50% + 30px);z-index: 9;display: flex;transform: translateX(50%) translateY(-50%);align-items: center;text-align: center;flex-direction: column;} .ny-banner .info h1{font-size: 42px;font-weight: 700;line-height: 1;margin-bottom: 0;} .ny-banner .info p{font-size: 20px;margin-top: 10px;line-height: 1.2;} @media screen and (max-width: 1023px){ .ny-banner{height: 35vw;} .ny-banner .info h1{font-size: 32px;} .ny-banner .info p{font-size: 16px;} } @media screen and (max-width: 768px){ .ny-banner{height: auto;margin-top: 60px;} .ny-banner .info{top: 50%;width: auto;} .ny-banner .info h1{font-size: 22px;} .ny-banner .info p{display: none;} } /* 导航+面包屑 */ .ny-title{background-color: rgba(255, 255, 255, 1);border-bottom: #dbdbdb 1px solid;} .ny-title .warpper{display: flex;flex-wrap: wrap;flex-direction: row;} .ny-title .p_item{flex: 1;max-width: 100%;max-height: 100%;} .ny-title .p_item .p_list{display: flex;flex-wrap: wrap;position: relative;max-width: 100%;} .ny-title .p_item .p_list li{flex-grow: 0;flex-shrink: 0;flex-basis: calc(100% / 5);max-width: 130px;position: relative;margin-left: 0px;padding-left: 0px;padding-right: 0px;margin-right: 0px;} .ny-title .p_item .p_list li a{display: block;width: 100%;line-height: 65px;font-size: 16px;text-align: center;color: rgba(51,51,51,1);max-width: none;} .ny-title .p_item .p_list li a:before{border-bottom: #054190 2px solid;position: absolute;width: 0;display: block;content: "";left: 50% !important;transform: translatex(-50%);bottom: -1px;transition: all .5s;} .ny-title .p_item .p_list li a:hover, .ny-title .p_item .p_list li a.active{color: #054190;} .ny-title .p_item .p_list li a:hover:before, .ny-title .p_item .p_list li a.active:before{width: 100%;color: #054190;} .ny-title .crumbs{flex: 0 0 auto;align-self: center;} .ny-title .crumbs ul{display: flex;align-items: center;margin-top: 15px;margin-bottom: 15px;} .ny-title .crumbs ul li{position: relative;} .ny-title .crumbs ul li:not(:first-child){padding: 0 3px 0 15px;} .ny-title .crumbs ul li:not(:first-child)::before{content: '>';position: absolute;left: 3px;color: #999} .ny-title .crumbs ul li i{margin-right: 5px;} .ny-title .crumbs ul li a{color: #999;} @media screen and (max-width:768px) { .ny-title .warpper{flex-direction: column;width: 100%;} .ny-title .p_item .p_list li{flex-grow: 0;flex-shrink: 0;flex-basis: calc(100% / 3);max-width: none;} .ny-title .p_item .p_list li a{line-height: 40px;padding: 0 5px;} .ny-title .crumbs{width: 100%;} } /* 公司简介内容 */ .company-about{background-color: #fff;padding: 7% 0;} .company-about .show{float: left;width: 53%;} .company-about .show .name{font-size: 30px;color: rgba(51,51,51,1);font-weight: 700;line-height: 1.5;} .company-about .show .en{font-size: 20px;color: #054190;margin-bottom: 30px;font-weight: 700;line-height: 1.5;} .company-about .show .con{font-size: 16px;color: #333;line-height: 1.8;} .company-about .img{float: right;width: 42%;} .company-about .img img{display: block;width: 100%;} @media screen and (max-width:768px) { .company-about{padding: 30px 0;} .company-about .show, .company-about .img{float: none;width: 100%;} .company-about .show .name{font-size: 24px;} .company-about .show .en{font-size: 12px;margin-bottom: 20px;} .company-about .show .con{font-size: 14px;} .company-about .img{margin-top: 20px;} } /* 实力优势 */ .shili-about{padding: 7% 0;background-image: url(../images/shili-about.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;} .shili-about .show{padding: 3%;background-color: #fff;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .shili-about .show .img{width: 53%;} .shili-about .show .img img{width: 100%;display: block;} .shili-about .show .info{width: 42%;} .shili-about .show .info .name{font-size: 30px;color: #333;font-weight: 700;line-height: 1.5;} .shili-about .show .info .en{font-size: 20px;color: #054190;margin-bottom: 30px;font-weight: 700;line-height: 1.5;} .shili-about .show .info .con{font-size: 16px;color: #333;line-height: 1.8;} @media screen and (max-width:768px) { .shili-about{padding: 30px 0;background-attachment: initial;} .shili-about .show .img, .shili-about .show .info{width: 100%;} .shili-about .show .info{margin-top: 20px;} .shili-about .show .info .name{font-size: 24px;} .shili-about .show .info .en{font-size: 12px;margin-bottom: 20px;} .shili-about .show .info .con{font-size: 14px;} } /* 内页公共头部 */ .ny-toptit{text-align: center;margin-bottom: 30px;} .ny-toptit .name{font-size: 36px;color: #333;font-weight: 700;line-height: 1.5;} .ny-toptit .line{border-top-style: solid;border-top-width: 3px;border-top-color: #054190;max-width: 70px;margin: 10px auto;} .ny-toptit .en{line-height: 1.5;color: #666;text-transform: uppercase;} @media screen and (max-width:768px) { .ny-toptit{margin-bottom: 20px;} .ny-toptit .name{font-size: 24px;} .ny-toptit .en{font-size: 12px;} } /* 企业文化内容 */ .culture-list{background-color: #fff;padding: 3% 0;} .culture-list .list{margin: 0 -15px;} .culture-list .list li{float: left;width: calc(25% - 30px);margin: 0 15px;} .culture-list .list li .img{position: relative;padding-bottom: 75%;overflow: hidden;} .culture-list .list li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} .culture-list .list li .box{margin: -50px 15px 0 15px;background: rgba(2,82,155,.8);position: relative;padding: 20px;text-align: center;color: #fff;} .culture-list .list li .box .tit{font-size: 24px;line-height: 1;} .culture-list .list li .box .en{font-size: 14px;line-height: 2;margin-top: 10px;opacity: 0.7;} .culture-list .list li .box .con{font-size: 14px;line-height: 2;} @media screen and (max-width:768px){ .culture-list{padding: 30px 0;} .culture-list .list{margin: 0;} .culture-list .list li{float: none;width: 100%;margin: 0 0 15px 0;} .culture-list .list li:last-child{margin-bottom: 0;} } /* 联系我们内容 */ .contact-list{padding: 4% 0;background-color: #fff;} .contact-list .show{display: flex;align-items: center;background-color: #f5f5f5;} .contact-list .show .list{width: 50%;padding: 4%;} .contact-list .show .list li.name{font-size: 24px;color: #054190;margin-bottom: 30px;font-weight: 700;line-height: normal;} .contact-list .show .list li{font-size: 16px;line-height: 2.5;} .contact-list .show #allmap{width: 50%;height: 400px;} @media screen and (max-width:768px){ .contact-list{padding: 30px 0;} .contact-list .show{flex-wrap: wrap;} .contact-list .show .list, .contact-list .show #allmap{width: 100%;} .contact-list .show .list li.name{font-size: 18px;margin-bottom: 20px;} .contact-list .show .list li{font-size: 14px;line-height: 2;} .contact-list .show #allmap{height: 300px;} } /* 联系我们留言 */ .contact-message{padding: 4% 0;background-color: #f2f2f2;} .contact-message .show{background-color: #fff;padding: 4%;} .contact-message .show .myform{margin: -10px;} .contact-message .show .myform .form-tr{float: left;width: calc(50% - 20px);margin: 10px;position: relative;} .contact-message .show .myform .form-tr.textarea, .contact-message .show .myform .form-tr.sub{width: calc(100% - 20px);} .contact-message .show .myform .form-tr input{width: 100%;height: 42px;border: 1px #ced4da solid;outline: none;background: #fff;border-radius: 5px;box-sizing: border-box;padding: 0px 10px;color: #333;} .contact-message .show .myform .form-tr img{position: absolute;bottom: 1px;right: 1px;height: 40px;border-radius: 5px;} .contact-message .show .myform .form-tr textarea{width: 100%;height: 120px;border: 1px #ced4da solid;background: #fff;border-radius: 5px;box-sizing: border-box;font-size: 14px;line-height: 20px;padding: 10px;color: #333;outline: none;} .contact-message .show .myform .form-tr .submit{width: 180px;display: block;height: 50px;background: #0f4b93;color: #fff;border-radius: 5px;outline: none;border: 0px;font-size: 16px;text-align: center;line-height: 50px;cursor: pointer;margin: 0 auto;transition: all .5s ease;} .contact-message .show .myform .form-tr .submit:hover{background-color: #00a03c;color: #fff;} @media screen and (max-width:768px){ .contact-message{padding: 30px 0;} .contact-message .show .myform{margin: -5px 0;} .contact-message .show .myform .form-tr{width: 100%;margin: 5px 0;} .contact-message .show .myform .form-tr.textarea, .contact-message .show .myform .form-tr.sub{width: 100%;} .contact-message .show .myform .form-tr .submit{width: 140px;height: 40px;line-height: 40px;font-size: 14px;} } /* 暂无内容 */ .no-goods{padding: 4% 0;overflow: hidden;text-align: center;} .no-goods img{display: block;margin: 0 auto 30px;width: 220px;max-height: 105px;} .no-goods p{font-size: 14px;color: #666;line-height: 20px;} /* 分页 */ .page{margin-top: 40px;display: flex;justify-content: center;text-align: center;flex-wrap: wrap;} .page a, .page span{padding: 0 16px;color: #333;border-radius: 3px;margin: 0 4px 8px 4px;height: 40px;line-height: 40px;font-size: 16px;background-color: #eee;transition: all 0.5s ease-in-out;} .page .current, .page a:hover{color: #fff;background-color: #054190;} .page a.prev, .page a.next{font-size: 24px;} @media screen and (max-width:768px){ .page{margin-top: 20px;} .page a, .page span{padding: 0 12px;font-size: 14px;height: 30px;line-height: 30px;} } /* 上/下编 */ .newsPage{border-top: 1px solid #eaeaea;padding-top: 10px;margin-top: 20px;} .newsPage .page-a{line-height: 30px;text-align: left;color: #fff;z-index: 2;margin-bottom: 5px;} .newsPage .page-a span{display: inline-block;padding: 0 10px;position: relative;z-index: 1;color: #fff;font-size: 14px;} .newsPage .page-a span:before{width: 100%;height: 30px;background: #a2a2a2;display: block;position: absolute;left: 0;top: 0;z-index: -1;content: '';} .newsPage .page-a a{display: inline-block;margin-left: 10px;color: #333;font-size: 14px;} .newsPage .page-a a:hover{color: #054190;text-decoration: underline;} /* 新闻列表 */ .news-list{padding: 4% 0;background-color: #fff;} .news-list ul{margin-top: -25px;} .news-list ul li{margin: 25px 0;} .news-list ul li a{display: block;background-color: rgba(239,241,245,1);display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;transition: all .5s ease;} .news-list ul li a .pict{width: 28%;} .news-list ul li a .pict .img{position: relative;padding-bottom: 65%;overflow: hidden;} .news-list ul li a .pict .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s ease;} .news-list ul li a .show{width: 72%;display: flex;flex-wrap: wrap;flex-direction: row;padding: 5%;justify-content: space-between;} .news-list ul li a .show .box{padding: 0 20px;width: calc(100% - 70px);} .news-list ul li a .show .box .tit{color: #333;padding: 15px 0;font-size: 20px;font-weight: 700;line-height: 1;transition: all .2s ease;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .news-list ul li a .show .box .con{font-size: 14px;color: #707070;line-height: 1.6;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;} .news-list ul li a .show .time{flex: 0 0 auto;text-align: center;color: #666;} .news-list ul li a .show .time h4{font-size: 56px;line-height: 1.2;transition: all .5s ease;font-family: "Impact";margin-bottom: 0;} .news-list ul li a .show .time p{font-size: 16px;line-height: 1;transition: all .5s ease;font-weight: 700;} .news-list ul li a:hover{box-shadow:0 23px 90px -5px rgb(29 56 72 / 17%);background-color: #fff;} .news-list ul li a:hover .pict .img img{transform:scale(1.1);} .news-list ul li a:hover .show .box .tit, .news-list ul li a:hover .show .time{color: #054190;} @media screen and (max-width:768px){ .news-list ul li a .pict, .news-list ul li a .show{width: 100%;} .news-list ul li a .show{padding: 20px 10px;} .news-list ul li a .show .box{padding: 0;} .news-list ul li a .show .box .tit{font-size: 16px;padding: 10px 0;} .news-list ul li a .show .time h4{font-size: 40px;line-height: 1.5;} .news-list ul li a .show .time p{font-size: 14px;} } /* 新闻内容 */ .news-detail{padding: 4% 0;background-color: #f0f0f0;} .news-detail .show{float: left;width: 70%;padding: 8% 6%;background-color: #fff;} .news-detail .show .title{font-size: 30px;color: #000;line-height: 1.5;text-align: center;font-weight: 700;} .news-detail .show .line{border-top-style: solid;border-top-width: 1px;border-top-color: rgba(221,221,221,1);height: 1px;margin: 10px 0;} .news-detail .show .time{font-size: 14px;line-height: 1.5;color: #5a5a5a;text-align: center;} .news-detail .show .desc{padding: 15px;background-color: #f5f5f5;margin-top: 20px;font-size: 14px;color: #5a5a5a;} .news-detail .show .con{color: #666;font-size: 16px;line-height: 2;margin-top: 30px;} .news-detail .show .con img{max-width: 100%;} .news-detail .list{float: right;width: 25%;padding: 2%;background-color: #fff;} .news-detail .list .name{font-size: 20px;font-weight: 700;color: #333;margin-bottom: 20px;} .news-detail .list li{position: relative;} .news-detail .list li a{display: block;} .news-detail .list li a .img{padding-bottom: 65%;position: relative;overflow: hidden;margin-bottom: 10px;} .news-detail .list li a .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} .news-detail .list li a .info{margin-bottom: 20px;} .news-detail .list li a .info .tit{color: #333;font-size: 16px;line-height: 1.5;font-weight: 700;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .news-detail .list li a .info .time{color: #999;font-size: 14px;line-height: 1.5;} .news-detail .list li a:hover .info .tit{color: #054190;} @media screen and (max-width:768px){ .news-detail{padding: 30px 0;} .news-detail .show, .news-detail .list{width: 100%;float: none;} .news-detail .show{padding: 5% 3%;} .news-detail .show .title{font-size: 18px;line-height: 1.8;} .news-detail .show .con{font-size: 14px;line-height: 1.8;margin-top: 15px;} .news-detail .list{margin-top: 20px;} .news-detail .list .name{font-size: 18px;line-height: 1.5;margin-bottom: 10px;} } /* 产品内容 */ .product-list{background-color: #f0f0f0;padding: 4% 0;} .product-list ul li{float: left;width: calc(100% / 4);} .product-list ul li a{display: block;padding: 10px 10px 20px 10px;margin: 10px;border: 1px solid #e5e5e5;background-color: #fff;} .product-list ul li a .img{position: relative;padding-bottom: 100%;overflow: hidden;} .product-list ul li a .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s ease;} .product-list ul li a .title{color: #333;font-size: 16px;line-height: 2;text-align: center;font-weight: 700;margin: 10px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .5s ease;} .product-list ul li a .desc{font-size: 14px;color: #666;line-height: 1.8;margin: 10px;min-height: 51px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .product-list ul li a:hover .img img{transform: scale(1.1);} .product-list ul li a:hover .title{color: #054190;} @media screen and (max-width:768px){ .product-list{padding: 30px 0;} .product-list ul{margin: 0 -10px;} .product-list ul li{width: calc(100% / 2);} } /* 产品详情 */ #c_product_detail_003-1646786866002{min-height: 0px;background-color: rgba(240, 240, 240, 1);padding-top: 30px;padding-bottom: 80px;padding-left: 15px;padding-right: 15px} #c_product_detail_003-1646786866002 .e_container-2{display: flex;flex-wrap: wrap;flex-direction: row;width: 94%;max-width: 1200px;margin-left: auto;margin-right: auto;background-color: rgba(255, 255, 255, 1);padding-top: 50px;padding-left: 50px;padding-bottom: 50px;padding-right: 50px;margin-top: 20px;margin-bottom: 20px;} #c_product_detail_003-1646786866002 .e_container-2>.p_item{flex: 1;max-width: 100%;max-height: 100%} .e_container0{display: flex;flex-wrap: wrap;flex-direction: row;width: 100%;max-width: 1200px;margin-left: auto;margin-right: auto;background-color: rgba(255, 255, 255, 1);padding-top: 30px;padding-left: 30px;padding-bottom: 30px;padding-right: 30px;margin-top: 20px;margin-bottom: 20px} .e_container0>.p_item{flex: 1;max-width: 100%;max-height: 100%} #c_product_detail_003-1646786866002 .e_container-3{display: flex;flex-wrap: wrap;flex-direction: row;width: 100%;margin-left: auto;padding-top: 0px;padding-bottom: 30px;padding-left: 50px;padding-right: 0px} #c_product_detail_003-1646786866002 .e_container-3>.p_item{flex: 1;max-width: 100%;max-height: 100%} #c_product_detail_003-1646786866002 .e_text-4{line-height: 1.8;font-size: 30px;font-weight: bold;color: rgba(51, 51, 51, 1)} #c_product_detail_003-1646786866002 .e_text-5{line-height: 1.8;font-size: 14px;font-family: Microsoft YaHei;color: rgba(102, 102, 102, 1);margin-top: 10px;margin-bottom: 20px;} .container-fluid{position: fixed;background: black;top: 0;right: 0;bottom: 0;left: 0;margin: auto;z-index: 999;display: flex;align-items: center} .container-fluid .closeBtn{width: 35px;position: absolute;right: 20px;top: 20px;height: 35px;display: block;z-index: 999;cursor: pointer} .container-fluid .closeBtn img{width: 100%;height: 100%;object-fit: contain} .rotate-icon::before{content: "";display: block;width: 50px;height: 40px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;z-index: 99;border: 3px solid #fff;border-radius: 50%;transform: rotateX(70deg)} .rotate-icon::after{content: "360°";display: block;width: 30px;height: 30px;text-align: center;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;z-index: 99;color: #fff;font-size: 16px;font-weight: 400;background-color: transparent} #c_product_detail_003-1646786866002 .e_container-13{display: flex;flex-wrap: wrap;flex-direction: row;width: 94%;max-width: 1200px;margin-left: auto;margin-right: auto;background-color: rgba(255, 255, 255, 1);padding-top: 50px;padding-left: 50px;padding-bottom: 50px;padding-right: 50px;margin-top: 30px;margin-bottom: 20px;} #c_product_detail_003-1646786866002 .e_container-13>.p_item{flex: 1;max-width: 100%;max-height: 100%} #c_product_detail_003-1646786866002 .e_richText-14{font-size: 16px;line-height: 1.8;color: rgba(68, 68, 68, 1);margin-top: 20px} #c_product_detail_003-1646786866002 .e_richText-14 p{margin-bottom: 15px} #c_product_detail_003-1646786866002 .e_richText-14 h1{padding-left: 10px;border-left: 4px solid #003f8a;font-size: 18px;margin: 10px 0;} #c_product_detail_003-1646786866002 .e_richText-14 table{width: 100%;border-collapse: collapse;table-layout: fixed;margin: 10px 0;} #c_product_detail_003-1646786866002 .e_richText-14 table tr th{width: 50%;text-align: center;font-size: 14px;background: #f6f6f6;border: 1px solid #e6e6e6;line-height: 48px;font-weight: bold;} #c_product_detail_003-1646786866002 .e_richText-14 table tr td{width: auto;line-height: 30px;font-size: 14px;text-align: center;border: 1px solid #e6e6e6;} #c_product_detail_003-1646786866002 .e_text-15{line-height: 3;font-size: 18px;color: rgba(255, 255, 255, 1);font-weight: bold;text-align: center;padding-top: 0px;padding-bottom: 0px;} #c_product_detail_003-1646786866002 .e_container-16{display: flex;flex-wrap: wrap;flex-direction: row;width: auto;max-width: 200px;border-bottom-style: none;border-bottom-width: 2px;border-bottom-color: #003f8a;background-color: #003f8a;} #c_product_detail_003-1646786866002 .e_container-16>.p_item{flex: 1;max-width: 100%;max-height: 100%} #c_product_detail_003-1646786866002 .e_container-2 .cbox-2-0{padding-left: 0px;padding-right: 0px;flex: 0 0 45%} #c_product_detail_003-1646786866002 .e_container-17{display: flex;flex-wrap: wrap;flex-direction: row;width: 100%;border-bottom-style: solid;border-bottom-width: 1px;border-bottom-color: rgba(229, 229, 229, 1)} #c_product_detail_003-1646786866002 .e_container-17>.p_item{flex: 1;max-width: 100%;max-height: 100%} #c_product_detail_003-1646786866002 .e_container-2 .cbox-2-1{flex: 0 0 55%} #c_product_detail_003-1646786866002 .e_container-18{display: flex;flex-wrap: wrap;flex-direction: row;width: 100%;margin-bottom: 5px} #c_product_detail_003-1646786866002 .e_container-18>.p_item{flex: 1;max-width: 100%;max-height: 100%} #c_product_detail_003-1646786866002 .e_container-18 .cbox-18-0{flex: 0 0 auto} #c_product_detail_003-1646786866002 .e_text-20{font-size: 14px;color: rgba(136, 136, 136, 1);line-height: 2.5;padding-bottom: 0px;padding-top: 0px;padding-right: 10px;font-weight: bold} #c_product_detail_003-1646786866002 .e_imageList-21{height: auto;} #c_product_detail_003-1646786866002 .e_imageList-21 .p_img{width: 100%;height: 100%;background: #000} #c_product_detail_003-1646786866002 .e_imageList-21 .p_img img{width: 100%;height: 100%;object-fit: cover} #c_product_detail_003-1646786866002 .e_imageList-21 .custom-bullet{background: #ccc} #c_product_detail_003-1646786866002 .e_imageList-21 .swiper-slide img{width: 100%;height: 100%;object-fit: cover} #c_product_detail_003-1646786866002 .e_imageList-21 .gallery-top{height: 80%;width: 100%} #c_product_detail_003-1646786866002 .e_imageList-21 .gallery-thumbs{height: 20%;box-sizing: border-box;padding-top: 5px} #c_product_detail_003-1646786866002 .e_imageList-21 .gallery-thumbs .swiper-slide{width: 25%;height: 100%;opacity: 0.6} #c_product_detail_003-1646786866002 .e_imageList-21 .gallery-thumbs .swiper-slide img{width: 100%;height: 100%;object-fit: cover} #c_product_detail_003-1646786866002 .e_imageList-21 .gallery-thumbs .swiper-slide-thumb-active{opacity: 1} #c_product_detail_003-1646786866002 .sp-loading{text-align: center;max-width: 270px;padding: 15px;border: 5px solid #eee;border-radius: 3px;font-size: 12px;color: #888} #c_product_detail_003-1646786866002 .sp-wrap{display: none;line-height: 0px;font-size: 0px;background: #fff;border: none;border-radius: 0px;position: relative;margin: 0px;width: 100%;} #c_product_detail_003-1646786866002 .sp-thumbs{text-align: left;display: inline-block;margin-top: 10px} #c_product_detail_003-1646786866002 .sp-thumbs img{min-height: 50px;min-width: 50px;max-width: 50px} #c_product_detail_003-1646786866002 .sp-thumbs a:link, #c_product_detail_003-1646786866002 .sp-thumbs a:visited{width: 60px;height: 60px;overflow: hidden;opacity: .3;display: inline-block;border: 1px solid #999;margin-right: 10px;background-size: cover;background-position: center;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out} #c_product_detail_003-1646786866002 .sp-thumbs a:hover{opacity: 1} #c_product_detail_003-1646786866002 .sp-thumbs a:active, #c_product_detail_003-1646786866002 .sp-current{opacity: 1 !important;position: relative} #c_product_detail_003-1646786866002 .sp-large{position: relative;overflow: hidden;top: 0px;left: 0px;border: 1px solid #ccc;padding-bottom: 100%;} #c_product_detail_003-1646786866002 .sp-large a img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;} #c_product_detail_003-1646786866002 .sp-large a{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} @media screen and (max-width:768px){ #c_product_detail_003-1646786866002 .sp-large{padding-bottom: 0;} #c_product_detail_003-1646786866002 .sp-large a{position: initial;top: auto;left: auto;} } #c_product_detail_003-1646786866002 .sp-zoom{position: absolute;left: -50%;top: -50%;cursor: zoom-in;display: none} #c_product_detail_003-1646786866002 .e_container-22{display: flex;flex-wrap: wrap;flex-direction: row;width: 100%;padding-bottom: 15px;margin-bottom: 25px;border-bottom-style: solid;border-bottom-width: 2px;border-bottom-color: rgba(51, 51, 51, 1)} #c_product_detail_003-1646786866002 .e_container-22>.p_item{flex: 1;max-width: 100%;max-height: 100%} #c_product_detail_003-1646786866002 .e_container-23{display: flex;flex-wrap: wrap;flex-direction: row;width: 100%} #c_product_detail_003-1646786866002 .e_container-23>.p_item{flex: 1;max-width: 100%;max-height: 100%} #c_product_detail_003-1646786866002 .e_text-24{line-height: 2.5;font-size: 14px;color: rgba(136, 136, 136, 1);font-weight: bold} #c_product_detail_003-1646786866002 .e_loop_sub-25{display: flex;flex-wrap: wrap} #c_product_detail_003-1646786866002 .e_loop_sub-25 .p_loopItem{position: relative;flex: 0 0 33.3%} #c_product_detail_003-1646786866002 .e_text-26{line-height: 1.5;;font-size: 14px;color: rgba(240, 130, 0, 1)} #c_product_detail_003-1646786866002 .e_container-23 .cbox-23-0{flex: 0 0 auto;align-self: center} #c_product_detail_003-1646786866002 .e_container-23 .cbox-23-1{align-self: center} #c_product_detail_003-1646786866002 .e_container-27{display: flex;flex-wrap: wrap;flex-direction: row;width: 100%;padding-top: 3%;padding-bottom: 3%;margin-top: 3%;margin-bottom: 5%;border-top-style: dashed;border-top-width: 1px;border-top-color: rgba(221, 221, 221, 1);border-bottom-style: dashed;border-bottom-width: 1px;border-bottom-color: rgba(221, 221, 221, 1)} #c_product_detail_003-1646786866002 .e_container-27>.p_item{flex: 1;max-width: 100%;max-height: 100%} #c_product_detail_003-1646786866002 .e_text-30{line-height: 1.5;font-size: 18px;font-weight: bold} #c_product_detail_003-1646786866002 .e_text-31{line-height: normal;font-size: 26px;font-weight: normal;font-family: Impact;color: #003f8a} #c_product_detail_003-1646786866002 .e_container-27 .cbox-27-0{align-self: center;margin-right: 5px;flex: 0 0 auto} #c_product_detail_003-1646786866002 .e_container-27 .cbox-27-1{align-self: center;margin-right: 5px;flex: 0 0 auto} #c_product_detail_003-1646786866002 .e_container-27 .cbox-27-2{align-self: center;flex: 0 0 auto} #c_product_detail_003-1646786866002 .e_html-33{min-height: 0px} #c_product_detail_003-1646786866002 .e_container-34{display: flex;flex-wrap: wrap;flex-direction: row;width: 100%} #c_product_detail_003-1646786866002 .e_container-34>.p_item{flex: 1;max-width: 100%;max-height: 100%} #c_product_detail_003-1646786866002 .e_button-36{display: flex;position: relative;overflow: hidden;text-align: center;justify-content: center;align-items: center;box-sizing: border-box;width: 160px;padding: 10px 8px;max-height: none;height: auto;background-color: #003f8a;border-style: solid;border-width: 1px;border-color: #003f8a} #c_product_detail_003-1646786866002 .cp_xj_icon{fill: #fff;margin-right: 5px} #c_product_detail_003-1646786866002 .e_button-36 span{display: block;width: auto;position: relative;z-index: 1;font-size: 16px;outline: 0;font-weight: bold;margin: 0px;overflow: hidden} #c_product_detail_003-1646786866002 .e_button-36::after{content: "";position: absolute;width: 0;height: 100%;transition: all .3s;z-index: 0;opacity: 0;top: 0;left: 0px} #c_product_detail_003-1646786866002 .e_button-36:hover::after{opacity: 1} #c_product_detail_003-1646786866002 .e_button-36:hover{background-color: #005ac4;border-style: solid;border-color: #005ac4} #c_product_detail_003-1646786866002 .e_button-37{display: flex;position: relative;overflow: hidden;text-align: center;justify-content: center;align-items: center;box-sizing: border-box;width: 160px;padding: 10px 8px;max-height: none;height: auto;background-color: rgba(85, 85, 85, 1);border-style: solid;border-width: 1px;border-color: rgba(85, 85, 85, 1)} #c_product_detail_003-1646786866002 .e_button-37 span{display: block;width: auto;position: relative;z-index: 1;font-size: 16px;outline: 0;font-weight: bold;margin: 0px;overflow: hidden} #c_product_detail_003-1646786866002 .e_button-37::after{content: "";position: absolute;width: 0;height: 100%;transition: all .3s;z-index: 0;opacity: 0;top: 0;left: 0px} #c_product_detail_003-1646786866002 .e_button-37:hover::after{opacity: 1} #c_product_detail_003-1646786866002 .e_button-37:hover{background-color: rgba(51, 51, 51, 1);border-style: solid;border-color: rgba(51, 51, 51, 1)} #c_product_detail_003-1646786866002 .e_container-34 .cbox-34-0{margin-right: 3%;flex: 0 0 auto} #c_product_detail_003-1646786866002 .e_container-34 .cbox-34-1{flex: 0 0 auto} #c_product_detail_003-1646786866002 .btn:focus{box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%)} #c_product_detail_003-1646786866002 .e_loop_sub-38{display: flex;flex-wrap: wrap;} #c_product_detail_003-1646786866002 .e_loop_sub-38 .p_loopItem{position: relative;flex: 0 0 33.3%} #c_product_detail_003-1646786866002 .e_text-39{color: rgba(102, 102, 102, 1);font-size: 14px;line-height: 2} #c_product_detail_003-1646786866002 .e_container-18 .cbox-18-1{align-self: center} @media screen and (max-width:768px) { #c_product_detail_003-1646786866002 .e_container-2{flex-direction: column;padding-top: 15px;padding-left: 15px;padding-right: 15px;padding-bottom: 15px;width: 100%} #c_product_detail_003-1646786866002 .e_text-4{font-size: 22px;color: #333333;line-height: 1.5} #c_product_detail_003-1646786866002 .e_container-3{padding-left: 0px} #c_product_detail_003-1646786866002 .e_container-13{padding-top: 15px;padding-left: 15px;padding-right: 15px;padding-bottom: 15px;width: 100%} #c_product_detail_003-1646786866002{padding-top: 20px;padding-bottom: 30px} #c_product_detail_003-1646786866002 .sp-thumbs a:link, #c_product_detail_003-1646786866002 .sp-thumbs a:visited{width: 50px;height: 50px;margin-right: 5px} #c_product_detail_003-1646786866002 .e_container-22{margin-top: 20px;margin-bottom: 15px;padding-bottom: 10px;padding-top: 0px;border-bottom-style: solid;border-bottom-width: 1px;border-bottom-color: rgba(85, 85, 85, 1)} #c_product_detail_003-1646786866002 .e_richText-14{font-size: 14px;color: #333333;line-height: 1.6} #c_product_detail_003-1646786866002 .e_text-30{font-size: 16px;color: #333333;line-height: 1.5} #c_product_detail_003-1646786866002 .e_text-31{font-size: 22px;color: #003f8a;line-height: 1.5} #c_product_detail_003-1646786866002 .e_button-36{width: 120px} #c_product_detail_003-1646786866002 .e_button-37{width: 120px} #c_product_detail_003-1646786866002 .e_container-16{width: 100%;max-width: 100%} #c_product_detail_003-1646786866002 .e_text-15{font-size: 16px;color: rgba(255, 255, 255, 1);line-height: 2.4} #c_product_detail_003-1646786866002 .e_button-36 span{font-size: 14px} #c_product_detail_003-1646786866002 .e_button-37 span{font-size: 14px} #c_product_detail_003-1646786866002 .e_loop_sub-38 .p_loopItem{flex-grow: 0;flex-shrink: 0;flex-basis: calc(100% / 1)} } @media screen and (min-width: 769px) { #c_product_detail_003-1646786866002 .e_loop_sub-38 .p_loopItem{flex-grow: 0;flex-shrink: 0;flex-basis: calc(100% / 1)} } .sp-lightbox{position: fixed;top: 0;left: 0;height: 100%;width: 100%;background: rgb(0, 0, 0);background: rgba(0, 0, 0, .9);z-index: 500;display: none;cursor: pointer;} .sp-lightbox img{position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;max-width: 90%;max-height: 90%;border: 2px solid #fff;} #sp-prev, #sp-next{position: absolute;top: 50%;margin-top: -25px;z-index: 501;color: #fff;padding: 14px;text-decoration: none;background: #000;border-radius: 25px;border: 2px solid #fff;width: 50px;height: 50px;box-sizing: border-box;transition: .2s;} #sp-prev{left: 10px;} #sp-prev:before{content: '';border: 7px solid transparent;border-right: 15px solid #fff;position: absolute;top: 16px;left: 7px;} #sp-next{right: 10px;} #sp-next:before{content: '';border: 7px solid transparent;border-left: 15px solid white;position: absolute;top: 16px;left: 18px;} #sp-prev:hover, #sp-next:hover{background: #444;} #c_static_001-1646810151206{min-height: 300px;padding-top: 50px;padding-bottom: 50px;background-attachment: fixed;background-image: url(../images/9f87123a-7ea0-4cc0-acbe-fce2062d5055.jpg)} #c_static_001-1646810151206 .e_text-1{line-height: normal;font-size: 34px;text-align: center;color: rgba(255, 255, 255, 1);max-width: 1600px;width: 94%;margin-left: auto;margin-right: auto;font-weight: bold} #c_static_001-1646810151206 .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;opacity: 1} #c_static_001-1646810151206 .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #f08200} #c_static_001-1646810151206 .e_loop-8 .p_list{display: flex;flex-wrap: wrap;position: relative;max-width: 100%} #c_static_001-1646810151206 .e_loop-8 .p_loopitem{flex: 0 0 33.3%;position: relative} #c_static_001-1646810151206 .e_loop-8 .p_page{text-align: center;margin-top: 30px} #c_static_001-1646810151206 .e_loop-8 .p_filter_wrapper{width: 100%;font-size: 13px} #c_static_001-1646810151206 .e_loop-8 .p_kv_wrapper{display: flex;flex-wrap: nowrap;line-height: 24px;margin: 15px 0} #c_static_001-1646810151206 .e_loop-8 .p_filter_key{width: 70px;overflow: hidden;margin-right: 10px;font-weight: bold;color: #333333;font-size: 12px} #c_static_001-1646810151206 .e_loop-8 .p_v_item{display: inline-block;padding: 0 3px;cursor: pointer;font-size: 13px;color: #555555;margin-right: 30px} #c_static_001-1646810151206 .e_loop-8 .p_active{color: #fff;background-color: #f08200;border-radius: 2px} #c_static_001-1646810151206 .e_loop-8 .p_result_item{position: relative;padding: 3px 20px 3px 10px;border: 1px solid #ddd;border-radius: 3px;margin-right: 10px} #c_static_001-1646810151206 .e_loop-8 .p_filter_close{position: absolute;right: 0;top: 0;padding: 3px;font-style: normal;font-size: 16px;margin-top: -5px;cursor: pointer} #c_static_001-1646810151206 .e_loop-8 .multSelect{font-size: 13px;position: relative} #c_static_001-1646810151206 .e_loop-8 .multSelect .inputWrap{width: 100%;min-width: 100px;min-height: 24px;border: 1px solid #DCDFE6;border-radius: 3px;position: relative;cursor: pointer;background: white} #c_static_001-1646810151206 .e_loop-8 .multSelect.is-invalid .inputWrap{border-color: #dc3545} #c_static_001-1646810151206 .e_loop-8 .multSelect ul{padding: 0 5px;margin: 0;padding-right: 35px} #c_static_001-1646810151206 .e_loop-8 .multSelect ul,li{list-style: none} #c_static_001-1646810151206 .e_loop-8 .multSelect li{display: inline-block;background: #edf0f3;color: #92969c;padding: 0px 5px;margin: 1px 5px 1px 0;border-radius: 5px;line-height: 16px} #c_static_001-1646810151206 .e_loop-8 .multSelect .multSelect-option{width: 100%;border: 1px solid #DCDFE6;border-radius: 2px;border-top: 0;max-height: 200px;overflow-y: scroll;position: absolute;height: 0;opacity: 0;z-index: 9;background: #fff} #c_static_001-1646810151206 .e_loop-8 .multSelect .multSelect-option>div{line-height: 24px;cursor: pointer;padding: 0 10px} #c_static_001-1646810151206 .e_loop-8 .multSelect .multSelect-option>div.selected{color: #f08200} #c_static_001-1646810151206 .e_loop-8 .multSelect .multSelect-option>div:hover{color: #f08200;background: #f3f6f9} #c_static_001-1646810151206 .e_loop-8 .multSelect .fa-close{font-style: normal;font-size: 12px;padding: 0 5px 0 7px} #c_static_001-1646810151206 .e_loop-8 .multSelect .inputWrap>.fa svg{fill: #666;width: 12px;height: 12px;position: absolute;right: 0;top: calc(50% - 3px)} #c_static_001-1646810151206 .e_loop-8 .multSelect .inputWrap>.fa-down svg{transform: rotate(-90deg)} #c_static_001-1646810151206 .e_loop-8 .multSelect .inputWrap>.fa-up svg{transform: rotate(90deg)} #c_static_001-1646810151206 .e_loop-8 .multSelect .placeholder{line-height: 40px;padding-left: 10px;color: #aaa;position: absolute;left: 0;top: 0} #c_static_001-1646810151206 .e_loop-8 .p_filter_select{width: 110px;height: 24px;padding: 0;border: 1px solid #DCDFE6} #c_static_001-1646810151206 .e_loop-8 .p_normal_start{display: inline;width: 60px;height: 22px} #c_static_001-1646810151206 .e_loop-8 .p_date_start{display: inline;width: 105px;height: 22px} #c_static_001-1646810151206 .e_loop-8 .p_normal_end{display: inline;width: 60px;height: 22px;margin-right: 5px} #c_static_001-1646810151206 .e_loop-8 .p_date_end{display: inline;width: 105px;height: 22px;margin-right: 5px} #c_static_001-1646810151206 .e_loop-8 .p_split{margin: 0 5px} #c_static_001-1646810151206 .e_loop-8 .p_normal{margin-right: 16px} #c_static_001-1646810151206 .e_loop-8{width: 94%;margin-right: auto;margin-left: auto;max-width: 1230px;background-color: rgba(255, 255, 255, 0);margin-top: 20px;padding-left: 5px;padding-right: 5px} #c_static_001-1646810151206 .e_loop-8 .p_loopitem:hover .e_image-10 img{transform: scale(1)} #c_static_001-1646810151206 .e_container-9{display: flex;flex-wrap: wrap;flex-direction: row;width: auto;margin-left: 10px;margin-right: 10px;margin-top: 10px;margin-bottom: 10px;padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 0px;border-style: solid;border-width: 1px;border-color: rgba(229, 229, 229, 1);background-color: rgba(255, 255, 255, 1)} #c_static_001-1646810151206 .e_container-9>.p_item{flex: 1;max-width: 100%;max-height: 100%} #c_static_001-1646810151206 .e_container-9:hover .e_text-11 a{color: #02529b} #c_static_001-1646810151206 .e_image-10{overflow: hidden;padding-bottom: 100%;position: relative;} #c_static_001-1646810151206 .e_image-10 a{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #c_static_001-1646810151206 .e_image-10 img{width: 100%;height: 100%;object-fit: cover;transform: scale(0.95);transition: all .5s ease} #c_static_001-1646810151206 .e_text-11 a{color: #333333} #c_static_001-1646810151206 .e_text-11{line-height: 2;font-size: 16px;color: rgba(51, 51, 51, 1);text-align: center;margin-top: 10px;margin-bottom: 10px;font-weight: bold;display-radio: -webkit-box;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden} @media screen and (max-width:768px) { #c_static_001-1646810151206 .e_loop-8 .p_loopitem{flex-grow: 0;flex-shrink: 0;flex-basis: calc(100% / 2)} #c_static_001-1646810151206 .e_text-1{font-size: 22px;color: rgba(34, 34, 34, 1)} #c_static_001-1646810151206{padding-top: 30px;padding-bottom: 20px;display: none} #c_static_001-1646810151206 .e_container-9{margin-left: 0px;margin-right: 0px;margin-top: 10px;margin-bottom: 10px;padding: 15px;} } @media screen and (min-width: 769px) { #c_static_001-1646810151206 .e_loop-8 .p_loopitem{flex-grow: 0;flex-shrink: 0;flex-basis: calc(100% / 4)} } /* 其他列表 */ .other-list{background-color: #fff;padding: 4% 0;} .other-list ul{margin: -15px;} .other-list ul li{float: left;width: calc(100% / 4 - 30px);margin: 15px;} .other-list ul li a{display: block;} .other-list ul li a .pict{padding-bottom: 100%;position: relative;overflow: hidden;border: 1px solid #e5e5e5;background-color: #fff;} .other-list ul li a .pict .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .other-list ul li a .pict .img img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;transition: all .5s ease;} .other-list ul li a .tit{color: #333;font-size: 16px;line-height: 2;text-align: center;background-color: #f5f5f5;padding: 5px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .5s ease;} .other-list ul li a:hover .pict .img img{transform: scale(1.1);} .other-list ul li a:hover .tit{color: #054190;} @media screen and (max-width:768px){ .other-list{padding: 30px 0;} .other-list ul{margin: -5px;} .other-list ul li{width: calc(100% / 2 - 10px);margin: 5px;} }