@charset "UTF-8"; #header { } #header .header-top{ display: flex; align-items: center; justify-content: space-between; height: 87px; background: #fff; padding: 0 84px; } .header-top .left{ display: flex; align-items: center; } .header-top .left h1{ font-size: 30px; font-weight: bold; color: #030303; margin: 0 45px; } .header-top .left .tel{ margin-left: 22px; } .header-top .left .tel a{ font-size: 27px; color: #0a0a0a; font-style: italic; } .header-top .right{ display: flex; align-items: center; } .header-top .right a{ font-size: 19px; color: #073677; display: flex; align-items: center; margin-left: 43px; } .header-top .right a img{ margin-right: 16px; } .header-top .englishChange a{ font-size: 17px; color: #073677; font-weight: bold; border-right: 2px solid #073677; line-height: 18px; margin-right: 10px; padding-right: 10px; } .header-top .englishChange a+a{ border-right: 0; } #header .marginAuto { display: flex; justify-content: space-between; align-items: center; width: 100%; background: #073677; box-sizing: border-box; padding: 0 84px 0 40px; } #header .marginAuto .flex { display: flex; align-items: center; } #header .marginAuto .logo { margin-right: 83px; } #header .marginAuto .nav ul { display: flex; padding: 0; margin: 0; } #header .marginAuto .nav ul li { text-align: center; box-sizing: border-box; height: 60px; line-height: 60px; margin-right: 90px; position: relative; } #header .marginAuto .nav ul li:last-child { margin-right: 0; } #header .marginAuto .nav ul li.no-postion { position: static; } #header .marginAuto .nav ul li:hover > a, #header .marginAuto .nav ul li.on > a { color: #9dd8fd; } #header .marginAuto .nav ul li:hover > a::after, #header .marginAuto .nav ul li.on > a::after { display: block; } #header .marginAuto .nav ul li:hover .menu { display: block; } #header .marginAuto .nav ul li > a { display: flex; font-size: 16px; color: #ffffff; position: relative; } #header .marginAuto .nav ul li > a::after { content: ""; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); width: 101px; border-bottom: 2px solid #9cd8fe; display: none; } #header .marginAuto .nav ul li .menu { display: none; transition: all .24s ease 0s; position: absolute; left: 50%; margin-top: -2px; transform: translate(-50%, 0); width: 200px; background: #f9f8f2; padding: 28px 0; z-index: 3; box-shadow: 0px 0px 8px 0 rgba(102, 102, 102, 0.38); } #header .marginAuto .nav ul li .menu::after { content: ""; position: absolute; top: -12px; left: 50%; transform: translate(-50%, 0); border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #f9f8f2; } #header .marginAuto .nav ul li .menu a { line-height: 38px; display: block; font-size: 16px; color: #333333; } #header .marginAuto .nav ul li .menu a:hover, #header .marginAuto .nav ul li .menu a.on { color: #ffda2c; } #header .marginAuto .nav ul li.product:hover .menu-four { display: none; } #header .marginAuto .nav ul li .menu-four { display: none; position: absolute; left: 0; z-index: 2; width: 100%; height: 500px; background: #f9f8f2; padding: 20px 0 24px; box-shadow: 0px 0px 8px 0 rgba(102, 102, 102, 0.38); } #header .marginAuto .nav ul li .menu-four .center { width: 1200px; margin: 0 auto; display: flex; position: relative; } #header .marginAuto .nav ul li .menu-four .center .menu-children .menu1 { width: 330px; box-sizing: border-box; padding-left: 20px; } #header .marginAuto .nav ul li .menu-four .center .menu-children .menu1 .item { width: 100%; } #header .marginAuto .nav ul li .menu-four .center .menu-children .menu1 .item:hover > a { color: #d2b837; } #header .marginAuto .nav ul li .menu-four .center .menu-children .menu1 .item:hover > .menu2 { display: block; } #header .marginAuto .nav ul li .menu-four .center .menu-children .menu1 .menu2 { display: none; width: 490px; position: absolute; top: 0; left: 330px; box-sizing: border-box; min-height: 100%; height: 100%; } #header .marginAuto .nav ul li .menu-four .center .menu-children .menu1 .menu2 .item:hover > .menu3 { display: block; } #header .marginAuto .nav ul li .menu-four .center .menu-children .menu1 .menu2 .menu3 { display: none; width: 360px; position: absolute; left: 490px; top: 0; box-sizing: border-box; } #header .marginAuto .nav ul li .menu-four .center .menu-children .menu1 .menu2 .menu3 a::after { display: none; } #header .marginAuto .nav ul li .menu-four .center .menu-children .item { display: flex; } #header .marginAuto .nav ul li .menu-four .center .menu-children a { font-size: 16px; color: #333333; line-height: 40px; position: relative; display: flex; align-items: center; } #header .marginAuto .nav ul li .menu-four .center .menu-children a::after { content: ">>"; margin-left: 20px; font-size: 12px; color: #b5b5b4; } #header .marginAuto .search-english { margin-left: 7px; display: flex; align-items: center; } #header .marginAuto .search-english input{ width: 241px; height: 25px; box-sizing: border-box; padding: 0 20px; margin-right: 10px; border-radius: 20px; border: 0; } #header .marginAuto .search-english a img{ margin-right: 5px; } #header .marginAuto .search-english a{ display: flex; align-items: center; font-size: 19px !important; color: #ffffff; } #header .marginAuto .mobile-menu-btn { display: none; } .mobile-menu { display: none; } #footer .container { background: url(../images/footer_03.jpg) no-repeat center center; height: 200px; box-sizing: border-box; padding: 47px 0 0; } #footer .container .flex { display: flex; } #footer .container .about { margin-right: 44px; } #footer .container .about .logo { margin-bottom: 15px; } #footer .container .about .logo img { width: auto; height: 58px; } #footer .container .about .tit { font-size: 20px; color: #ffffff; font-weight: bold; margin-bottom: 15px; } #footer .container .contact .item { font-size: 14px; color: #ffffff; line-height: 30px; padding-left: 24px; } #footer .container .contact .item a { color: #fff; } #footer .container .contact .item a:hover { text-decoration: underline; } #footer .container .contact .item:nth-child(1) { background: url(../images/footer_17.png) no-repeat left center; } #footer .container .contact .item:nth-child(2) { background: url(../images/footer_21.png) no-repeat left center; } #footer .container .contact .item:nth-child(3) { background: url(../images/footer_25.png) no-repeat left center; } #footer .container .contact .item:nth-child(4) { background: url(../images/footer_33.png) no-repeat left center; } #footer .message { margin-right: 54px; width: 472px; } #footer .message .tit { font-size: 36px; color: #ffffff; margin-bottom: 18px; line-height: 36px; } #footer .message form .item { position: relative; display: flex; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #footer .message form .item .label { font-size: 16px; color: #ffffff; padding-left: 30px; } #footer .message form .item:last-child { border-bottom: 0; } #footer .message form .item input[type=text] { flex: 1; height: 51px; font-size: 16px; color: #fff; background: none; border: 0; box-sizing: border-box; padding: 0 20px; } #footer .message form .item input[type=text]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8); } #footer .message form .item .tips { position: absolute; top: 50%; left: 40%; transform: translate(0, -50%); font-size: 16px; color: #999999; } #footer .message form .item.textarea { align-items: flex-start; } #footer .message form .item.textarea .label { padding-top: 13px; } #footer .message form .item.textarea textarea { height: 154px; flex: 1; font-size: 18px; background: none; border: 0; color: #fff; box-sizing: border-box; padding: 13px 0 0 20px; resize: none; } #footer .message form .item.textarea textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8); } #footer .message form .item.name { background: url(../images/footer_06.png) no-repeat left center; } #footer .message form .item.phone { background: url(../images/footer_13.png) no-repeat left center; } #footer .message form .item.textarea { background: url(../images/footer_15.png) no-repeat left 14px; } #footer .message form .item.btn { text-align: center; padding-top: 12px; } #footer .message form .item.btn input[type=submit] { width: 120px; height: 30px; border: 0; background: rgba(0, 0, 0, 0.5); font-size: 16px; color: #ffffff; display: block; font-weight: bold; cursor: pointer; } #footer .container .qrcode { text-align: center; display: flex; align-items: center; } #footer .container .qrcode .ewm { display: flex; margin-right: 38px; } #footer .container .qrcode .ewm .item{ margin-left: 35px; } #footer .container .qrcode .ewm img { width: 77px; height: 77px; margin-bottom: 5px; } #footer .container .qrcode .ewm h1{ font-size: 14px; color: #fff; } #footer .container .qrcode .fx { display: flex; } #footer .container .qrcode .fx a { margin-right: 27px; } #footer .container .qrcode .fx a:last-child { margin-right: 0; } #footer .container .qrcode .fx img { width: 30px; height: 30px; } #footer .copyright { background: #000000; text-align: center; font-size: 14px; line-height: 50px; color: #ffffff; } #footer .copyright a { color: #fff; } .home { position: relative; } #header{ position: fixed; z-index: 2; width: 100%; top: 0; } #header-bg{ height: 147px; } .home .banner .swiper-slide img { width: 1920px; position: relative; left: 50%; transform: translate(-50%,0); } .home .banner .swiper-pagination-bullet { width: 12px; height: 12px; background: #ffffff; box-sizing: border-box; border: 1px solid #eaeaea; opacity: 1; margin: 0 15px; } .home .banner .swiper-pagination-bullet-active { background: #e8e64b; } .home .title { text-align: center; margin-bottom: 46px; } .home .title h1 { font-size: 38px; font-weight: bold; color: #e8ca37; margin-bottom: 13px; } .home .title span { font-size: 18px; color: #434343; } .home .products { padding: 70px 0 80px; background: url(../images/bg_03.png) no-repeat right top #f5f5f5; } .home .products .list { display: flex; flex-wrap: wrap; margin-bottom: 38px; } .home .products .list .item { width: 390px; margin-right: 15px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); margin-bottom: 22px; } .home .products .list .item:hover .img img { transform: scale(1.1); } .home .products .list .item:hover .img .describe { opacity: 1; } .home .products .list .item .img { height: 306px; display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; background: #ffffff; } .home .products .list .item .img img { transition: all .25s ease 0s; max-width: 80%; max-height: 90%; } .home .products .list .item .img .describe { transition: all .25s ease 0s; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; background: rgba(134, 100, 57, 0.8); font-size: 16px; line-height: 30px; color: #ffffff; display: flex; justify-content: center; align-items: center; text-align: center; padding: 0 50px; } .home .products .list .item .tit { background: #f9f9f9; line-height: 100px; text-align: center; font-size: 18px; color: #333333; } .home .products .list .item:nth-child(3n) { margin-right: 0; } .home .products .more { text-align: center; } .home .products .more a { display: inline-block; font-size: 14px; color: #040404; border: 2px solid #cccccc; line-height: 30px; padding: 0 30px; border-radius: 30px; } .home .products .more a:hover { border: 2px solid #d8b934; color: #ffffff; background: #d8b934; } .home .featured-products { background: #f9f8f2; padding: 66px 0 80px; } .home .featured-products .list { position: relative; } .home .featured-products .list .swiper-slide { box-sizing: border-box; padding: 5px; background: none; } .home .featured-products .list .swiper-button-next, .home .featured-products .list .swiper-button-prev { width: 16px; height: 27px; } .home .featured-products .list .swiper-button-next::after, .home .featured-products .list .swiper-button-prev::after { font-size: 27px; color: #717170; } .home .featured-products .list .swiper-button-next { right: -50px; } .home .featured-products .list .swiper-button-prev { left: -50px; } .home .featured-products .list a { display: block; width: 100%; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); } .home .featured-products .list a:hover .img img { transform: scale(1.1); } .home .featured-products .list a:hover .img .describe { opacity: 1; } .home .featured-products .list .img { height: 426px; position: relative; background: #ffffff; display: flex; align-items: center; justify-content: center; } .home .featured-products .list .img img { transition: all .25s ease 0s; max-width: 90%; max-height: 90%; } .home .featured-products .list .img .describe { opacity: 0; transition: all .25s ease 0s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; background: rgba(134, 100, 57, 0.8); font-size: 16px; line-height: 30px; color: #ffffff; display: flex; justify-content: center; align-items: center; text-align: center; padding: 0 50px; } .home .featured-products .list .tit { width: 100%; box-sizing: border-box; background: #f9f9f9; font-size: 18px; color: #333333; text-align: center; display: flex; justify-content: center; align-items: center; height: 100px; padding: 0 60px; line-height: 30px; } .home .dynamic { background: #f5f5f5; padding: 66px 0 110px; position: relative; } .home .dynamic::after { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: url(../images/dynamic-bg1.png) no-repeat bottom right; } .home .dynamic::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/dynamic-bg2.png) no-repeat bottom left; } .home .dynamic .marginAuto { position: relative; z-index: 1; } .home .dynamic .flex { display: flex; margin-bottom: 60px; background: #fff; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); box-sizing: border-box; padding: 25px 42px 30px 46px; } .home .dynamic .swiper-box { width: 542px; display: flex; flex-direction: column; } .home .dynamic .swiper-box .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 15px; width: auto; display: inline-block; height: auto; font-size: 0; } .home .dynamic .swiper-box .swiper-pagination-bullet { width: 88px; height: 10px; background: #e3e3e3; box-sizing: border-box; opacity: 1; margin-right: 3px; border-radius: 0; } .home .dynamic .swiper-box .swiper-pagination-bullet-active { background: #3f8aef; } .home .dynamic .swiper-box .swiper-container{ height: 331px; } .home .dynamic .swiper-box a { display: block; position: relative; } .home .dynamic .swiper-box a:hover .img img { transform: scale(1.1); } .home .dynamic .swiper-box .img { width: 100%; height: 436px; overflow: hidden; } .home .dynamic .swiper-box .img img { transition: all .25s ease 0s; width: 100%; height: 100%; } .home .dynamic .swiper-box .describe { position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; background: rgba(0, 0, 0, 0.8); display: flex; color: #fff; padding: 14px 25px 19px; align-items: flex-end; } .home .dynamic .swiper-box .describe .time { width: 78px; height: 67px; border: 1px solid #fff; box-sizing: border-box; text-align: right; padding-right: 4px; margin-right: 20px; padding-top: 5px; } .home .dynamic .swiper-box .describe .time .day { font-size: 22px; color: #ffffff; margin-bottom: 10px; } .home .dynamic .swiper-box .describe .time .year { font-size: 16px; color: #ffffff; } .home .dynamic .swiper-box .describe .tit { padding-bottom: 4px; position: relative; } .home .dynamic .swiper-box .describe .tit .text { font-size: 18px; color: #fff; } .home .dynamic .swiper-box .time{ background: #3f8aef; height: 70px; } .home .dynamic .swiper-box .time .item{ display: none; padding-left: 31px; align-items: center; height: 100%; } .home .dynamic .swiper-box .time .item:first-child{ display: flex; } .home .dynamic .swiper-box .time .tips{ color: #ffffff; text-align: center; } .home .dynamic .swiper-box .time .tips h1{ font-size: 18px; margin-bottom: 4px; letter-spacing: 1px; } .home .dynamic .swiper-box .time .tips h2{ font-size: 14px; } .home .dynamic .swiper-box .time .text{ font-size: 16px; color: #ffffff; line-height: 28px; border-left: 2px solid #ffffff; margin-left: 22px; padding-left: 22px; } .home .dynamic .list { flex: 1; } .home .dynamic .swiper-box .swiper-pagination{ position: relative; flex: 1; display: flex; margin-top: 4px; } .home .dynamic .list .item { height: 52px; box-sizing: border-box; display: flex; align-items: center; } .home .dynamic .list .item:hover .tit{ background: url(../images/icon22_1.png) no-repeat 98% center #ecf1f9; } /* .home .dynamic .list .item:hover .time { border: 1px solid #e8ca37; } .home .dynamic .list .item:hover .time .day { color: #e8ca37; } .home .dynamic .list .item:hover .time .year { color: #e8ca37; } */ /* .home .dynamic .list .item:hover .tit::after { border-left: 2px solid #e8ca37; } */ .home .dynamic .list .item:hover .tit::before { width: 100%; } .home .dynamic .list .item .time { width: 131px; font-size: 14px; color: #2a61ab; box-sizing: border-box; text-align: center; } .home .dynamic .list .item .time .day { font-size: 18px; color: #1a1a1a; margin-bottom: 10px; } .home .dynamic .list .item .time .year { font-size: 16px; color: #1a1a1a; } .home .dynamic .list .item .tit { flex: 1; height: 100%; font-size: 14px; color: #333333; position: relative; padding-left: 14px; background: url(../images/icon22.png) no-repeat 98% center; } .home .dynamic .list .item .tit::after { content: ""; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); border-left: 2px solid #f3f3f3; height: 100%; } .home .dynamic .list .item .tit::before { display: none; content: ""; position: absolute; width: 0; height: 100%; background: #fff; transition: all .3s ease 0s; } .home .dynamic .list .item .tit .text { display: flex; height: 100%; align-items: center; border-bottom: 1px solid #e3e3e3; padding-left: 10px; } .home .dynamic .more { text-align: center; } .home .dynamic .more a { display: inline-block; font-size: 14px; color: #040404; border: 2px solid #cccccc; line-height: 30px; padding: 0 30px; border-radius: 30px; } .home .dynamic .more a:hover { border: 2px solid #d8b934; color: #ffffff; background: #d8b934; } .position { background: url(../images/position_03.jpg) repeat-x center center; height: 40px; line-height: 40px; } .position a { font-size: 14px; color: #333333; position: relative; } .position a:last-child::after { display: none; } .position a::after { content: " >"; font-size: 14px; color: #333333; line-height: 14px; } .search-container { padding: 77px 0 110px; } .search-container .title { text-align: center; margin-bottom: 64px; } .search-container .title h1 { font-size: 38px; font-weight: bold; color: #e8ca37; margin-bottom: 14px; } .search-container .title span { font-size: 18px; color: #434343; } .search-container .search-input { margin-bottom: 64px; } .search-container .search-input input { width: 100%; background: #fff; font-size: 22px; color: #333333; height: 50px; border: 0; box-sizing: border-box; padding: 0 43px; } .search-container .list-tit { position: relative; font-size: .26rem; color: #e8ca37; text-align: center; margin-bottom: 50px; } .search-container .list-tit::after { content: ""; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 100%; border-bottom: 2px solid #e0e0e0; } .search-container .list-tit span { position: relative; background: #f5f5f5; padding: 0 37px; z-index: 1; } .search-container .list1 { display: flex; flex-wrap: wrap; margin-bottom: 38px; } .search-container .list1 .item { width: 390px; margin-right: 15px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); margin-bottom: 22px; } .search-container .list1 .item:hover .img img { transform: scale(1.1); } .search-container .list1 .item:hover .img .describe { opacity: 1; } .search-container .list1 .item .img { height: 424px; display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; background: #ffffff; } .search-container .list1 .item .img img { transition: all .25s ease 0s; max-width: 80%; max-height: 90%; } .search-container .list1 .item .img .describe { transition: all .25s ease 0s; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; background: rgba(134, 100, 57, 0.8); font-size: 16px; line-height: 30px; color: #ffffff; display: flex; justify-content: center; align-items: center; text-align: center; padding: 0 50px; } .search-container .list1 .item .tit { background: #f9f9f9; height: 100px; font-size: 18px; color: #333333; display: flex; align-items: center; justify-content: center; line-height: 32px; } .search-container .list1 .item:nth-child(3n) { margin-right: 0; } .search-container .list2 { display: flex; flex-wrap: wrap; } .search-container .list2 .item { margin-right: 21px; margin-bottom: 60px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); background: #f9f9f9; } .search-container .list2 .item:nth-child(3n) { margin-right: 0; } .search-container .list2 .item .tit { padding: 26px 0 29px 30px; } .search-container .list2 .item .tit h1 { font-size: 22px; color: #333; margin-bottom: 24px; } .search-container .list2 .item .tit span { font-size: 18px; color: #d5b83a; } .search-container .list3 { display: flex; flex-wrap: wrap; } .search-container .list3 .item { margin-right: 20px; margin-bottom: 60px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); background: #f9f9f9; } .search-container .list3 .item img { width: 590px; height: 306px; } .search-container .list3 .item:nth-child(2n) { margin-right: 0; } .search-container .list3 .item .tit { padding: 26px 26px 25px 30px; } .search-container .list3 .item .tit h1 { font-size: 22px; color: #333; margin-bottom: 52px; } .search-container .list3 .item .tit .time-more { font-size: 18px; display: flex; align-items: center; justify-content: space-between; } .search-container .list3 .item .tit .time-more .time { color: #999999; } .search-container .list3 .item .tit .time-more .more { color: #d5b83a; } .search-container .list4 { display: flex; flex-wrap: wrap; } .search-container .list4 .item { margin-right: 21px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); width: 386px; margin-bottom: 60px; box-sizing: border-box; padding: 30px 26px 0 28px; height: 326px; position: relative; } .search-container .list4 .item:nth-child(3n) { margin-right: 0; } .search-container .list4 .item:hover h1, .search-container .list4 .item:hover p { color: #d5b83a; } .search-container .list4 .item h1 { font-size: 22px; color: #333333; margin-bottom: 39px; } .search-container .list4 .item p { font-size: 18px; color: #333333; line-height: 34px; } .search-container .list4 .item span { font-size: 18px; color: #d5b83a; position: absolute; bottom: 30px; } .search-container .pages { text-align: center; } .search-container .pages a { display: inline-block; font-size: 14px; color: #333333; background: #fff; border: 1px solid #e7e7e7; line-height: 33px; box-sizing: border-box; padding: 0 13px; border-radius: 33px; margin: 0 6px; } .search-container .pages a:Hover, .search-container .pages a.on { color: #fcf8eb; background: #e8ca37; border: 1px solid #e8ca37; } .search-container .no-content .tips { font-size: 22px; color: #cb2727; padding-left: 46px; } .search-container .no-content .tags { display: flex; flex-wrap: wrap; border-top: 2px solid #ffd92c; padding-top: 34px; margin-top: 24px; } .search-container .no-content .tags a { font-size: 22px; color: #333333; width: 218px; line-height: 40px; background: #ffd92c; text-align: center; margin-right: 27px; margin-bottom: 30px; } .search-container .no-content .tags a:nth-child(5n) { margin-right: 0; } .product-list { padding: 80px 0 0; } .product-list .search-tags { margin-bottom: 60px; } .product-list .search-tags .search { margin-bottom: 40px; } .product-list .search-tags .search input[type=text] { width: 100%; height: 41px; box-sizing: border-box; border: 1px solid #b3b3b3; font-size: 22px; color: #666666; text-align: center; background: none; } .product-list .search-tags .tags { display: flex; flex-wrap: wrap; justify-content: center; background: #f4cf57; padding: 34px 100px 14px; } .product-list .search-tags .tags a { width: 180px; line-height: 30px; background: #fbf8e7; font-size: 18px; color: #333333; box-shadow: 0px 0px 8px 0 rgba(102, 102, 102, 0.38); margin: 0 10px 20px; text-align: center; } .product-list .search-tags .tags a:Hover, .product-list .search-tags .tags a.on { background: #9e8361; color: #fff; } .product-list .product-list-title { text-align: center; } .product-list .product-list-title h1 { font-size: 30px; color: #333333; margin-bottom: 50px; } .product-list .product-list-title p { max-width: 946px; font-size: 18px; color: #333333; line-height: 36px; margin: 0 auto 70px; } .product-list .list { display: flex; flex-wrap: wrap; margin-bottom: 38px; } .product-list .list.list3 .item { width: 580px; margin-right: 40px; margin-bottom: 40px; } .product-list .list.list3 .item:nth-child(2n) { margin-right: 0; } .product-list .list.list3 .item:nth-child(3n) { margin-right: 40px; } .product-list .list.list3 .item .img { height: 306px; } .product-list .list.list3 .item .img .describe { padding: 0 116px; } .product-list .list .item { width: 390px; margin-right: 15px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); margin-bottom: 22px; } .product-list .list .item:hover .img img { transform: scale(1.1); } .product-list .list .item:hover .img .describe { opacity: 1; } .product-list .list .item .img { height: 306px; display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; background: #ffffff; } .product-list .list .item .img img { transition: all .25s ease 0s; max-width: 80%; max-height: 90%; } .product-list .list .item .img .describe { transition: all .25s ease 0s; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; background: rgba(134, 100, 57, 0.8); font-size: 16px; line-height: 30px; color: #ffffff; display: flex; justify-content: center; align-items: center; text-align: center; padding: 0 50px; } .product-list .list .item .tit { background: #f9f9f9; height: 100px; font-size: 18px; color: #333333; display: flex; align-items: center; justify-content: center; line-height: 32px; } .product-list .list .item:nth-child(3n) { margin-right: 0; } .product-content { padding: 40px 0 111px; position: relative; } .product-content .tag { display: flex; justify-content: center; margin-bottom: 69px; position: static; } .product-content .tag a { width: 200px; line-height: 40px; background: #fbe78b; font-size: 18px; color: #333333; margin-right: 50px; text-align: center; box-shadow: 0px 0px 8px 0 rgba(102, 102, 102, 0.38); } .product-content .tag a:last-child { margin-right: 0; } .product-content .container { max-width: 946px; margin: 100px auto 60px; text-align: center; } .product-content .container h1 { font-size: 30px; color: #333333; margin-bottom: 74px; } .product-content .container img { max-height: 593px; max-width: 100%; margin-bottom: 47px; } .product-content .container p { font-size: 18px; color: #333333; line-height: 36px; /* text-indent: 2em; */ text-align: left; } .product-content .technical-parameter .title, .product-content .chart .title, .product-content .engineering-drawing .title, .product-content .application-area .title { position: relative; text-align: center; margin-bottom: 45px; font-size: 24px; } .product-content .technical-parameter { text-align: center; } .product-content .technical-parameter img { max-width: 947px; } .product-content .chart .list { display: flex; } .product-content .chart .list img:nth-child(1) { width: 703px; height: 396px; margin-right: 28px; } .product-content .chart .list img:nth-child(2) { width: 469px; height: 396px; } .product-content .engineering-drawing .list { display: flex; justify-content: space-between; } .product-content .engineering-drawing .list img { width: 585px; height: 502px; } .product-content .application-area .list { display: flex; } .product-content .application-area .list a { width: 200px; line-height: 30px; background: #e6e6e6; font-size: 18px; color: #333333; margin-right: 50px; text-align: center; box-shadow: 0px 0px 8px 0 rgba(102, 102, 102, 0.38); } .product-content .application-area .list a:last-child { margin-right: 0; } .product-content .down { display: flex; justify-content: center; } .product-content .down a { width: 180px; line-height: 40px; background: #fce78c; font-size: 18px; color: #333333; text-align: center; box-shadow: 0px 0px 8px 0 rgba(102, 102, 102, 0.38); } .product-content .bg{ padding: 68px 0 100px; } .product-content .bg:nth-child(2n){ background: #f2f4f8; } .application { padding: 80px 0 109px; } .application .title { text-align: center; margin-bottom: 64px; } .application .title h1 { font-size: 38px; font-weight: bold; color: #e8ca37; margin-bottom: 14px; } .application .title span { font-size: 18px; color: #434343; } .application .list { display: flex; flex-wrap: wrap; } .application .list .item { width: 386px; margin-right: 21px; margin-bottom: 60px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); background: #f9f9f9; } .application .list .item:nth-child(3n) { margin-right: 0; } .application .list .item img { width: 100%; height: 306px; } .application .list .item .tit { padding: 26px 0 29px 30px; } .application .list .item .tit h1 { font-size: 22px; color: #333333; margin-bottom: 24px; } .application .list .item .tit span { font-size: 18px; color: #d5b83a; } .application .pages { text-align: center; } .application .pages a { display: inline-block; font-size: 14px; color: #333333; background: #fff; border: 1px solid #e7e7e7; line-height: 33px; box-sizing: border-box; padding: 0 13px; border-radius: 33px; margin: 0 6px; } .application .pages a:Hover, .application .pages a.on { color: #fcf8eb; background: #e8ca37; border: 1px solid #e8ca37; } .application-container .container { padding: 70px 127px 0; text-align: center; } .application-container .container h1 { font-size: 30px; color: #333333; margin-bottom: 62px; } .application-container .container img { max-width: 100%; margin-bottom: 60px; } .application-container .container p { font-size: 18px; color: #333333; text-align: left; line-height: 36px; margin-bottom: 60px; } .application-container .container .tit { position: relative; text-align: center; margin-bottom: 40px; } .application-container .container .tit::after { content: ""; position: absolute; width: 100%; top: 50%; left: 0; transform: translate(0, -50%); border-bottom: 1px solid #e0e0e0; } .application-container .container .tit span { font-size: 18px; color: #333333; padding: 0 31px; position: relative; font-weight: bold; z-index: 1; background: #f5f5f5; } .application-container .recommend { background: #e5e5e5; padding: 80px 0 110px; } .application-container .recommend .title { font-size: 30px; color: #333333; text-align: center; font-weight: bold; margin-bottom: 70px; } .application-container .recommend .list { display: flex; flex-wrap: wrap; margin-bottom: 30px; } .application-container .recommend .list .item { width: 390px; margin-right: 15px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); margin-bottom: 40px; } .application-container .recommend .list .item:hover .img img { transform: scale(1.1); } .application-container .recommend .list .item:hover .img .describe { opacity: 1; } .application-container .recommend .list .item .img { height: 426px; display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; background: #ffffff; } .application-container .recommend .list .item .img img { transition: all .25s ease 0s; max-width: 80%; max-height: 90%; } .application-container .recommend .list .item .img .describe { transition: all .25s ease 0s; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; background: rgba(134, 100, 57, 0.8); font-size: 16px; line-height: 30px; color: #ffffff; display: flex; justify-content: center; align-items: center; text-align: center; padding: 0 58px; } .application-container .recommend .list .item .tit { background: #f9f9f9; height: 100px; font-size: 22px; color: #333333; display: flex; align-items: center; justify-content: center; line-height: 32px; } .application-container .recommend .list .item:nth-child(3n) { margin-right: 0; } .application-container .recommend .contact-us-link { display: flex; justify-content: center; } .application-container .recommend .contact-us-link a { width: 390px; line-height: 60px; font-size: 22px; color: #333333; background: #fce78c; text-align: center; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); } .enterprise-dynamics { padding: 80px 0 110px; } .enterprise-dynamics .title { text-align: center; margin-bottom: 64px; } .enterprise-dynamics .title h1 { font-size: 38px; font-weight: bold; color: #e8ca37; margin-bottom: 14px; } .enterprise-dynamics .title span { font-size: 18px; color: #434343; } .enterprise-dynamics .list { display: flex; flex-wrap: wrap; } .enterprise-dynamics .list .item { margin-right: 14px; margin-bottom: 60px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); background: #f9f9f9; } .enterprise-dynamics .list .item img { width: 593px; height: 436px; } .enterprise-dynamics .list .item:nth-child(2n) { margin-right: 0; } .enterprise-dynamics .list .item .tit { padding: 26px 26px 25px 30px; } .enterprise-dynamics .list .item .tit h1 { font-size: 22px; color: #333; margin-bottom: 50px; } .enterprise-dynamics .list .item .tit .time-more { font-size: 18px; display: flex; align-items: center; justify-content: space-between; } .enterprise-dynamics .list .item .tit .time-more .time { color: #999999; } .enterprise-dynamics .list .item .tit .time-more .more { color: #d5b83a; } .enterprise-dynamics .pages { text-align: center; } .enterprise-dynamics .pages a { display: inline-block; font-size: 14px; color: #333333; background: #fff; border: 1px solid #e7e7e7; line-height: 33px; box-sizing: border-box; padding: 0 13px; border-radius: 33px; margin: 0 6px; } .enterprise-dynamics .pages a:Hover, .enterprise-dynamics .pages a.on { color: #fcf8eb; background: #e8ca37; border: 1px solid #e8ca37; } .enterprise-dynamics-content { padding: 80px 0 110px; } .enterprise-dynamics-content .title { text-align: center; } .enterprise-dynamics-content .title h1 { font-size: 22px; color: #333333; font-weight: bold; margin-bottom: 50px; } .enterprise-dynamics-content .title .time { position: relative; text-align: center; margin-bottom: 60px; } .enterprise-dynamics-content .title .time::after { content: ""; position: absolute; width: 100%; top: 50%; left: 0; transform: translate(0, -50%); border-bottom: 2px solid #fbe78b; } .enterprise-dynamics-content .title .time span { font-size: 18px; color: #e8cd44; padding: 0 29px; position: relative; font-weight: bold; z-index: 1; background: #f5f5f5; } .enterprise-dynamics-content .title .time span img { margin-right: 19px; margin-top: -1px; } .enterprise-dynamics-content .container { margin-bottom: 61px; } .enterprise-dynamics-content .container .img { display: flex; margin-bottom: 56px; } .enterprise-dynamics-content .container .img .item { width: 571px; height: 574px; display: flex; align-items: center; justify-content: center; background: #ffffff; margin-right: 59px; border-radius: 5px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); } .enterprise-dynamics-content .container .img .item:last-child { margin-right: 0; } .enterprise-dynamics-content .container .img .item img { max-width: 100%; max-height: 100%; } .enterprise-dynamics-content .container p { font-size: 18px; color: #333333; line-height: 36px; padding: 0 127px; } .enterprise-dynamics-content .pages { display: flex; justify-content: space-between; border-top: 3px solid #fbe78b; padding: 33px 115px 0; } .enterprise-dynamics-content .pages a { font-size: 16px; color: #333333; } .enterprise-dynamics-content .pages a:hover { color: #999999; text-decoration: underline; } .service-support { padding: 80px 0 70px; } .service-support .title { text-align: center; margin-bottom: 64px; } .service-support .title h1 { font-size: 38px; font-weight: bold; color: #e8ca37; margin-bottom: 14px; } .service-support .title span { font-size: 18px; color: #434343; } .service-support .list { display: flex; flex-wrap: wrap; } .service-support .list .item { margin-right: 21px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); margin-bottom: 40px; } .service-support .list .item:nth-child(3n) { margin-right: 0; } .service-support .list .item:hover h1 { color: #e8ca37; } .service-support .list .item img { width: 386px; height: 306px; } .service-support .list .item h1 { height: 80px; background: #f9f9f9; display: flex; align-items: center; justify-content: center; font-size: 22px; color: #333333; } .down-container { padding: 48px 0 112px; } .down-container .title { text-align: center; margin-bottom: 40px; } .down-container .title h1 { font-size: 38px; font-weight: bold; color: #e8ca37; margin-bottom: 14px; } .down-container .title span { font-size: 18px; color: #434343; } .down-container .tab-bar { display: flex; justify-content: center; margin-bottom: 36px; } .down-container .tab-bar a { /* width: 160px; */ padding: 0 25px; line-height: 42px; text-align: center; font-size: 20px; color: #343434; } .down-container .tab-bar a:Hover, .down-container .tab-bar a.on { background: #fce78c; border-radius: 5px; } .down-container .product-color-page-list { background: #fff; padding: 50px 127px 20px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); } .down-container .product-color-page-list .item { margin-bottom: 20px; } .down-container .product-color-page-list .item .tit { font-size: 20px; color: #333333; line-height: 36px; background: #e6e6e6; text-align: center; margin-bottom: 15px; } .down-container .product-color-page-list .item .child { padding: 0 60px; } .down-container .product-color-page-list .item .child .child-item { display: flex; justify-content: space-between; height: 50px; align-items: center; } .down-container .product-color-page-list .item .child .child-item h1 { font-size: 20px; color: #333333; } .down-container .product-color-page-list .item .child .child-item a { display: flex; align-items: center; font-size: 14px; color: #999999; border: 2px solid #cfcfcf; background: url(../images/down-icon2_03.png) no-repeat 14px center; padding: 0 14px 0 32px; border-radius: 3px; } .down-container .product-color-page-list .item .child .child-item a:hover { background: url(../images/down_03.png) no-repeat 14px center #fce78c; border: 2px solid #fce78c; color: #333333; } .down-container .software-update .item { padding: 32px 0 50px 2px; background: #fff; margin-bottom: 40px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); } .down-container .software-update .item .big-title { font-size: 24px; color: #333333; font-weight: bold; background: #e6e6e6; width: 304px; line-height: 36px; padding-left: 127px; box-sizing: border-box; margin-bottom: 30px; } .down-container .software-update .item .child { padding: 0 127px; } .down-container .software-update .item .child .child-title { border-top: 2px solid #e6e6e6; font-size: 20px; color: #333333; padding-top: 29px; margin-bottom: 25px; font-weight: bold; } .down-container .software-update .item .child .child-title.first { border-top: 2px solid #fce78c; } .down-container .software-update .item .child .child-item { margin-bottom: 10px; } .down-container .software-update .item .child .child-item .edition-down { display: flex; align-items: center; margin-bottom: 5px; } .down-container .software-update .item .child .child-item .edition-down .edition { font-size: 18px; color: #333333; } .down-container .software-update .item .child .child-item .edition-down .down { margin-left: 22px; font-size: 14px; color: #999999; border: 2px solid #cfcfcf; background: url(../images/down-icon2_03.png) no-repeat 14px center; padding: 0 14px 0 32px; border-radius: 3px; } .down-container .software-update .item .child .child-item .edition-down .down:hover { background: url(../images/down_03.png) no-repeat 14px center #fce78c; border: 2px solid #fce78c; color: #333333; } .down-container .software-update .item .child .child-item .ms { line-height: 36px; font-size: 18px; color: #999999; } .maintenance { padding: 79px 0 109px; } .maintenance .title { text-align: center; font-size: 30px; color: #333333; margin-bottom: 50px; } .maintenance .img { margin-bottom: 50px; } .maintenance .tips { text-align: center; font-size: 18px; color: #333333; margin-bottom: 50px; } .maintenance .tag { text-align: center; } .maintenance .tag .tit { font-size: 18px; color: #333333; margin-bottom: 34px; } .maintenance .tag .tags { display: flex; justify-content: center; } .maintenance .tag .tags .item { margin: 0 28px; font-size: 18px; color: #333333; background: url(../images/bianqian_03.png) no-repeat left center; padding-left: 20px; } .join-us { padding: 80px 0 70px; } .join-us .title { text-align: center; margin-bottom: 64px; } .join-us .title h1 { font-size: 38px; font-weight: bold; color: #e8ca37; margin-bottom: 14px; } .join-us .title span { font-size: 18px; color: #434343; } .join-us .tips { font-size: 18px; color: #333333; text-align: center; margin-bottom: 39px; } .join-us .list .item { border-radius: 5px; overflow: hidden; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); display: flex; min-height: 380px; margin-bottom: 40px; } .join-us .list .item .text { width: 354px; } .join-us .list .item .text h1 { font-size: 20px; color: #333232; font-weight: bold; line-height: 48px; background: #e8ca37; text-align: center; } .join-us .list .item .text .content { background: #fffceb; height: 100%; box-sizing: border-box; font-size: 18px; color: #333333; line-height: 36px; padding: 53px 0 0 80px; } .join-us .list .item .duty { background: #fff; flex: 1; box-sizing: border-box; padding: 30px 0 0 80px; } .join-us .list .item .duty h1 { font-size: 18px; color: #333333; line-height: 36px; } .join-us .list .item .duty p { font-size: 18px; color: #333333; line-height: 36px; position: relative; padding-left: 15px; } .join-us .list .item .duty p::before { content: "鈼?; font-size: 12px; left: 0; position: absolute; top: 50%; transform: translate(0, -50%); } .contact-us { padding: 73px 0 70px; } .contact-us .title { text-align: center; margin-bottom: 64px; } .contact-us .title h1 { font-size: 38px; font-weight: bold; color: #e8ca37; margin-bottom: 14px; } .contact-us .title span { font-size: 18px; color: #434343; } .contact-us .map { margin-bottom: 79px; } .contact-us .content { display: flex; padding-left: 127px; margin-bottom: 80px; } .contact-us .content .img { margin-right: 60px; } .contact-us .content .img img { background: #e0e0e0; padding: 12px; width: 254px; height: 263px; } .contact-us .content .text h1 { font-size: 36px; color: #333333; font-weight: bold; margin-bottom: 40px; } .contact-us .content .text .tel { font-size: 36px; color: #e8ca37; display: flex; align-items: center; margin-bottom: 27px; } .contact-us .content .text .tel img { width: 48px; margin-right: 5px; } .contact-us .content .text p { font-size: 22px; color: #333333; line-height: 42px; display: flex; align-items: center; } .contact-us .content .text p img { margin-right: 13px; } .contact-us .office { display: flex; flex-wrap: wrap; } .contact-us .office .item { width: 585px; margin-right: 30px; margin-bottom: 40px; background: #ffffff; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 27px 0 23px 60px; } .contact-us .office .item:nth-child(2n) { margin-right: 0; } .contact-us .office .item h1 { font-size: 24px; color: #333333; margin-bottom: 20px; } .contact-us .office .item .tel { font-size: 25px; color: #e8ca37; display: flex; align-items: center; margin-bottom: 10px; } .contact-us .office .item .tel img { width: 27px; } .contact-us .office .item p { font-size: 18px; color: #333333; line-height: 36px; display: flex; align-items: center; } .contact-us .office .item p img { margin-right: 20px; width: 22px; } .about-us { padding: 73px 0 70px; } .about-us .title { text-align: center; margin-bottom: 24px; } .about-us .title h1 { font-size: 38px; font-weight: bold; color: #e8ca37; margin-bottom: 14px; } .about-us .title span { font-size: 18px; color: #434343; } .about-us .tips { margin-bottom: 60px; } .about-us .tips .img { margin-bottom: 40px; } .about-us .tips p { font-size: 18px; color: #333333; line-height: 36px; padding: 0 127px; } .about-us .certificate { display: flex; flex-wrap: wrap; } .about-us .certificate .item { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); width: 378px; height: 248px; background: #fff; margin-right: 33px; margin-bottom: 40px; display: flex; align-items: center; justify-content: center; } .about-us .certificate .item img { max-width: 100%; max-height: 100%; } .about-us .certificate .item:nth-child(3n) { margin-right: 0; } .new-pc-nav { position: absolute; z-index: 999; top: 80px; height: calc(100vh - 80px); width: 100%; display: none; } .new-pc-nav .marginAuto { width: 100%; max-width: 1800px; height: 100%; display: flex; } .new-pc-nav .menu { width: 33.3%; height: 100%; position: relative; overflow-y: auto; box-sizing: border-box; transition: all .3s ease 0s; } .new-pc-nav .menu .box { padding: 80px 30px; background: #fff; box-sizing: border-box; border-left: 1px solid #ccc; position: relative; } .new-pc-nav .menu.menu1 { display: none; } .new-pc-nav .menu.menu2 { width: 0; padding: 0; border: 0; } .new-pc-nav .menu.menu3 { width: 0; padding: 0; border: 0; } .new-pc-nav .menu:first-child { border-left: 0; } .new-pc-nav .menu .menu-title { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; font-weight: bold; } .new-pc-nav .menu .close { width: 26px; height: 26px; position: absolute; top: 30px; right: 30px; transform: rotate(45deg); cursor: pointer; } .new-pc-nav .menu .close::after, .new-pc-nav .menu .close::before { content: ""; position: absolute; } .new-pc-nav .menu .close::after { width: 100%; border-top: 2px solid #333; top: 50%; transform: translate(0, -50%); left: 0; } .new-pc-nav .menu .close::before { height: 100%; border-left: 2px solid #333; left: 50%; transform: translate(-50%, 0); } .new-pc-nav .menu .list .item { display: block; color: #333; line-height: 45px; position: relative; } .new-pc-nav .menu .list .item:hover, .new-pc-nav .menu .list .item.on { color: #ffda2c; } .new-pc-nav .menu .list .item:hover::after, .new-pc-nav .menu .list .item.on::after { color: #ffda2c; } .new-pc-nav .menu .list .item::after { content: ">"; font-size: 18px; color: #333; font-weight: bold; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); } .messageBoard { display: none; position: fixed; right: 20%; bottom: 10%; width: 300px; background: #fff; border-radius: 8px; overflow: hidden; padding: 0 0 31px; box-shadow: 3px 0 6px rgba(0, 0, 0, 0.1); z-index: 9999; } .messageBoard .title { display: flex; height: 44px; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 0 20px; background: #3f8aef; margin-bottom: 8px; } .messageBoard .title h1 { font-size: 18px; color: #ffffff; } .messageBoard .title .btn { width: 18px; height: 2px; background: #fff; cursor: pointer; } .messageBoard .content { padding: 0 20px; } .messageBoard .content .tel { font-size: 16px; color: #333333; line-height: 24px; margin-bottom: 14px; } .messageBoard .content .form .item { margin-bottom: 20px; } .messageBoard .content .form .item .label { font-size: 16px; color: #333333; margin-bottom: 7px; } .messageBoard .content .form .item .input-block { position: relative; } .messageBoard .content .form .item .input-block input[type=text] { width: 100%; font-size: 16px; color: #333333; background: #fafafa; border: 1px solid #ebebeb; height: 29px; box-sizing: border-box; padding: 0 16px; } .messageBoard .content .form .item .input-block textarea { width: 100%; font-size: 16px; color: #333333; height: 160px; background: #fafafa; border: 1px solid #ebebeb; box-sizing: border-box; padding: 16px; resize: none; } .messageBoard .content .form .item .input-block .error { display: none; font-size: 12px; color: red; position: absolute; bottom: -15px; left: 0; } .messageBoard .content .form .btn button, .messageBoard .content .form .btn input[type=submit] { width: 100%; height: 28px; background: #3f8aef; font-size: 16px; color: #ffffff; border: 0; font-weight: bold; } .messageBoard .success { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); box-sizing: border-box; padding: 0 20px; display: none; align-items: center; } .messageBoard .success .content { background: #fff; width: 100%; padding: 20px 0; border-radius: 6px; } .messageBoard .success .content .main { display: flex; justify-content: center; align-items: center; margin-bottom: 14px; } .messageBoard .success .content .main .icon { margin-right: 13px; } .messageBoard .success .content .main .text { font-size: 14px; color: #333333; line-height: 24px; } .messageBoard .success .content .btn { font-size: 14px; color: #ffffff; width: 183px; line-height: 25px; background: #3f8aef; text-align: center; margin: 0 auto; font-weight: bold; cursor: pointer; } #footer { position: relative; } .messageBoardBtn { position: fixed; right: 0%; bottom: 135px; width: 39px; height: 161px; font-size: 18px; color: #ffffff; text-align: center; line-height: 30px; box-sizing: border-box; padding: 20px 0; background: #3f8aef; border-radius: 18px 0 0 18px; cursor: pointer; z-index: 99; } .messageBoardBtn h1 { font-size: 18px; color: #ffffff; } .kv{ width: 100%; overflow: hidden; } .kv img{ width: 1920px; position: relative;left: 50%; transform: translate(-50%,0); } .about-swiper-box{ margin: 48px 0 84px; position: relative; } .about-swiper-box .swiper-container{ width: 1120px; margin: 0 auto; } .about-swiper-box .swiper-wrapper{ padding: 6px 0; } .about-swiper-box .swiper-slide{ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); width: 340px; height: 224px; background: #fff; display: flex; align-items: center; justify-content: center; } .about-swiper-box .swiper-slide img{ max-width: 100%; max-height: 100%; } .about-swiper-box .swiper-button-next,.about-swiper-box .swiper-button-prev{ width: 14px; height: 38px; } .about-swiper-box .swiper-button-next:after,.about-swiper-box .swiper-button-prev:after{ color: #e8ca37; font-size: 34px; } .about-swiper-box .swiper-button-next,.about-swiper-box .swiper-container-rtl .swiper-button-prev{ right: 0; left: auto; } .about-swiper-box .swiper-button-prev,.about-swiper-box .swiper-container-rtl .swiper-button-next{ left: 0; right: auto; } /* 鏂板 */ .kv1 { position: relative; height: 500px; } .kv1 img { height: 100%; object-fit: cover; } .join-us-kv .marginAuto { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); height: 100%; display: flex; align-items: center; } .join-us-kv .text { width: 449px; } .join-us-kv .text h1 { font-size: 40px; color: #ffffff; font-weight: bold; margin-bottom: 20px; } .join-us-kv .text p { font-size: 16px; line-height: 30px; color: #ffffff; } .new-join-us .socialRecruitment, .new-join-us .campusRecruitment { padding: 50px 0 12px 0; } .new-join-us .socialRecruitment .title, .new-join-us .campusRecruitment .title { font-size: 40px; color: #e7c944; font-weight: bold; text-align: center; margin-bottom: 36px; font-weight: bold; } .new-join-us .socialRecruitment .list, .new-join-us .campusRecruitment .list { display: flex; flex-wrap: wrap; } .new-join-us .socialRecruitment .list .item, .new-join-us .campusRecruitment .list .item { display: flex; font-size: 18px; color: #333333; background: #ffffff; margin-right: 4%; height: 67px; align-items: center; margin-bottom: 28px; width: 48%; box-shadow: 6px 0 6px rgba(20, 20, 20, 0.06); box-sizing: border-box; padding-left: 18px; border: 2px solid #f5f5f5; border-radius: 2px; } .new-join-us .socialRecruitment .list .item:hover, .new-join-us .campusRecruitment .list .item:hover { color: #207fb9; } .new-join-us .socialRecruitment .list .item:hover span, .new-join-us .campusRecruitment .list .item:hover span { color: #207fb9; } .new-join-us .socialRecruitment .list .item:nth-child(2n), .new-join-us .campusRecruitment .list .item:nth-child(2n) { margin-right: 0; } .new-join-us .socialRecruitment .list .item span, .new-join-us .campusRecruitment .list .item span { color: #b2b2b2; border-left: 2px solid #b3b3b3; padding-left: 5px; margin-left: 10px; } .new-join-us .campusRecruitment { background: #fff; } .new-contact-us .marginAuto { width: 946px; } .new-contact-us .contact-us-box { margin-bottom: 42px; } .new-contact-us .contact-us-box .title { padding: 48px 0 0 0; text-align: center; margin-bottom: 27px; } .new-contact-us .contact-us-box .title h1 { font-size: 38px; color: #e8ca37; font-weight: bold; margin-bottom: 13px; } .new-contact-us .contact-us-box .title h2 { font-size: 18px; color: #434343; } .new-contact-us .message { margin-bottom: 78px; flex: 1; } .new-contact-us .message .marginAuto { box-sizing: border-box; padding: 26px 38px 40px 58px; background: #0075c2; } .new-contact-us .message .title { font-size: 20px; color: #ffffff; text-align: center; margin-bottom: 26px; font-weight: bold; } .new-contact-us .message .tips { font-size: 14px; line-height: 24px; color: #ffffff; margin-bottom: 24px; } .new-contact-us .message .radio-box { display: flex; margin-bottom: 23px; } .new-contact-us .message .radio-box label { position: relative; padding-right: 20px; margin-right: 20px; font-size: 16px; color: #ffffff; font-weight: bold; } .new-contact-us .message .radio-box input[type="radio"] + label::before { content: " "; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); display: inline-block; vertical-align: middle; width: 12px; height: 12px; border-radius: 50%; box-sizing: border-box; border: 1px solid #9d8362; box-sizing: border-box; } .new-contact-us .message .radio-box input[type="radio"]:checked + label::after { content: ""; position: absolute; right: 3px; top: 50%; transform: translate(0, -50%); width: 6px; height: 6px; background: #9d8362; border-radius: 10px; } .new-contact-us .message .radio-box input[type="radio"] { position: absolute; clip: rect(0, 0, 0, 0); } .new-contact-us .message .form { display: flex; flex-wrap: wrap; } .new-contact-us .message .form .form-item { width: 46%; display: flex; margin-bottom: 20px; align-items: center; margin-right: 8%; } .new-contact-us .message .form .form-item:nth-child(2n) { margin-right: 0; } .new-contact-us .message .form .form-item .label { width: 50px; font-size: 16px; color: #ffffff; display: flex; align-items: center; } .new-contact-us .message .form .form-item .label .icon { margin-right: 10px; } .new-contact-us .message .form .form-item .input-box { flex: 1; } .new-contact-us .message .form .form-item .input-box input[type=text] { width: 100%; height: 27px; box-sizing: border-box; border: 1px solid #46a8e8; color: #ffffff; font-size: 14px; background: #46a8e8; box-sizing: border-box; padding: 0 20px; } .new-contact-us .message .form .form-item .input-box input[type=text]::placeholder{ color: #f1f1f1; } .new-contact-us .message .form .form-item.textarea-item { width: 100%; margin-right: 0; align-items: flex-start; } .new-contact-us .message .form .form-item.textarea-item textarea { width: 100%; resize: none; border: 1px solid #46a8e8; color: #333333; font-size: 16px; background: #46a8e8; } .new-contact-us .message .btn { text-align: left; padding-left: 50px; } .new-contact-us .message .btn input[type=button], .new-contact-us .message .btn input[type=submit] { width: 82px; height: 26px; box-sizing: border-box; background: none; font-size: 14px; color: #ffffff; font-weight: bold; cursor: pointer; border: 2px solid #f5f5f5; border-radius: 20px; } .news-tab-bar { background: #fff; line-height: 60px; margin-bottom: 82px; } .news-tab-bar a { font-size: 16px; color: #333333; margin-right: 54px; } .news-tab-bar a.active { color: #1f7db9; } .news-list { margin-bottom: 100px; } .news-list .list { position: relative; } .news-list .list::after { content: ""; height: 100%; position: absolute; top: 0; left: 112px; border-right: 1px dashed #e0e0e0; } .news-list .list .item { display: flex; margin-bottom: 27px; position: relative; } .news-list .list .item:hover::after { background: #1f7db9; z-index: 1; } .news-list .list .item:hover .time h1, .news-list .list .item:hover .time h2 { color: #1f7db9; } .news-list .list .item:hover .right .text h1 { color: #1f7db9; } .news-list .list .item::after { content: ""; position: absolute; top: 4px; width: 10px; height: 10px; border-radius: 10px; left: 108px; background: #e0e0e0; } .news-list .list .item .time { margin-right: 109px; } .news-list .list .item .time h1 { font-size: 16px; color: #333333; margin-bottom: 13px; } .news-list .list .item .time h2 { font-size: 24px; color: #333333; } .news-list .list .item .right { display: flex; padding-bottom: 25px; border-bottom: 1px solid #e0e0e0; } .news-list .list .item .right .text { flex: 1; margin-right: 62px; } .news-list .list .item .right .text h1 { font-size: 20px; color: #333333; font-weight: bold; margin-bottom: 30px; } .news-list .list .item .right .text p { font-size: 14px; color: #747474; line-height: 26px; } .news-list .list .item .right .img { width: 275px; height: 168px; box-sizing: border-box; background: #fff; padding: 6px; } .news-list .list .item .right .img img { width: 100%; height: 100%; } #header .marginAuto .nav ul li.product:hover .product-menu{ display: block; } .product-menu{ width: 200px; background: #ffffff; line-height: 30px; padding: 15px 0 15px 20px; text-align: left; box-sizing: border-box; display: none; } .product-menu .menu-item{ position: relative; } .product-menu .menu-item:hover > .child{ display: block; } .product-menu .menu-item .child{ width: 200px; position: absolute;right: -201px;top: 0; background: #fff; box-sizing: border-box; padding: 15px 0 15px 20px; display: none; } .product-menu a{ line-height: 40px; font-size: 14px; color: #221815; } .product-menu a:hover{ color: #fedd52; } .footer-address{ font-size: 14px; color: #000000; background: url(../images/new6.jpg) repeat-x; height: 47px; display: flex; justify-content: center; align-items: flex-end; padding-bottom: 6px; } .footer-ewm{ display: flex; align-items: center; position: absolute; right: 367px; bottom: 150px; } .footer-ewm img{ width: 82px; height: 82px; margin-right: 13px; } .footer-ewm .txt{ font-size: 16px; color: #000000; line-height: 30px; } .new-top-product { display: flex; margin-bottom: 50px; } .new-top-product .swiper-box{ width: 502px; height: 502px; margin-right: 19px; position: relative; box-sizing: border-box; padding: 0 40px; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0; left: auto; } .new-top-product .swiper-button-next:after, .new-top-product .swiper-button-prev:after { font-size: 28px; } .new-top-product .swiper-box .swiper-slide img{ width: 100%; height: 100%; } .new-top-product .test{ flex: 1; } .new-top-product .test h1{ font-size: 24px; color: #1f7db9; text-align: center; margin-bottom: 28px; font-weight: bold; } .new-top-product .test p{ font-size: 14px; color: #0e0f0f; line-height: 30px; } .new-contact-us .liuyan-map{ width: 1344px; display: flex; margin: 69px auto 0; } .new-contact-us .liuyan-map .message{ width: 50%; margin-bottom: 0; } .new-contact-us .liuyan-map .message .marginAuto{ width: 100%; } .new-contact-us .liuyan-map .map{ width: 50%; background: red; } .down-container .thermometer-curve{ background: #fff; padding: 60px 83px 25px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); display: flex; } .down-container .thermometer-curve .email-form{ padding-right: 79px; border-right: 2px solid #e6e6e6; padding-bottom: 85px; } .down-container .thermometer-curve .email-form h1{ font-size: 24px; color: #333333; margin-bottom: 17px; } .down-container .thermometer-curve .email-form p{ font-size: 16px; color: #333333; line-height: 30px; margin-bottom: 28px; } .down-container .thermometer-curve .email-form .form{ width: 100%; } .down-container .thermometer-curve .email-form .row{ display: flex; margin-bottom: 20px; } .down-container .thermometer-curve .email-form .row .user{ width: 175px; margin-right: 17px; } .down-container .thermometer-curve .email-form .row .email{ width: 0; flex: 1; } .down-container .thermometer-curve .email-form .form-item{ display: flex; align-items: center; width: 100%; } .down-container .thermometer-curve .email-form .form-item .label{ font-size: 16px; color: #333333; width: 83px; } .down-container .thermometer-curve .email-form .form-item .label.required{ position: relative; } .down-container .thermometer-curve .email-form .form-item .label.required::after{ content: "*"; color: #f3245a; } .down-container .thermometer-curve .email-form .form-item .input-block { flex: 1; } .down-container .thermometer-curve .email-form .form-item .input-block input{ width: 100%; height: 30px; box-sizing: border-box; border: 2px solid #d9d9d9; background: #fafafa; } .down-container .thermometer-curve .email-form .tips{ font-size: 14px; color: #333333; } .down-container .thermometer-curve .email-form .tips span{ color: #f3245a; } .down-container .thermometer-curve .email-form .btn{ text-align: right; } .down-container .thermometer-curve .email-form .btn input[type=button],.down-container .thermometer-curve .email-form .btn input[type=submit]{ width: 110px; height: 28px; background: #257eb7; border: 0; font-size: 16px; color: #ffffff; cursor: pointer; } .down-container .thermometer-curve .test-and-verify{ align-items: center; display: flex; padding-left: 38px; flex: 1; } .down-container .thermometer-curve .test-and-verify .form .form-item{ display: flex; align-items: center; margin-bottom: 20px; } .down-container .thermometer-curve .test-and-verify .form .form-item .label{ font-size: 16px; color: #000; } .down-container .thermometer-curve .test-and-verify .form .form-item .input-block{ display: flex; align-items: center; } .down-container .thermometer-curve .test-and-verify .form .form-item .input-block input[type=text]{ background: #fafafa; border: 2px solid #d9d9d9; width: 197px; box-sizing: border-box; height: 30px; margin-right: 11px; } .down-container .thermometer-curve .test-and-verify .form .form-item .input-block input[type=submit],.down-container .thermometer-curve .test-and-verify .form .form-item .input-block .form2_button,.down-container .thermometer-curve .test-and-verify .form .form-item .input-block .down{ width: 105px; height: 30px; box-sizing: border-box; cursor: pointer; background: #257eb7; border: 0; color: #ffffff; } .down-container .thermometer-curve .test-and-verify .form .form-item .input-block .down{ display: flex; align-items: center; justify-content: center; font-size: 14px; } .down-container .thermometer-curve .test-and-verify .form .form-item .input-block .down img{ margin-right: 5px; filter: brightness(0) invert(1); } .down-container .thermometer-curve .test-and-verify .form .form-item .input-block .form2_button-h{ border: 1px solid #cccccc; background: #ffffff; color: #cccccc; } .down-container .thermometer-curve .test-and-verify .form .form-item .input-block .form2_button-h img{ filter: contrast(0.5); } .copyright-mobile{ display:none; }