/*******banner*********/ /**********nav************/ .arr_left { width: 20px; height: 15px; display: inline-block; float: right; margin-top: 18px; background: url(../images/left.png) no-repeat center; } #cnzz_stat_icon_5753420 { position: absolute; right: 1px; top: 42px; } .nav { position: absolute; top: 100px; width: 100%; z-index: 500; } .nav ul { width: 1000px; overflow: hidden; margin: 0 auto; background-color: rgba(255, 255, 255, 0.7); } .nav li { float: left; padding: 1px; height: 46px; width: 138px; position: relative; border: 1px solid transparent; border-top: 1px solid #fff; padding-bottom: 0; } .nav li:last-child { float: right; } .nav li a { display: inline-block; width: 100%; height: 46px; line-height: 46px; font-size: 14px; color: #505050; text-align: center; } /*.nav li+li:after{ content: ''; height: 12px; border:1px solid #cbcbcb; position: absolute; top:50%; left: 0; margin-top: -7px; }*/ .nav li:hover { border:1px solid #1982cf; } .nav li:hover a { background: #1982cf; color: #fff; } .nav li.current { border:1px solid #1982cf; } .nav li.current a { background: #1982cf; color: #fff; } .subnav { width: 1000px; margin: -200px auto 80px; border-top: 3px solid #1982cf; position: relative; /* position: absolute; top:447px; left:50%; margin-left: -500px; */ z-index: 1000; } .subnav img { position: absolute; left:50%; top:-8.5px; margin-left: -29.5px; cursor: pointer; } .actionMenuEdit ul li img{ position: relative; left: 0%!important; top: 0px!important; margin-left: 0px!important; cursor: pointer; } .subnav ul { /* overflow: hidden; */ } .subnav li { float: left; width: 248px; text-align: center; padding: 1px; background: #fff; position: relative; padding-top: 1px; } .actionMenuEdit ul li{ float: none!important; width: auto!important; text-align: left!important; padding: 2px; background: none!important; position: relative; padding-top: 1px; } .subnav li:nth-child(2n) { background: rgba(255, 255, 255, 0.6); } .subnav li h3 a { font-size: 16px; color: #4d4d4d; } .subnav li h3 { font-size: 16px; color: #4d4d4d; margin: 44px 0 15px 0; } .subnav li h5 { font-size: 12px; color: #808080; margin-bottom: 35px; } .subnav li div:nth-child(6) { position: absolute; left: 0; top: 0; border-top:2px solid #1982cf; } .subnav li div:nth-child(7) { position: absolute; left: 0; top: 0; border-left:2px solid #1982cf; } .subnav li div:nth-child(4) { position: absolute; bottom: 0; right: 0; border-right:2px solid #1982cf; } .subnav li div:nth-child(5) { position: absolute; bottom: 0; right: 0; border-bottom: 2px solid #1982cf; } .column { position: relative; /* overflow: hidden; */ width: 1000px; margin: 0 auto; padding: 5px; top:-40px; z-index: 1000; } .column>div { background: #fff; } .column>div { float: left; height: 264px; box-shadow: 0 0 5px #ccc; } .news { width: 357px; padding: 0 10px; } .news h1 { color: #505050; font-size: 18px; width: 334px; line-height: 40px; margin-top: -5px!important; padding: 0 0px; height: 40px; vertical-align: bottom; margin-bottom: 10px; } .news { margin-right: 10px; } .news .initial { color: #015aab; font-size: 30px; } .news>div .list { height: 82px !important; width: 198px !important; padding: 0 17px 0 14px; border:1px solid #e5e5e5; border-left: none; } .news>div { /* display: inline-block; */ /* overflow: hidden; */ margin: 10px 0; /* margin-bottom: 10px; */ } .news .fl h2 { margin: 12px 0 4px 0; } .news .fl h2 a { font-size: 14px; color: #155ea5; } .news .fl div { font-size: 12px; color:#646464; line-height: 20px; overflow: hidden; -webkit-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; word-break: break-all; } .product { width: 328px; padding: 0 16px; } .product h1 { color: #505050; font-size: 18px; margin-top: 0px; height: 40px; vertical-align: bottom; margin-bottom: 10px; } .product1 { margin-right: 10px; } .product .initial { color: #015aab; font-size: 30px; } .product>div { overflow: hidden; margin: 10px 0; } .product .fl h2 { margin-bottom: 5px; margin-top: 12px; } .product .fl h2 a { font-size: 14px; color: #155ea5; } .product .fl div { font-size: 12px; color:#646464; line-height: 20px; } .product .fl p { width: 226px; font-size: 14px; margin: 12px 0 5px 0; } .product .fl p+p { margin-top: 2px; } .product .fl p a { color: #155ea5; } .qr_code { margin-left: 12px; } .sweep { margin-left: 10px; } .footer { width: 1000px; /*margin: 30px auto 55px auto;*/ margin: 0px auto 55px auto; border: none !important; position: relative; } .footer ul { overflow: hidden; } .footerNav { width: 641px; margin-top:15px; } .footer ul li { float: left; padding: 0 24px; text-align: center; width: 50px; line-height: 14px; position: relative; } .footer li a { color: #505050; } .footer ul li:first-child { padding-left:0; text-align: left; } .footer ul li:last-child { padding-right:0; text-align: right; } .footer ul li+li:after { content:''; height: 12px; border-left: 1px solid #cbcbcb; position: absolute; left: 0; top: 50%; margin-top: -6px; } .footerNav p { font-size: 12px; color:#979797; margin-top: 15px; width: 800px; } .footer .fr a { display: block; padding: 8px 45px; font-size: 14px; color: #979797; border: 1px solid #d9d9d9; } .footer .fr p { font-size: 12px; color:#979797; margin-top: 7px; text-align: right; margin-left: -148px; width: 250px; } .news div.fl { overflow: hidden; width: 106px; height: 84px; position: relative; } .news div.fl img { transition: transform 0.6s; position: absolute; } .news div.fl img:hover { transform: scale(1.2); } .product>div .list { height: 84px !important; width: 195px !important; margin-left: 9px; } .product div.fl, .product div.fr { overflow: hidden; width: 123px; height: 84px; } .product div.fr img { } .product div.fl img, .product div.fr img { transition: transform 0.6s; margin-top: 9px; } .product div.fl img:hover, .product div.fr img:hover { transform: scale(1.2); } .service div:first-child { overflow: hidden; } .service div:first-child img { transition: transform 0.6s; } .service div:first-child img:hover { transform: scale(1.2); } .footer { padding-top: 0; } /* 2021.07.30 */ /* 閲戝喎鍘嗙▼ */ .news-list2 ul li > div { border: 1px solid #e6e6e6; position: relative; width: 319px; top: auto; padding: 0 10px; line-height: 24px; font-size: 14px; height: auto; margin-top: 0; /* display: -webkit-box;*/ -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; text-indent: 0em; -o-box-align: center; display: box; box-orient: horizontal; box-pack: center; box-align: center; } .news-list2 ul li > div p { border: 0px solid #e6e6e6; position: relative; width: auto; top: auto; padding: 0; height: auto; margin-top: 0; display: block; margin: 10px 0; } .news-list2 ul li > div::after { content: ''; display: block; width: 0; height: 0; clear: both; } .news-list2 ul li:nth-child(even) > div { left: -368px; } .news-list2 ul li:nth-child(odd) > div { left: 32px; } .news-list2 ul li:nth-child(odd) p { left: auto; } .news-list2 ul li:nth-child(even) p { left: auto; } .list { height: auto; } .news-list2 ul li { height: auto; padding-top: 54px; } .news-list2 ul li > div img { width: 100px; padding-right: 10px; display: inline-block; margin: 0; } .news-list2 a, .news-list2 a:hover { color: #fff; } .menu_list-r .current a:hover { color: #fff; } .menu_list-r .current a { color: #fff; } /* 2021.08.03 */ .wrap_boxs a:hover { color: rgb(51, 51, 51); }