.home { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } #move_port{position:fixed;width:400px;max-width:36%;z-index:9999} #move_port a{display:block;margin-bottom:10px} #move_port img{display:block;width:100%} .close_port{position:absolute;right:0;bottom:-25px;width:20px;height:20px;background:url(../images/close.png) 50% no-repeat;display:block !important;cursor:pointer} .home body { height: 100%; overflow: hidden; padding: 0; } .body_home { background: #000; height: 100%; overflow: hidden; } .header { position: fixed; left: 0%; top: 0; right: 0%; z-index: 3; transition: all 0.7s ease-out 0s; } .body_home>.header>.header-top{ background: rgba(2, 125, 180, .6); height: 51px; line-height: 51px; font-size: 14px; } .s>.header>.header-top{ background: rgba(2, 125, 180, 1); } .body_home>.header>.header-top ul { padding-left: 0; list-style: none; margin-left: 35px; float: right; } .body_home>.header>.header-top ul li { float: left; margin-right: 16px; } .body_home>.header>.header-top ul li a{ color: white; text-decoration: none; } .body_home>.header>.header-top ul li a:hover{ color: red; text-decoration: none; } .body_home>.header>.header-boom{ background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0)); } .body_home.s>.header>.header-boom{ background: white; box-shadow: 0 0 10px rgba(0,0,0,0.15); } .body_home>.header>.header-boom .block{ display: flex; justify-content: space-between; width: 100%; align-items: center; } .body_home>.header>.header-boom .block .logo{ margin-top: 13px; padding-bottom: 20px; } .body_home>.header>.header-boom .meuns-top{ text-align: right; margin-bottom: 15px; padding-right: 22px; } .body_home>.header>.header-boom .meuns-top span:nth-child(1){ margin-right: 5px; } .body_home>.header>.header-boom .meuns-boom { position: relative; } .body_home>.header>.header-boom .meuns-boom>a{ color: white; font-size: 20px; margin-left: 22px; margin-right: 22px; text-decoration: none; } .body_home.s>.header>.header-boom .meuns-boom>a{ color: #333; } .nav-brand{ padding-left: 0; list-style: none; } .nav-brand>li{ float: left; position: relative; line-height: 46px; } .nav-brand>li>a{ font-size: 20px; text-decoration: none; color: #fff; display: block; padding: 0 25px; } .s .nav-brand>li>a{ color: #000; } .nav-brand>li>a.hover{ color: #027DB4; background: #fff; border-top: 2px solid #027DB4; line-height: 44px; } .nav-brand>li>ul{ background: #fff; position: absolute; top: 46px; width: 190px; z-index: 2; padding: 5px 0; display: none; box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1); } .nav-brand>li>ul.nav-brand-min{ width: 150px; } .nav-brand>li>ul>li{ float: none; display: block; padding: 0; margin: 0; } .nav-brand>li>ul>li>a{ line-height: 44px; font-size: 16px; color: #000; padding: 0 0 0 25px; text-decoration: none; display: block; } .nav-brand>li>ul>li>a:hover{ background: #eeeeee; } .nav-brand>li>ul.last{ right: 0; width: 150px; } .body_home>.header>.header-boom .block .nava-chid>.item{ width: 957px; background: white; top: 200%; padding: 40px 40px; position: absolute; display: flex; justify-content: space-between; background-image: url(../images/logobg.png); visibility: hidden; opacity: 0; } .body_home>.header>.header-boom .block .nava-chid>.item.s{ visibility: visible; opacity: 1; transition: opacity 0.2s ease-out 0s; } .body_home>.header>.header-boom .block .nava-chid>.item>.left{ display: flex; width: 50%; } .body_home>.header>.header-boom .block .nava-chid>.item>.left>.txt{ color: #8c0000; font-size: 26px; text-align: center; line-height: 34px; font-family: "华文行楷"; letter-spacing: 3px; padding-top: 20px; margin-left: 10px; } .body_home>.header>.header-boom .block .nava-chid>.item>.right{ width: 50%; } .body_home>.header>.header-boom .block .nava-chid>.item>.right>a{ width: 31.7%; font-size: 16px; margin-top: 20px; display: inline-block; color: #333333; text-decoration: none; text-align: center; } .body_home>.header>.header-boom .block .nava-chid>.item>.right>a:hover{ color: #004ea1; } .header-top>.container-fluid>.meuns-top{ float: right; margin-top: -10px; margin-right: 20px; } .body_home .dow{ position: absolute; left: 50%; bottom: 0; text-align: center; transform: translateX(-50%); font-size: 40px; z-index: 9999; color: rgb(175, 2, 2); cursor: pointer; animation:showdow 2s linear 0s infinite; } @keyframes showdow{ 0%{transform:translate(-50%,0);opacity:0;} 20%{transform:translate(-50%,3px);opacity:1;} 80%{transform:translate(-50%,10px);opacity:1;} 90%{transform:translate(-50%,10px);opacity:0;} 100%{transform:translate(-50%,10px);opacity:0;} } .body_home .dow:hover { animation-play-state: paused; color: #fff; } .s .dow{ display: none; } .showdiv .toplog2{ display: none; } .s .toplog1{ display:none; } .s .toplog2{ display: block; } .mobemeun{ display:none; } .moble{ display: none; } @media screen and (max-width: 1500px){ .body_home > .header > .header-boom .meuns-boom > a { font-size: 20px; margin-left: 10px; margin-right: 10px; } .nav-brand > li > a{ padding: 0 20px; } } @media screen and (max-width: 1400px){ .nav-brand > li > a{ padding: 0 15vw; } } @media screen and (max-width: 1280px){ .body_home > .header > .header-boom .meuns-boom > a { font-size: 19px; margin-left: 10px; margin-right: 10px; } .nav-brand > li > a{ padding: 0 10px; } .nav-brand > li > ul{ width: 190px; } } @media screen and (max-width: 1240px){ .body_home > .header > .header-boom .meuns-boom > a { font-size: 15px; margin-left: 10px; margin-right: 10px; } } @media screen and (max-width: 1100px){ .body_home > .header > .header-boom .meuns-boom { display: none; } .moble{ display: flex; } .moble .ssuo{ margin-top: 15px; margin-right: 20px; width: 40px; } .moble>.caidan{ color: white; font-size: 48px; } .header-top{ display: none; } .body_home.s>.header>.header-boom{ background: #027DB4; box-shadow: 0 0 10px rgba(0,0,0,0.15); } .mobemeun-nava{ background: white; } .mobemeun-nava a{ text-decoration: none; border-bottom: 1px solid rgba(0,0,0,0.08); padding: 8px 15px; width: 50%; box-sizing: border-box; height: auto; display: inline-block; float: left; color: #000; } .mobemeun-nava a:nth-child(-n+2){ border-top: 1px solid rgba(0,0,0,0.08); } .mobemeun-nava a:nth-child(2n+2){ border-left: 1px solid rgba(0,0,0,0.08); } .mobemeun-top a{ color: white; text-decoration: none; margin-right: 10px; } .mobemeun-top{ background: #94070A; padding: 10px; } .s .toplog1{ display:block; } .s .toplog2{ display: none; } } @media screen and (max-width: 1024px){ .home, .home body{ height: auto; overflow: auto; } .body_home { height: auto; overflow: visible; } .body_home > .header > .header-boom{ background: #027DB4; } } @media screen and (max-width: 1000px){ } @media screen and (max-width: 900px){ } @media screen and (max-width: 850px){ .home, .home body{ height: auto; overflow: auto; } .body_home { height: auto; overflow: visible; } } @media screen and (max-width: 800px){ } @media screen and (max-width: 768px){ .body_home > .header > .header-boom{ background: #027DB4; } } @media screen and (max-width: 736px){ .body_home > .header > .header-boom{ background: #027DB4; } } @media screen and (max-width: 700px){ } @media (max-width: 414px) { .body_home > .header > .header-boom .block { margin-left: 0px; } .body_home > .header > .header-boom{ background: #027DB4; } .moble > .caidan { color: white; font-size: 28px; } .moble .ssuo { margin-top: 6px; margin-right: 20px; width: 30px; } } @media (max-width: 375px) { /******iphone X 7 8******/ } @media (max-width: 320px) { /******iphone 5/SE******/ .showdiv .toplog2{ width: 100px; } .showdiv .toplog2{ display: none !important; } .showdiv .toplog1{ width: 200px; } } /* 幻灯片开始 */ .body_home>.banner{ position: relative; height: 100%; overflow: hidden; } .body_home .banner .swiper-container{ height: 100%; } .body_home .banner .swiper-container .swiper-slide{ height: 100%; } .body_home .banner .side { background-size: cover; color: #fff; background-position: center center; height: 100%; position: relative; overflow: hidden; background-color: #000; } .body_home .banner .side::before{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 80px; background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0)); } .body_home .banner .side .side-text{ position: absolute; left: 0; right: 380px; bottom: 50px; line-height: 1; padding-left: 40px; font-size: 36px; } .body_home .banner .side .side-actron{ position: absolute; right: 15px; bottom: 1px; font-size: 24px; line-height: 1; width: 80px; height: 60px; line-height: 60px; text-align: center; } .body_home>.banner>.swiper-container>.swiper-pagination{ width: unset; right: 100px; text-align: right; } .body_home>.banner>.swiper-container>.swiper-pagination>.swiper-pagination-bullet{ margin: 0 10px; font-family: Arial; cursor: pointer; vertical-align: middle; display: inline-block; width: unset; height: unset; border-radius: 0; background: unset; color: white; opacity: 1; font-size: 18px; } .body_home>.banner>.swiper-container>.swiper-pagination>.swiper-pagination-bullet:focus{ outline:none; -webkit-tap-highlight-color: transparent; } .body_home>.banner>.swiper-container>.swiper-pagination>.swiper-pagination-bullet::after { content: ""; border-top: 1px solid #fff; display: inline-block; vertical-align: middle; width: 0px; margin-left: 5px; transition: all 0.5s ease-out 0s; margin-top: 10px; } .body_home>.banner>.swiper-container>.swiper-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active{ font-size: 24px; } .body_home>.banner>.swiper-container>.swiper-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active::after { width: 60px; } @media screen and (max-width: 1500px){ } @media screen and (max-width: 1400px){ } @media screen and (max-width: 1280px){ } @media screen and (max-width: 1100px){ } @media screen and (max-width: 1024px){ .body_home .dow{ display: none; } .body_home>.banner{ height: 51vw; margin-top: 90px; } } @media screen and (max-width: 1000px){ } @media screen and (max-width: 900px){ } @media screen and (max-width: 850px){ .body_home .dow{ display: none; } .body_home>.banner{ height: 51vw; } } @media screen and (max-width: 800px){ } @media screen and (max-width: 768px){ .body_home > .banner{ margin-top: 98px; } } @media screen and (max-width: 763px){ .body_home > .banner{ margin-top: 98px; } } @media screen and (max-width: 700px){ } @media (max-width: 414px) { .body_home > .banner{ margin-top: 98px; } } @media (max-width: 375px) { /******iphone X 7 8******/ } @media (max-width: 320px) { /******iphone 5/SE******/ } /* 幻灯片结束 */ /* 机电要闻开始 */ .body_tow.showdiv { top: 0; } .body_tow { position: fixed; left: 0%; top: 100%; bottom: 0; right: 0; background: #fff; overflow: hidden; transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s; z-index: 1; overflow: auto; outline: none; } .jdyw{ padding-top: calc(95px + 5vw); background: #F7F7F7; padding-bottom: 60px; } .jdyw-top-img{ text-align: center; } .jdyw-bom-left{ height: 355px; overflow: hidden; } .jdyw-bom-one{ margin-top: 60px; } .jdyw-bom-left .swiper-container1{ height: 100%; } .jdyw-bom-left .swiper-container2{ height: 100%; } .jdyw-bom-left .swiper-container1 .item-side{ height: 100%; background-size: 100% 100%; position: relative; } .jdyw-bom-left .swiper-container2 .item-side{ height: 100%; background-size: 100% 100%; position: relative; } .item-side-txt{ position: absolute; bottom: 0px; font-size: 18px; color: white; font-weight: 800; width: 100%; padding: 20px; height: 65px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,7)); } .jdyw-bom-right-item{ width: 48.4%; height: 169px; background: #FFFFFF; float: left; } .jdyw-bom-right-item:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px); box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 20px #bbbbbb; transition: all .8s ease-out; } .jdyw-bom-right-item:hover .jdyw-bom-right-item-text{ color: #027db4; } .jdyw-bom-right-item:nth-child(1){ margin-right: 17px; } .jdyw-bom-right-item:nth-child(3){ margin-right: 17px; margin-top: 17px; } .jdyw-bom-right-item:nth-child(4){ margin-top: 17px; } .jdyw-bom-right-item a{ text-decoration: none; color: #474747; padding: 30px 35px 10px 30px; display: block; } .jdyw-bom-right-item-top{ display: flex; justify-content: space-between; height: 60px; } .jdyw-bom-right-item-subtitle{ padding: 5px 0; font-size: 11px; padding-left: 20px; color: #7f7f7f; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 34px; line-height: 34px; } .jdyw-bom-right-item-text{ width: 75%; height: 60px; overflow: hidden; } .jdyw-bom-right-item-times-mos{ font-size: 10px; color: #181818; } .jdyw-bom-right-item-times-day{ font-size: 30px; font-weight: 800; } .jdyw-bom-right-item-boom{ display: flex; justify-content: space-between; padding:10px 0; border-top: 1px solid #F1F1F1; } .jdyw-bom-right-item-boom span:nth-child(1){ font-size: 12px; color: #838383; } .xww{ text-align: center; width: 100%; margin-top: 45px; } @media screen and (max-width: 1500px){ } @media screen and (max-width: 1400px){ } @media screen and (max-width: 1280px){ .jdyw-bom-right-item a{ text-decoration: none; color: #474747; padding: 30px 35px 10px 30px; display: block; } } @media screen and (max-width: 1200px){ .jdyw-bom-right-item-top { display: flex; justify-content: space-between; height: 54px; } .jdyw-bom-right-item a{ text-decoration: none; color: #474747; padding: 20px 15px 10px 10px; display: block; } .jdyw-bom-right-item { width: 47.4%; height: 149px; background: #FFFFFF; float: left; } .jdyw-bom-right-item-times{ display: none; } .jdyw-bom-right-item-text { width: 100%; } .jdyw-bom-left{ margin-bottom: 20px; margin-top: 20px; } } @media screen and (max-width: 1100px){ } @media screen and (max-width: 1024px){ .body_tow { width: auto; height: auto; position: static; opacity: 1; transform: none; overflow: auto; height: 100%; position: unset; } .jdyw-bom-left { height: 296px; overflow: hidden; } } @media screen and (max-width: 1000px){ } @media screen and (max-width: 900px){ } @media screen and (max-width: 850px){ .body_tow { width: auto; height: auto; position: static; opacity: 1; transform: none; overflow: auto; height: 100%; position: unset; } } @media screen and (max-width: 800px){ } @media screen and (max-width: 700px){ } @media (max-width: 414px) { .jdyw{ padding-top: 40px; } .jdyw-bom-one { margin-top: 20px; } .jdyw-bom-left { height: 255px; overflow: hidden; } } @media (max-width: 375px) { /******iphone X 7 8******/ } @media (max-width: 320px) { /******iphone 5/SE******/ .jdyw-bom-right-item { width: 46.4%; height: 149px; background: #FFFFFF; float: left; } } /* 机电要闻结束 */ .jxky{ padding-top: 110px; padding-bottom: 110px; } .jxky-title{ margin-bottom: 45px; } .jxky-title-txt{ font-size: 30px; margin-bottom: 20px; } .jxky-left{ width: 555px; height: 400px; display: flex; justify-content: space-between; padding: 30px 50px; z-index: 9999; position:sticky; background: url("../images/xydtitembg.png") no-repeat; background-size: 100% 100%; transition: all 1s ease-out 0s; opacity: 0; transform: translateY(40px); } .jxky-mian{ position: relative; } .jxky-left-right{ width: 65%; } .jxky-left-right .top .mos{ text-align: right; color: white; font-size: 10px; } .jxky-left-right .top .day{ text-align: right; color: white; font-size: 34px; margin-top: 10px; } .jxky-left-right .mian a{ text-decoration: none; } .jxky-left-right .mian .mian-txt{ font-size: 24px; color: white; } .jxky-left-right .mian .mian-conet{ padding-top: 40px; height: 148px; color: white; } .jxky-right{ width: 555px; height: 400px; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 1; transition: all 1s ease-out 0s; opacity: 1; padding: 30px 50px; transform: translateY(-40px); background:url("../images/jxkyitembg.png") no-repeat; background-size: 100% 100%; } .jxky-right-mian{ width: 455px; } .jxky-right-mian-top{ display: flex; flex-direction: row; justify-content: space-between; line-height: 40px; margin-top: 20px; } .jxky-right-mian-top>.title{ font-size: 30px; color: white; } .jxky-right-mian-mid-cont-top{ height: 45px; overflow: hidden; } .jxky-right-mian-mid-cont-boom{ transition: all 1s ease-out 0s; margin-top: 10px; } .jxky-right-mian-mid{ display: flex; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid #A6D8E9; margin-top: 30px; } .jxky-right-mian-mid-day{ width: 25%; } .jxky-right-mian-mid-day>div:nth-child(1){ font-size: 9px; color: white; } .jxky-right-mian-mid-day>div:nth-child(2){ color: white; font-size: 32px; } .jxky-right-mian-mid-cont>a{ color: white; font-size: 16px; text-decoration: none; display: flex; justify-content: space-between; width: 455px; } .jxky-right-mian-mid-cont>a>div:nth-child(2){ width: 65%; } .jxky-right-mian-mid-cont>a:hover{ color: white; text-decoration: underline; text-decoration-color: white; } .jxky-right-mian-mid-cont>a:hover .jxky-right-mian-mid-cont-boom{ transform: translateX(20px); } .jxky-right-mian-mid-cont>a>div>img{ width: 122px; height: 83px; } .jxky-left-mian-mid-cont>a>div>img{ width: 122px; height: 83px; } .jxky-right-mian-foot>ul{ padding-left: 0; list-style: none; margin-top: 10px; } .jxky-right-mian-foot>ul>li{ line-height: 30px; } .jxky-right-mian-foot>ul>li>a{ display: flex; justify-content: space-between; color: white; text-decoration: none; } .jxky-right-mian-foot>ul>li>a>span:nth-child(1){ width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jxky-right-mian-foot>ul>li>a:hover{ text-decoration: underline ; text-decoration-color: white; } .jxky.showdiv .jxky-left{ opacity: 1; transform:none; } .jxky.showdiv .jxky-right{ opacity: 1; transform:none; } @media screen and (max-width: 1500px){ } @media screen and (max-width: 1400px){ } @media screen and (max-width: 1280px){ } @media screen and (max-width: 1024px){ .jxky-left{ width: 100%; } .jxky-left { height: 400px; display: flex; justify-content: space-between; padding: 40px; z-index: 1; position: sticky; transition: all 1s ease-out 0s; opacity: 1; transform: translateY(40px); } .jxky-right-mian{ width: 100%; } .jxky-right { position: unset; width: 100%; margin-top: 90px; padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 1100px){ } @media screen and (max-width: 1000px){ .jxky-left{ width: 100%; transform: translateY(00px); } .jxky-right{ position: unset; width: 100%; margin-top: 90px; padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 900px){ } @media screen and (max-width: 800px){ } @media screen and (max-width: 768px){ .jxky-left { height: 400px; width: 100%; display: flex; justify-content: space-between; padding: 60px; z-index: 0; position: sticky; transition: all 1s ease-out 0s; opacity: 1; transform: translateY(40px); } .jxky-left>.jxky-right-mian{ width: 100%; } .jxky-right { position: unset; width: 100%; margin-top: 90px; padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 736px){ .jxky-left { height: 400px; display: flex; justify-content: space-between; padding: 40px; z-index: 1; position: sticky; transition: all 1s ease-out 0s; opacity: 1; transform: translateY(40px); } } @media screen and (max-width: 700px){ .jxky-right-mian-foot > ul > li > a>span:nth-child(1){ width: 70%; height: 30px; overflow: hidden; } } @media (max-width: 640px) { /******iphone X 7 8******/ .jxky-left{ padding: 20px; opacity: 1; z-index: 998; position: static; margin-top: -40px; } } @media (max-width: 568px) { /******iphone X 7 8******/ .jxky-right-mian-mid-cont>a{ width: 100%; } .jxky-left{ padding: 20px; opacity: 1; z-index: 998; position: static; margin-top: -40px; } } @media (max-width: 414px) { .jxky{ padding-bottom: 30px; padding-top: 40px; } .jxky-title{ margin-bottom: 25px; } .jxky-left{ padding: 20px; opacity: 1; z-index: 998; position: static; margin-top: -40px; } .jxky-left-img{ display: none; } .jxky-left-right{ width: 100%; } .jxky-left-right .top .mos,.day{ text-align: left !important; } .jxky-right{ margin-top: 100px; } .jxky-right-mian-mid-cont>a>div:nth-child(2){ width: 55%; } } @media (max-width: 375px) { /******iphone X 7 8******/ } @media (max-width: 375px) { /******iphone X 7 8******/ } @media (max-width: 320px) { /******iphone 5/SE******/ } .xydt{ background: #F3F5F9 no-repeat; background-image: url('../images/bsdtimg1.jpg'); background-size: 100% 100%; padding-top: 145px; padding-bottom: 65px; } .xydt >.container{ margin-bottom: -65px; } .xydt a{ display: inline-block; width: 100%; height: 100%; padding: 90px 0; } .xydt a>p{ margin-top: 30px; } .xydt-xydt{ width: 270px; height: 250px; text-align: center; margin-left:300px ; background: url(../images/bsdtitembg.png); } .xydt-xydt a{ color: white; font-size: 24px; text-decoration: none; background: rgba(70,115,175,.5); transition: all 0.5s ease-in-out; } .xydt-xydt a>img{ transition: all 0.5s ease-in-out; } .xydt-xydt a:hover img{ transform: scale(1.6,1.6); } .xydt-xydt a:hover{ font-size: 30px; background: rgba(130,62,147,.7); } .xydt-bom{ display: flex; } .xydt-mtjd{ width: 570px; height: 250px; background: url(../images/mtjditembg.png); text-align: center; } .xydt-mtjd a{ color: #FFFFFF; font-size: 24px; text-decoration: none; background: rgba(77, 95, 154, 0.5); transition: all 0.5s ease-in-out; } .xydt-mtjd a>img{ transition: all 0.5s ease-in-out; } .xydt-mtjd a:hover img{ transform: scale(1.6,1.6); } .xydt-mtjd a:hover{ font-size: 30px; background: rgba(77, 95, 154,.9); transition: all 0.5s ease-in-out; } .xydt-xygy{ width: 285px; height: 250px; background: url('../images/xygyitembg.png'); text-align: center; } .xydt-xygy a{ color: white; font-size: 24px; text-decoration: none; background: rgba(99,89,94,.5); transition: all 0.5s ease-in-out; } .xydt-xygy a>img{ transition: all 0.5s ease-in-out; } .xydt-xygy a:hover img{ transform: scale(1.6,1.6); } .xydt-xygy a:hover{ font-size: 30px; background: rgba(130,62,147,.7); } .xydt-xb{ width: 285px; height: 250px; background: url('../images/tsgitembg.png'); text-align: center; } .xydt-xb a{ color: white; font-size: 24px; text-decoration: none; background: rgba(132,201,245,.5); transition: all 0.5s ease-in-out; } .xydt-xb a>img{ transition: all 0.5s ease-in-out; } .xydt-xb a:hover img{ transform: scale(1.6,1.6); } .xydt-xb a:hover{ font-size: 30px; background: rgba(130,62,147,.7); } @media screen and (max-width: 1500px){ } @media screen and (max-width: 1400px){ } @media screen and (max-width: 1280px){ } @media screen and (max-width: 1100px){ } @media screen and (max-width: 1024px){ .xydt-xydt{ margin-left: 200px; } } @media screen and (max-width: 1000px){ .xydt-xydt { width: 355px; height: 200px; margin-left: 0; } .xydt a { padding: 20px 0; } .xydt-mtjd { width: 360px; height: 200px; background: url(../images/mtjdybg.png); text-align: center; } .xydt-xygy { width: 180px; height: 200px; } .xydt-xb { width: 180px; height: 200px; } } @media screen and (max-width: 900px){ } @media screen and (max-width: 800px){ } @media screen and (max-width: 700px){ } @media (max-width: 414px) { .xydt { padding-top: 20px; } .xydt-xydt { width: 25%; height: 100px; margin-left: 96px; } .xydt-xydt img{ width: 30px; } .xydt-xydt a { color: white; font-size: 14px; } .xydt a > p { margin-top: 10px; } .xydt-mtjd { width: 25%; height: 100px; } .xydt-mtjd a { font-size: 14px; } .mtjd a > p { margin-top: 10px; } .xydt-mtjd img{ width: 30px; } .xydt-xygy { width: 25%; height: 100px; } .xydt-xb { width: 25%; height: 100px; } .xydt-xygy a { font-size: 14px; } .xydt-xygy img{ width: 30px; } .xydt-xb a { font-size: 14px; } .xydt-xb img{ width: 30px; } } @media (max-width: 375px) { /******iphone X 7 8******/ } @media (max-width: 320px) { /******iphone 5/SE******/ } .bottom-nava{ background:#F3F5F9; padding-top: 80px; padding-bottom: 80px; } .bottom-nava-mian ul{ padding-left: 0; list-style: none; } .bottom-nava-mian ul li a{ text-decoration: none; color: #464646; text-align: center; font-size: 16px; line-height: 45px; } .bottom-nava-mian ul li{ float: left; width: 162.7px; border-right: 1px solid rgb(223, 223, 223); transition: all 0.3s ease-in-out; background: #F3F5F9; } .bottom-nava-mian ul li:hover{ box-shadow: 3px 35px 77px -17px rgba(0, 0, 0, 0.8); transform: scale(1.16); } .bottom-nava-mian ul li:last-child{ border: 0; } @media screen and (max-width: 1500px){ } @media screen and (max-width: 1400px){ } @media screen and (max-width: 1280px){ } @media screen and (max-width: 1100px){ } @media screen and (max-width: 1024px){ .bottom-nava-mian ul li{ width: 152px; } } @media screen and (max-width: 1000px){ .bottom-nava-mian ul li { float: left; width: 179.7px; border-right: 1px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(4){ border-right: 0px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(5){ border-top: 1px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(6){ border-top: 1px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(7){ border-top: 1px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(8){ border-top: 1px solid rgb(223, 223, 223); } } @media screen and (max-width: 900px){ } @media screen and (max-width: 800px){ } @media screen and (max-width: 768px){ .bottom-nava-mian ul li:nth-child(5){ border-top: 0px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(6){ border-top: 0px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(7){ border-top: 0px solid rgb(223, 223, 223); border-right: 1px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(8){ border-right: 0px solid rgb(223, 223, 223); } } @media screen and (max-width: 750px){ .bottom-nava-mian ul li { float: left; width: 172.8px; border-right: 1px solid rgb(223, 223, 223); } } @media screen and (max-width: 736px){ .bottom-nava-mian ul li:nth-child(4){ border-right: 0px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(5){ border-top: 0px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(6){ border-top: 0px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(7){ border-top: 0px solid rgb(223, 223, 223); border-right: 1px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(8){ border-top: 0px solid rgb(223, 223, 223); } } @media screen and (max-width: 700px){ } @media screen and (max-width: 677px){ .bottom-nava-mian ul li { float: left; width: 152.8px; border-right: 1px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(4) { border-right: 0px solid rgb(223, 223, 223); } } @media screen and (max-width: 568px){ .bottom-nava-mian ul li { float: left; width: 132.8px; border-right: 1px solid rgb(223, 223, 223); } } @media (max-width: 414px) { .bottom-nava-mian ul li{ width: 45vw; } .bottom-nava-mian ul li:nth-child(2){ border-right: 0px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(6){ border-right: 0px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(3){ border-top: 1px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(4){ border-top: 1px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(5){ border-top: 1px solid rgb(223, 223, 223); border-bottom: 1px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(6){ border-top: 1px solid rgb(223, 223, 223); border-bottom: 1px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(7){ border-right: 1px solid rgb(223, 223, 223); } } @media (max-width: 375px) { /******iphone X 7 8******/ .bottom-nava-mian ul li:nth-child(4){ border-right: 0px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(5){ border-top: 1px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(6){ border-top: 1px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(7){ border-top: 1px solid rgb(223, 223, 223); border-right: 0px solid rgb(223, 223, 223); } .bottom-nava-mian ul li:nth-child(8){ border-top: 0px solid rgb(223, 223, 223); } } @media (max-width: 320px) { /******iphone 5/SE******/ } .foot{ background: url(../images/footbg.png) no-repeat; background-size: 100% 100%; } .foot-one{ padding-top: 80px; padding-bottom: 100px; } .foot-nava ul{ padding-left: 0; list-style: none; } .foot-logo{ padding-top: 10px; } .foot-rwn{ margin-top: 50px; } .foot-rwn img:nth-child(2){ margin-right: 14px; margin-left: 14px; } .foot-nava ul li{ float: left; padding: 0 20px; border-left: 1px solid white; } .foot-nava ul li:nth-child(1){ padding-left: 0; border-left: 0; } .foot-nava ul li a{ color: #f3f5f9; text-decoration: none; } .foot-nava ul li a:hover{ color: red; } .foot-title{ font-weight: 800; color: white; margin-bottom: 15px; } .foot-lxwm{ color: white; /* border-top: 3px solid #3295C2; */ padding-top: 35px; margin-top: 0px; font-size: 18px; line-height: 35px; } .foot-img{ margin-top: 20px; } .foot-img img{ margin-right: 10px; } .foot-two{ text-align: center; background: #0174A8; padding: 23px 0; line-height: 30px; color: rgba(255,255,255,.3); } @media screen and (max-width: 1500px){ } @media screen and (max-width: 1400px){ } @media screen and (max-width: 1280px){ } @media screen and (max-width: 1100px){ } @media screen and (max-width: 1024px){ .foot-rwn { line-height: 150px; margin-top: 10px; } .foot-rwn img:nth-child(2){ margin-right: 5px; margin-left: 5px; } } @media screen and (max-width: 1000px){ .foot-logo { padding-top: 10px; text-align: center; } .foot-rwn { margin-top: 50px; text-align: center; } } @media screen and (max-width: 900px){ } @media screen and (max-width: 800px){ } @media screen and (max-width: 700px){ } @media (max-width: 414px) { .foot-one { padding-top: 20px; padding-bottom: 30px; } .foot-nava ul li { float: left; padding: 0 9px; border-left: 1px solid white; } } @media (max-width: 375px) { /******iphone X 7 8******/ } @media (max-width: 320px) { /******iphone 5/SE******/ .foot-rwn { line-height: 150px; margin-top: 10px; } } .layer { background: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; opacity: 0; visibility: hidden; transition: all 0.3s ease-out 0s; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .layer.showdiv { opacity: 1; visibility: visible; } .layer .search_box { height: 45px; line-height: 45px; width: 550px; display: -ms-flexbox; display: flex; transform: translateY(-50px); opacity: 0; margin-top: -100px; justify-content: center; } .layer .close { font-size: 60px; position: absolute; right: 50px; top: 50px; width: 80px; height: 80px; text-align: center; line-height: 80px; cursor: pointer; color: rgb(255, 255, 255); } .layer .search_box form .kw { background: #fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.5) inset; -ms-flex: 1; flex: 1; height: 45px; width: 300px; padding: 0 12px; font-size: 16px; -webkit-appearance: none; appearance: none; border-radius: 0; } .layer.showdiv .search_box { transform: none; transition: all 0.5s ease-out 0s; opacity: 1; } .layer .search_box form .ok { background: #54A1C4; color: #fff; width: 120px; text-align: center; font-size: 18px; cursor: pointer; -webkit-appearance: none; appearance: none; border-radius: 0; } input, textarea, select { padding: 0; font-family: inherit; outline: none; resize: none; background: none; border: none; font-size: inherit; color: inherit; } @media screen and (max-width: 1500px){ } @media screen and (max-width: 1400px){ } @media screen and (max-width: 1280px){ } @media screen and (max-width: 1100px){ } @media screen and (max-width: 1000px){ } @media screen and (max-width: 900px){ } @media screen and (max-width: 800px){ } @media screen and (max-width: 700px){ } @media (max-width: 431px){ .layer .search_box form .kw { width: 260px; } } @media (max-width: 414px) { .layer .close { font-size: 20px;; } .layer .search_box form .kw { width: 260px; } .layer .search_box { height: 45px; line-height: 45px; width: 100%; /* display: -ms-flexbox; */ display: flex; transform: translateY(-50px); opacity: 0; margin-top: -100px; padding-left: 10px; } .layer .search_box form .ok { width: 80px; } .layer .close { right: 10px; } } @media (max-width: 375px) { /******iphone X 7 8******/ .layer .search_box form .kw { width: 270px; } } @media (max-width: 360px) { /******iphone X 7 8******/ .layer .search_box form .kw { width: 260px; } } @media (max-width: 320px) { /******iphone 5/SE******/ .layer .search_box form .kw { width: 220px; } }