/*公共部分*/ @font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?oqbt7y'); src: url('../fonts/icomoon.eot?oqbt7y#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?oqbt7y') format('truetype'), url('../fonts/icomoon.woff?oqbt7y') format('woff'), url('../fonts/icomoon.svg?oqbt7y#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-chevron-down:before { content: "\e901"; } .icon-cheveron-down:before { content: "\e900"; } .icon-phone:before { content: "\e942"; } .icon-location:before { content: "\e947"; } .icon-map2:before { content: "\e94c"; } .icon-user:before { content: "\e971"; } .icon-gift:before { content: "\e99f"; } .icon-menu:before { content: "\e9bd"; } .icon-earth:before { content: "\e9ca"; } .icon-flag:before { content: "\e9cc"; } .icon-attachment:before { content: "\e9cd"; } .icon-point-up:before { content: "\ea03"; } .icon-plus:before { content: "\ea0a"; } .icon-circle-right:before { content: "\ea42"; } .icon-clock:before { content: "\e94e"; } .icon-home2:before { content: "\e902"; } .icon-phone-hang-up:before { content: "\e943"; } .icon-envelop:before { content: "\e945"; } .icon-compass:before { content: "\e949"; } .icon-command:before { content: "\ea4e"; } html .clearfix { zoom: 1 } a, address, b, big, blockquote, body, center, cite, code, dd, del, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var { padding: 0; margin: 0 } html { overflow-y: scroll } h1 { font-size: 2rem; } h2 { font-size: 1.8rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.2rem; } body { font-family: "Microsoft Yahei", "微软雅黑", serif; font-size: 16px; color: #333333; font-style: normal; font-variant: normal; background: #FFF; width: 100%; margin: 0 auto; min-width: 300px; } dl, ol, ul { list-style: none; margin: 0; padding: 0 } :focus { outline: 0 } img { vertical-align: middle; } dl, li, ol, ul { list-style: none } ul, li { margin: 0; padding: 0; list-style: none; } i { font-style: normal; } .clearfix:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; } i, em { font-style: normal; } img { border: none } .mfzx span { color: #e53333; } a { text-decoration: none; color: #333; margin: 0; } div { box-sizing: border-box; } .wrap { max-width: 1200px; margin: 0 auto; width: 100%; } .fl { float: left; } .fr { float: right; } .mt20 { margin-top: 20px; } .mb20 { margin-bottom: 20px; } .mb10 { margin-bottom: 10px; } .mt10 { margin-top: 10px; } .boder1 { border: 1px solid #ECECEC; } .bgc1 { background-color: #F2F2F2; } /* /公共部分*/ /*topbar*/ .top-bar { height: 30px; background-color: #f4f4f4; border-bottom: 1px solid #ccc; color: #333; } .top-bar .fl p { color: #333; line-height: 30px; } .top-bar .fr>ul>li { float: left; line-height: 30px; } .top-bar .fr li span { margin: 0 8px; } .top-bar .fr li i { margin-right: 2px; } .top-bar .fr .lan { position: relative; /*background-color: red;*/ } .top-bar .fr .lan ul { position: absolute; background-color: #F3F3F3; left: 0; top: 30px; width: 100%; line-height: 1.5em; font-size: 1rem; overflow: hidden; display: none; } .top-bar .fr .lan li a { display: block; text-align: center; } .top-bar .fr .lan li:hover { background-color: #00479d; } .top-bar .fr .lan li:hover a { color: #fff; } .top-bar .fr li a:hover { color: #00479d; } /*/topbar*/ /*头部部分*/ .top_talk { margin: 2% 0; } .top_talk img { max-width: 100%; } .nav_lx { margin: 2% 0; background: url(../images/top_tel.png) no-repeat left center; padding: 5px 0 5px 60px; } .nav_lx .lxms { font-size: 13px; color: #999; } .nav_lx .lxtel { font-size: 18px; color: #e40014; font-weight: bold; } .nav_lx .lxtel span { font-size: 24px; color: #e40014; font-weight: 700; } /* / 头部部分*/ /*导航*/ .nav2 { background-color: #000; line-height: 50px; } .nav2 ul { overflow: hidden; } .nav2 li { float: left; width: 14.2857%; position: relative; z-index: 5; } .nav2 li a { display: block; font-size: 16px; color: #ffffff; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; text-align: center; } .nav2 li.current-menu-item a { background-color: #00479d; } .nav2 .wrap { position: relative; } .nav2 .pointer { position: absolute; left: 0; top: 0; width: 0; background-color: #00479d; z-index: 0; height: 100%; transition: left 0.5s; } /*导航 end*/ /*首页轮番*/ .index_banner { position: relative; } .index_banner .bd li { text-align: center; } .index_banner .bd li+li { display: none } .index_banner .bd img { max-width: 100%; } .index_banner .hd { position: absolute; left: 0; width: 100%; bottom: 30px; height: 16px; text-align: center; z-index: 10; } .index_banner .hd ul { display: inline-block; } .index_banner .hd li { width: 16px; height: 16px; background-color: #FECB00; float: left; margin-right: 10px; border-radius: 8px; transition: all .3s; cursor: pointer; } .index_banner .hd li:hover, .index_banner .hd li.on { padding: 0 20px; } .index_banner .prev { left: 5%; } .index_banner .next { right: 5%; } /*首页轮番 end*/ /*首页推荐1*/ .index-mating { padding: 40px 0; background-color: #fff; } .index-mating h2 { text-align: center; margin-bottom: 20px; } .index-mating h2 a { color: #333; } .index_title1 { font-size: 2rem; text-align: center; padding: 20px 0; } .index_title1:before, .index_title1:after { content: ""; width: 104px; height: 12px; display: inline-block; vertical-align: middle; } .index_title1:before { background: url(../images/cp-ico2.png) no-repeat; margin-right: 20px; } .index_title1:after { background: url(../images/cp-ico1.png) no-repeat; margin-left: 20px; } .index-mating ul li { float: left; width: 25%; margin-bottom: 10px; border: 1px solid #ccc; box-sizing: border-box; padding: 5px; } .index-mating ul li+li { margin-left: -1px; } .index-mating ul li:last-of-type { margin-right: 0; } .index-mating ul li img { width: 100%; height: auto; } .index-mating ul li>a { display: block; overflow: hidden; font-size: 1rem; } .index-mating ul li a img { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .index-mating ul li:hover a img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .index-mating ul li p { padding: 18px 10px; overflow: hidden; } .index-mating ul li p a:hover { color: #00479d } .index-mating ul li p .tit { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 35px; } .index-mating ul li p .more { float: right; line-height: 33px; width: 90px; height: 35px; border: 1px solid #ccc; padding-left: 10px; background: url(../images/cp-ico3.png) no-repeat right 10px center; } .index-mating ul li p .more:hover { border: 1px solid #00479d; background: url(../images/cp-ico4.png) no-repeat right 10px center; } /*首页推荐1 end*/ /*首页新重点推荐*/ .index-new-key { padding: 40px 0; background-color: #F2F2F2; } .index-new-key h2 { text-align: center; } .index-new-key .des { margin: 20px 0; text-align: center; color: #444; } .index-new-key .key-box { position: relative; } .index-new-key .bd { padding: 10px; background-color: #fff; } .index-new-key .bd ul {} .index-new-key .bd li { overflow: hidden; } .index-new-key .bd li+li { display: none; } .index-new-key .bd li.on { display: block; } .index-new-key .bd .img { width: 40%; } .index-new-key .bd .img a { display: block; position: relative; } .index-new-key .bd .img a h4 { position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; font-size: 1.5em; } .index-new-key .bd .img img { width: 100%; } .index-new-key .bd .content { width: 58%; } .index-new-key .bd .content>p { margin: 3% 0; height: 42px; overflow: hidden; } .index-new-key .bd .content .i_item { width: 32%; background-color: #F3F3F3; float: left; text-align: center; padding: 1%; } .index-new-key .bd .content .i_item:nth-of-type(2) { margin: 0 2%; } .index-new-key .bd .content .i_item .icon { width: 50px; height: 50px; padding: 10px; background-color: #FECB00; margin: 0 auto; border-radius: 50%; } .index-new-key .bd .content .i_item .icon img { width: 30px; height: 30px; transition: all .3s; } .index-new-key .bd .content .i_item .icon img:hover { transform: rotate(360deg); } .index-new-key .bd .content .i_item span { display: inline-block; margin: 10% 0; font-weight: 700; } .index-new-key .bd .content .i_item p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5%; } .index-new-key .bd .content .more { height: 50px; background-color: #F73D2E; text-align: center; margin-top: 5%; cursor: pointer; transition: all .5s; } .index-new-key .bd .content .more:hover { background-color: #FECB00; } .index-new-key .bd .content .more .text { font-size: 1.5rem; line-height: 50px; color: #fff; vertical-align: top; } .index-new-key .bd .content .more i { display: inline-block; width: 32px; height: 32px; background: url("../images/sign.gif") no-repeat; vertical-align: top; margin-top: 9px; margin-left: 10px; } .index-new-key .hd { position: absolute; text-align: center; left: 0; right: 0; bottom: 20px; height: 14px; } .index-new-key .hd ul { display: inline-block; vertical-align: top; } .index-new-key .hd li { width: 14px; height: 14px; border-radius: 7px; background-color: #000; float: left; margin: 0 10px; cursor: pointer; transition: all .5s; } .index-new-key .hd li.on { width: 40px; background-color: #FECB00; } .index_banner .arrow, .index-new-key .arrow { position: absolute; width: 40px; height: 80px; background-color: red; top: 50%; margin-top: -40px; z-index: 10; cursor: pointer; visibility: hidden; transition: all .5s; } .index-new-key .prev { left: 0; } .index-new-key .next { right: 0; } .index_banner .prev, .index-new-key .prev { background: url("../images/arrow_left.png") no-repeat; } .index_banner .next, .index-new-key .next { background: url("../images/arrow_right.png") no-repeat; } .index_banner .prev:hover, .index-new-key .prev:hover { background: url("../images/arrow_left_hover.png") no-repeat; } .index_banner .next:hover, .index-new-key .next:hover { background: url("../images/arrow_right_hover.png") no-repeat; } .index_banner:hover .arrow, .index-new-key:hover .arrow { visibility: visible; } /*首页新重点推荐 end*/ .index_about { padding: 40px 0; } .index_about h2, .index_about .des { text-align: center; } .index_about .des { margin: 20px 0; } .index_about .con .img { float: left; width: 38%; overflow: hidden; } .index_about .con .img img { width: 100%; } .index_about .con .text { float: right; width: 61%; } .index_about .con .text p { font-size: 14px; line-height: 2em; text-indent: 2em; } .index_about .con .text p:first-child { margin-bottom: 10px; } /*首页客户现场*/ .index-spot { overflow: hidden; width: 100%; padding: 40px 0; background-color: #F2F2F2; } .index-spot h2 { text-align: center; margin-bottom: 10px; } .index-spot h2 a:hover { color: #00479d; } .index-spot h2 a.tit-more { color: #999; font-size: 1rem; margin-left: 10px; font-weight: normal } .index-spot h2 a.tit-more:hover { color: #888; text-decoration: underline; } .index-spot p { color: #444; text-align: center; line-height: 30px; } .index-spot ul { clear: both; overflow: hidden; margin-top: 20px; } .index-spot ul li { float: left; position: relative; width: 32%; margin-right: 2%; overflow: hidden; box-sizing: border-box; } .index-spot ul li:last-of-type { margin-right: 0; } .index-spot ul li img { width: 100%; height: auto; transition: all .3s; } .index-spot ul li:hover img { transform: scale(1.1); } .index-spot ul li a { display: block; font-weight: 700; font-size: 1.2rem; } .index-spot ul li a:hover { color: #00479d; } .spot-pic { position: absolute; left: 50%; margin-left: -35%; bottom: 5%; width: 70%; padding: 10px; background-color: rgba(255, 255, 255, .8); } .spot-pic h3 { font-size: 20px; font-weight: bold; } .spot-pic h3 a:hover { color: #00479d; } .index-spot .spot-pic p { text-align: left; } .index-spot span { display: block; width: 112px; height: 26px; line-height: 23px; text-align: center; color: #FFF; margin-top: 8px; background-color: #00479d; cursor: pointer; } .index-spot span:hover { font-weight: bold; } /*首页客户现场 end*/ /*首页新闻*/ .index-news { clear: both; overflow: hidden; padding: 40px 0; } .index-news h2 { font-size: 28px; line-height: 1.1; text-align: center; margin-bottom: 10px; } .index-news h2 a:hover { color: #00479d; } .index-news h2 a.tit-more { color: #999; font-size: 1rem; margin-left: 10px; font-weight: normal } .index-news h2 a.tit-more:hover { color: #888; text-decoration: underline; } .index-news p { color: #444; text-align: center; line-height: 30px; margin: 20px 0; } .news-main { clear: both; overflow: hidden; } .news-main li { float: left; width: 32%; margin-right: 2%; background-color: #FFF; box-sizing: border-box; overflow: hidden; } .news-main li:last-of-type { margin-right: 0; } .news-main li>a { display: block; overflow: hidden; } .news-main li a img { width: 100%; height: auto; transition: all 0.5s; } .news-main li:hover a img { transform: scale(1.1); } .news-mains { position: relative; margin-top: 20px; } .news-mains a { display: block; font-size: 1rem; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; } .news-mains a:hover { color: #00479d; } .news-mains p { color: #666; text-align: left; font-size: 14px; line-height: 25px; height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .index-news .news-bottom { margin-top: 40px; /*background-color: lightsalmon;*/ } .news-bottom .news-item { float: left; /*background-color: mediumseagreen;*/ width: 49%; } .news-bottom .news-item:nth-of-type(2) { margin-left: 2%; } .news-bottom .news-item .tit { padding-bottom: 6px; /*background-color: mediumorchid;*/ border-bottom: 1px solid #e8e8e8; margin-bottom: 10px; } .news-item .tit h3 { display: inline-block; } .news-item .tit h3 a:hover { color: #00479d; } .news-item .tit .more { float: right; margin-top: 8px; color: #00479d; } .news-item li { overflow: hidden; line-height: 40px; } .news-item li a { color: #333; padding-left: 14px; background: url("../images/tab1_conk.png") no-repeat left center; width: 70%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; float: left; } .news-item li a:hover { color: #00479d; } .news-item li span { float: right; color: #999; } /*首页新闻 end*/ /*底部部分*/ .foot { width: 100%; background: #222; margin: 0 auto; padding: 40px 0; } .foot dl { color: #fff; /*background-color: mediumseagreen;*/ float: left; box-sizing: border-box; } .foot dl:nth-of-type(1), .foot dl:nth-of-type(2), .foot dl:nth-of-type(4) { width: 20%; } .foot dl:nth-of-type(4) { float: right; } .foot dl:nth-of-type(3) { width: 40%; } .foot dl a { color: #fff; } .foot dl a:hover { color: #FACD00; } .foot dl dt { font-size: 20px; font-weight: 700; margin-bottom: 10px; } .foot dl dd { line-height: 2em; font-size: 0.9rem; } .foot dl .zaixian { margin-top: 20px; } .foot dl .zaixian img { cursor: pointer; height: 30px; } .foot dl .img img { width: 50%; box-sizing: border-box; } .copyright { overflow: hidden; color: #333; line-height: 35px; background-color: #d1d2d3; } .copyright p { text-align: center; } .copyright p span { margin: 0 10px; } .copyright .foot-sub a { color: #333; } /*底部部分 end*/ /*首页友情链接*/ .friend { width: 100%; overflow: hidden; margin: 0 auto; background: #f0f0f0; } .friend_link { overflow: hidden; max-width: 1200px; margin: 0 auto; padding: 10px 0; line-height: 32px } .friend_link span { float: left } .friend_link ul { float: left; width: 80% } .friend_link li { float: left; margin-left: 2%; } .friend_link a { color: #444 } /*首页友情链接 end*/ /*产品列表页banner*/ .ban-pro { position: relative; height: 300px; overflow: hidden; } .ban-pros { height: 300px; } .ban-pros .ban_txt { margin-top: 70px; } .ban-pro img { position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; max-width: none; height: auto; } .ban_txt { position: relative; left: 0; color: #FFF; width: 520px; padding: 30px 35px; margin-top: 60px; background: url(../images/ban_bg.png); } .ban_txt b { color: #FFF; font-size: 32px; font-weight: 600; } .ban_txt span { display: block; width: 50px; height: 2px; margin: 30px 0 15px; background-color: #FFF; } .ban_txt p { font-size: 15px; line-height: 28px; } /* / 产品列表页banner*/ /*当前位置*/ .breadcrumb { width: 100%; margin: 0 auto; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; background-color: #F9F9F9; color: #000; } .breadcrumb p { line-height: 48px; } /*当前位置 end*/ /*产品栏目导航*/ .product_nav { margin: 40px 0; text-align: center; box-sizing: border-box; } .product_nav .wrap { border-bottom: 2px solid #16418a; } .product_nav ul { display: inline-block; height: 50px; vertical-align: middle; } .product_nav li { float: left; margin: 0 5px; height: 50px; line-height: 50px; } .product_nav li a { font-size: 18px; color: #333; display: block; padding: 0 20px; background-color: #f5f5f5; } .product_nav li a:hover, .product_nav li.active a { background-color: #16418a; color: #fff; } /*产品栏目导航 end*/ /*产品顶级栏目产品列表*/ .product_list { width: 100%; overflow: hidden; margin: 0 auto; } .product_name { font-size: 20px; height: 40px; line-height: 40px; font-weight: bold; background-color: #F2F2F2; box-sizing: content-box; margin-top: 10px; } .name_info { float: left; } .name_more { float: right; margin-right: 10px; } .name_info img { float: left; width: 30px; margin-right: 6px; margin-top: 5px; } .name_info a { display: block; width: 180px; height: 50px; color: #FFF; font-size: 22px; background: url(../images/names.png) no-repeat; margin-top: -10px; text-align: center; } .name_more a { color: #004e9b; font-weight: normal; font-size: 14px; padding-right: 24px; background: url(../images/arrows.png) no-repeat right center; background-size: 18px 18px; } .name_more a:hover { text-decoration: underline; } .product_list .name_info a { line-height: 50px; } .product_list .name_info a:hover { color: #FFF; } .product_list li a { display: block; overflow: hidden; } .product_list li a img { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .product_list li:hover a img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .pro_list p.list_name { margin-top: 5px; margin-bottom: 10px; } .product_list ul { clear: both; overflow: hidden; margin: 10px 0 10px -2%; } .product_list li { float: left; width: 23%; *width: 22.8%; display: inline-block; margin-left: 2%; margin-bottom: 10px; text-align: center; } .product_list li img { width: 100%; height: auto; } .product_list a { line-height: 40px; } .product_list a:hover { color: #004e9b; } /*产品顶级栏目产品列表 end*/ /*新版产品顶级栏目列表*/ .product-list1 { padding: 40px 0; } .product-list1 .con1 { width: 23%; padding: 0 1%; } .product-list1 .con1 h3 { font-size: 30px; } .product-list1 .con1 h3 a:hover { color: #0D5297; } .product-list1 .con1 p { font-size: 16px; line-height: 1.5em; padding: 20px 0; } .product-list1 .con1 span { display: inline-block; padding: 10px 40px; background-color: #666; color: #fff; font-size: 16px; cursor: pointer; } .product-list1 .con1 span:hover { background-color: #16418a; } .product-list1 .con1 i { margin-right: 5px; vertical-align: middle; } .product-list1 .con2 { width: 77%; } .product-list1 .con2 li { background-color: #F2F2F2; margin-bottom: 0; } .product-list1-bg { background-color: #F2F2F2; } .product-list1-bg .con2 li { background-color: #fff; } /*新版产品顶级栏目列表 end*/ /*产品详情页*/ /*头部产品介绍*/ .product-top { margin: 20px 0; } .product-top .focus { width: 50%; position: relative; } .product-top .focus img { width: 100%; } .product-top .product-info { width: 46%; } .product-top .product-info-title h1 { box-sizing: border-box; padding: 0 0 10px 40px; font-size: 2rem; line-height: 45px; background: url(../images/h1.png) 2px 12px no-repeat; margin-bottom: 20px; color: #000; border-bottom: 1px solid #d8d8d8; } .product-top .product-info-title p { line-height: 32px; margin-top: 10px; } .product-top .product-info-title p span { color: #004e9b; padding-left: 10px; } .product-top .product-info-ask .price { background: #fc0 url(../images/zhekou.png) no-repeat right center; line-height: 60px; cursor: pointer; margin-bottom: 10px; margin-top: 20px; } .product-top .product-info-ask .price span { background: url(../images/line_equipmentt.png) no-repeat 8% center; display: block; padding-left: 26%; font-size: 1.5rem; } .product-top .product-info-ask .number { font-size: 1.2rem; background: url(../images/number1.png) left no-repeat; line-height: 28px; padding: 2.5% 2.5% 2.5% 80px; } .product-top .product-info-ask .number strong a { font-size: 1.5rem; color: #004e9b } /*头部产品介绍 end*/ /*产品导航条*/ .product_navbar { width: 100%; overflow: hidden; border-bottom: 1px solid #f0f0f0; } .product_navbar li { width: 18%; line-height: 55px; text-align: center; float: left; font-size: 16px; background: #e7e7e7; margin-right: 0.2%; } .product_navbar li a:hover, .product_navbar li.active { background: #222; } .product_navbar li a:hover, .product_navbar li.active a { color: #FFfffF } .product_navbar li a { font-size: 1.1rem; display: block; text-align: center; } /*产品导航条 end*/ .product-left { width: 76%; margin-top: 1%; } .product-right { width: 21%; margin-top: 20px; } /*产品内容部分*/ .content-box { overflow: hidden; } .content-box h1 { margin: 40px 0; text-align: center; } .content-box .info { text-indent: 0; color: #999; } .content-box .info span { margin-left: 10px; } .content-box .back a { color: #666; background: url("../images/return.png") left center no-repeat; background-size: 18px; padding-left: 25px; } .content-box .back a:hover { text-decoration: underline; } .content-box .adv_box { padding: 20px 20px 20px 150px; background: #F3F3F3 url("../images/ico_kf.png") no-repeat 40px center; position: relative; line-height: 50px; margin: 20px 0; background-size: 100px; } .content-box .adv_box:before { position: absolute; content: ""; width: 29px; height: 29px; background: url("../images/ico-horn.png") no-repeat; left: 0; top: 0; } .content-box .adv_box .tel span { font-size: 1.5rem; color: #00479d; font-weight: 700; cursor: pointer; } .content-box .adv_box .btn span { padding: 10px 10px 10px 36px; font-size: 1rem; background: #e42222 url("../images/ico_gift.png") no-repeat 10px center; color: #fff; border-radius: 5px; cursor: pointer; } .content-box p { line-height: 2em; margin: 10px 0; } .content-box p a { color: #e40014; font-weight: 700; } .content-box h2, .content-box h3, .content-box h4, .content-box h5, .content-box h2, .content-box h6 { padding: 2px 0 2px 10px; border-left: 5px solid #004e9b; margin: 20px 0; } .content-box p img { max-width: 100%; margin: 10px 0; } .content-box .feature { overflow: hidden; } .content-box .feature li { width: 49%; float: left; margin-top: 50px; background-color: #F3F3F3; padding: 0 10px; border-radius: 10px; box-sizing: border-box; margin-bottom: 10px; padding-bottom: 20px; } .content-box .feature li:nth-child(2n) { margin-left: 2%; } .content-box .feature li span { display: block; width: 20%; height: 20%; margin: -10% auto 0; border-radius: 50%; overflow: hidden; border: 5px solid #f9f9f9; } .content-box .feature li span img { width: 100%; transition: all linear .3s; } .content-box .feature li span img:hover { transform: rotate(360deg); } .content-box .feature li b { text-align: center; display: block; margin: 10px 0; font-size: 1.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content-box .feature li p { text-align: center; line-height: 1.5em; height: 77px; overflow: hidden; margin: 0; } /*产品内容部分*/ /*上一篇,下一篇*/ .previous_and_next { overflow: hidden; line-height: 32px; padding: 2px 10px; margin-top: 20px; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid #e9e9e9; } .previous_and_next span { display: block; } .previous_and_next a:hover { text-decoration: underline; color: #004e9b; } /*上一篇,下一篇* end/*/ /*产品详情页 end*/ /*联系我们页面*/ .contact_banner { height: 300px; overflow: hidden; position: relative; } .contact_banner img { position: absolute; left: 50%; top: 0; width: 1920px; margin-left: -960px; } .contact_us { padding: 40px 0; } .contact_us h2, .contact_time h2 { text-align: center; } .contact_us p, .contact_time p { text-align: center; margin: 20px 0; font-size: 16px; } .contact_us li { width: 32%; float: left; margin-right: 2%; background-color: #F3F3F3; min-height: 200px; box-sizing: border-box; padding-top: 20px; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 10px; } .contact_us li:nth-of-type(1) { background-color: #fe0909; color: #fff; } .contact_us li:nth-of-type(3) { margin-right: 0; } .contact_us li dt { font-size: 20px; text-align: center; margin-bottom: 20px; padding-left: 20px; } .contact_us li dd { margin-bottom: 10px; padding-left: 20px; } .contact_time li { width: 23.5%; float: left; margin-right: 2%; text-align: center; padding: 20px 0; } .contact_time li:last-of-type { margin-right: 0; } .contact_time li i { display: block; margin-top: 10px; } .contact_time li img { transition: all .3s linear; max-width: 100%; } .contact_time li img:hover { transform: rotate(360deg); } #baidu_map { height: 500px; } .hx_box { width: 400px; padding: 10px; background-color: #fff; } .hx_box img { float: left; margin-right: 10px; } .hx_box p { margin-bottom: 2px; } /*联系我们页面 end*/ /*工程案例列表页*/ .case_nav { margin: 40px 0; text-align: center; position: relative; } .case_nav ul:after { clear: both; content: ""; display: block; overflow: hidden; height: 0; } .case_nav li { width: 16.8%; float: left; outline: 0; box-sizing: border-box; border: 1px solid #999; border-radius: 25px; overflow: hidden; } .case_nav li+li { margin-left: 4%; } .case_nav li a { display: block; color: #444; font-size: 1rem; line-height: 40px; text-align: center; transition: all .3s; } .case_nav li:hover, .case_nav li.current-menu-item { border: 1px solid transparent; } .case_nav li a:hover, .case_nav li.current-menu-item a { color: #fff; background-color: #EB0001; } .case_list li { background-color: #F2F2F2; } .case_list li b { font-size: 1.2rem; line-height: 28px; padding: 5px 10px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .case_list li b a:hover { color: #00479d; } .case_list li p { padding: 5px 10px; } .case_list li .more { display: block; margin: 20px auto; width: 60%; color: #fff; background-color: #00479d; padding: 10px 0; text-align: center; transition: all .3s; } .case_list li .more:hover { background-color: #FACD00; } .case_list li .more i { margin-right: 5px; } /*工程案例列表页 end*/ /*视频中心列表页*/ .video_list { padding: 40px 0; } .video_list li .img a { display: block; position: relative; } .video_list li .img a .mark { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2) url("../images/video.png") center center no-repeat; } .video_list li:hover .img img { transform: scale(1.1); } .video_list li:hover .img a .mark { background: rgba(0, 0, 0, 0.1) url("../images/video.png") center center no-repeat; } /*视频中心列表页 end*/ /*新闻中心顶级栏目*/ .news_list1 { padding: 40px 0; } .news_list1 .title { padding-bottom: 20px; } .news_list1 .title h2 { float: left; } .news_list1 .title h2 a { font-size: 1.5rem; } .news_list1 .title h2 a:hover { color: #00479d; } .news_list1 .title span { float: right; margin-top: 10px; } .news_list1 .title span a:hover { color: #00479d; } .news_list1 .title span a i { margin-left: 5px; } .news_list1 li { width: 48%; float: left; background-color: #F3F3F3; padding: 20px; box-sizing: border-box; margin-bottom: 20px; } .news_list1 li:nth-of-type(2n) { margin-left: 4%; } .news_list1 li b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news_list1 li b a { color: #333; } .news_list1 li b a:hover { color: #00479d; } .news_list1 li p { margin: 10px 0; line-height: 26px; color: #666; height: 52px; overflow: hidden; } .news_list1 li .bd i { margin-right: 5px; } .news_list1 li .bd span { color: #666; } .news_list1 li .bd a { float: right; background: url("../images/ico-more.png") no-repeat right center; padding-right: 15px; color: #555; } .news_list1 li .bd a:hover { color: #00479d; } .news_list1_bg { background-color: #F3F3F3; } .news_list1_bg li { background-color: #fff; } /*新闻中心顶级栏目 end*/ /*新闻中心二级栏目*/ .news_list2 { padding: 20px 0; } .news_list2 li { height: 50px; line-height: 50px; border-bottom: 1px dashed #DDD; width: 49%; float: left; } .news_list2 li:nth-of-type(2n) { margin-left: 2%; } .news_list2 li a { width: 80%; float: left; padding-left: 14px; background: url("../images/dots.png") left center no-repeat; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box; transition: all .3s; } .news_list2 li a:hover { transform: translateX(10px); } .news_list2 li a:hover { color: #00479d; } .news_list2 li span { float: right; color: #999; font-size: 13px; } /*新闻中心二级栏目 end*/ /*新闻中心新二级分类*/ .news_list3 { background-color: #f6f6f6; padding: 20px 0; } .news_list3 .news_list3_left { float: left; width: 72%; } .news_list3 .news_list3_right { float: right; width: 24%; } .news_list3 .news_list3_left h2 { margin-bottom: 20px; padding: 10px 0; background-color: #fff; font-weight: 400; padding-left: 10px; } .news_list3 .news_list3_left>ul>li { padding: 10px; background-color: #fff; margin-bottom: 30px; border-radius: 10px; } .news_list3 .news_list3_left .img { width: 20%; float: left; } .news_list3 .news_list3_left .img img { width: 100%; } .news_list3 .news_list3_left .txt { width: 78%; float: right; } .news_list3 .news_list3_left .txt a { font-size: 1.2rem; line-height: 36px; height: 36px; display: block; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news_list3 .news_list3_left .txt a:hover { color: #00479d; } .news_list3 .news_list3_left .txt time { font-size: 14px; color: #999; display: block; margin-top: 5px; } .news_list3 .news_list3_left .txt p { margin-top: 5px; padding-top: 10px; border-top: 1px dotted #999; line-height: 1.5em; height: 50px; overflow: hidden; } .news_list3 .news_list3_right h2 { margin-bottom: 15px; font-weight: 400; } .news_list3 .news_list3_right .search_box { background-color: #fff; padding: 30px; } .news_list3 .news_list3_right .search_box input { outline: none; } .news_list3 .news_list3_right .search_box input[type=text] { width: 100%; height: 40px; border: 1px solid #ddd; box-sizing: border-box; margin-bottom: 10px; color: #666; padding-left: 20px; } .news_list3 .news_list3_right .search_box input[type=submit] { width: 100%; height: 40px; display: block; border: none; background-color: #facd00; font-size: 18px; color: #000; cursor: pointer; } .news_list3 .news_list3_right .hot_news_box { margin-top: 40px; padding: 30px; background-color: #fff; } .news_list3 .news_list3_right .hot_news_box li { height: 44px; line-height: 22px; overflow: hidden; margin-bottom: 10px; } .news_list3 .news_list3_right .hot_news_box li span { color: #00479d; margin-right: 5px; font-size: 0.8rem; } .news_list3 .news_list3_right .hot_news_box li i { display: inline-block; padding: 0 5px; background-color: #facd00; color: #fff; border-radius: 5px; } .news_list3 .news_list3_right .hot_news_box li a { color: #555; } .news_list3 .news_list3_right .hot_news_box li a:hover { color: #00479d; } /*新闻中心新二级分类 end*/ /* 关于澳门皇冠手机免费网址页面 start */ .about_page { margin-bottom: 40px; overflow: hidden; } .about_page h2 { text-align: center; margin: 30px 0 20px; } .about_page p { text-indent: 2em; line-height: 2em; margin-bottom: 10px; } .about_page li { border: 1px solid #ddd; } .about_page li span { display: block; padding: 10px 0; text-align: center; transition: all 0.3s; } .about_page li:hover span { color: #fff; background-color: #e40014; } /* 关于澳门皇冠手机免费网址页面 end */ /* 服务支持 start */ .service_page .part1 { padding: 20px 0; } .service_page .part1 ul { overflow: hidden; } .service_page .part1 li { float: left; width: 23.5%; margin-right: 2%; border: 2px solid rgb(218, 218, 218); box-sizing: border-box; margin-top: 60px; } .service_page .part1 li:last-of-type { margin-right: 0; } .service_page .part1 li img { display: block; margin: -60px auto 0; transition: all 0.3s; } .service_page .part1 li:hover img { transform: rotate(360deg); } .service_page .part1 li strong { text-align: center; display: block; font-size: 18px; margin: 15px 0; } .service_page .part1 li p { font-size: 14px; text-align: center; margin-bottom: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .service_page .part2 { padding: 20px 0; } .service_page .part2 h2 { text-align: center; } .service_page .part2 .desc { margin: 15px 0; line-height: 2em; } .service_page .part2 li p { background-color: #f0f0f0; line-height: 2em; padding: 10px; font-size: 14px; } .service_page .part3 { padding: 20px 0; } .service_page .part3 h2 { text-align: center; } .service_page .part3 p { margin: 20px 0; line-height: 2em; } .service_page .part3 li span { display: block; padding: 10px 0; text-align: center; background-color: #f3f3f3; } .service_page .part3 li:hover span { background-color: #16418a; color: #fff; } .service_page .part3 li { box-sizing: border-box; border: 1px solid #ddd; } /* 服务支持 end */ /*列表*/ .img-list1 li { width: 23.5%; float: left; margin-right: 2%; margin-bottom: 10px; box-sizing: border-box; } .img-list1 li:nth-of-type(4n) { margin-right: 0; } .img-list1 li .img { overflow: hidden; } .img-list1 li img { width: 100%; transition: all .3s; } .img-list1 li img:hover { opacity: 0.8; transform: scale(1.1); } .img-list1 li .text { display: block; margin: 10px 0; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .img-list1 li .text:hover { color: #00479d; } .img-list2 li { margin-bottom: 15px; padding: 0 10px; } .img-list2 li .img { overflow: hidden; } .img-list2 li img { width: 100%; transition: all .3s; } .img-list2 li img:hover { opacity: .8; } .img-list2 li .text { margin-top: 10px; text-align: center; display: block; } .img-list2 li .text:hover { color: #00479d; } .img-list3 li { width: 32%; float: left; margin-right: 2%; margin-bottom: 20px; } .img-list3 li:nth-of-type(3n) { margin-right: 0; } .img-list3 li .img { overflow: hidden; } .img-list3 li img { width: 100%; transition: all .3s; } .img-list3 li img:hover { opacity: 0.8; transform: scale(1.1); } .img-list3 li .text { display: block; margin: 10px 0; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; } .img-list3 li .text:hover { color: #0D5297; } .img-list4 li { width: 23.5%; float: left; margin-right: 2%; margin-bottom: 10px; overflow: hidden; } .img-list4 li:nth-of-type(4n) { margin-right: 0; } .img-list4 li .img { height: 0; padding-bottom: 75%; position: relative; overflow: hidden; } .img-list4 li img { position: absolute; width: 100%; transition: all .3s; left: 0; top: 0; } .img-list4 li img:hover { opacity: 0.8; transform: scale(1.1); } .img-list4 li span { display: block; margin-top: 10px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-list1 ul { padding: 0 10px; } .text-list1 li { margin-right: 4%; float: left; box-sizing: border-box; line-height: 2em; width: 48%; } .text-list1 li:nth-of-type(2n) { margin-right: 0; } .text-list1 li a { box-sizing: border-box; padding-left: 14px; background: url("../images/icon_002.jpg") left center no-repeat; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; font-size: 0.8em; } .text-list1 li a:hover { color: #0D5297; } .latest-news li a { width: 78%; float: left; display: block; font-size: 1em; } .latest-news li span { float: right; } /*列表 end*/ /*标题1*/ .title1 { background-color: #F4F4F4; margin-bottom: 20px; } .title1 span { font-weight: 700; line-height: 40px; color: #333; font-size: 20px; padding: 0 40px; background-color: #fff; border-top: 2px solid #00479d; display: inline-block; } .title1 a { float: right; line-height: 40px; padding-right: 20px; } .title1 a:hover { color: #00479d; } .title2 { line-height: 50px; font-size: 1.3rem; color: #00479d; text-align: center; font-weight: 700; background-color: #f0f0f0; margin-bottom: 10px; } .title2 i { margin-right: 5px; } .title2 a { color: #00479d; } /*标题1 end*/ /*留言*/ .index_message { background-color: #F0F0F0; } .messages { clear: both; overflow: hidden; width: 100%; padding: 20px 5px; background: url(../images/contact.jpg)#F0F0F0 no-repeat top right; } .messages .msg_tit { clear: both; overflow: hidden; padding: 10px 5px; } .messages .msg_tit em { float: left; display: block; width: 150px; height: 150px; margin-right: 20px; background: url(../images/ico_msg.png) no-repeat; } .messages .msg_tit b { display: block; color: #333; font-size: 1.5rem; line-height: 1.2; font-weight: bold; margin: 15px 0; } .messages .msg_tit p { font-size: 16px; line-height: 1.6; } .messages .msg_tit p a { color: #eb0001; white-space: nowrap; font-size: 26px; font-weight: bold; padding-left: 10px; } .messages ul { clear: both; overflow: hidden; margin-top: 10px; } .messages ul li { float: left; width: 49%; margin: 0 0.5%; height: auto; line-height: normal; border-bottom: none; } .messages ul li.msg_area { width: 100%; height: 164px; } .messages ul li textarea { clear: both; width: 99%; color: #333; height: 120px; line-height: 24px; border: 1px solid #e2e2e2; border-radius: 4px; padding-left: 44px; padding-top: 10px; font-family: Microsoft YaHei, serif; box-sizing: border-box; } .messages ul li span { width: 100%; display: block; overflow: hidden; line-height: 44px; color: #333; text-indent: 3px; } .messages ul li span font { color: #eb0001; } .messages ul li input { height: 44px; line-height: 44px; width: 100%; color: #666; font-size: 16px; border: 1px solid #e2e2e2; text-indent: 42px; box-sizing: border-box; border-radius: 4px; } .messages ul li .msg_name { background: url(../images/icon_mag01.png) #FFF no-repeat 10px center; background-size: 24px; } .messages ul li .msg_tel { background: url(../images/icon_mag02.png) #FFF no-repeat 10px center; background-size: 24px; } .messages ul li .msg_areas { background: url(../images/icon_mag03.png) #FFF no-repeat 10px 12px; background-size: 24px; } .msg_btn { display: inline-block; width: 100%; height: 50px; line-height: 40px; text-align: center; color: #FFF; font-size: 18px; margin: 20px 0 5px; } .msg_btn input { display: block; width: 24%; height: 50px; color: #FFF; font-size: 1.5rem; margin: 0 auto; cursor: pointer; border: none; background-color: #EB0001; border-radius: 25px; } .msg_btn input:hover { background-color: #FECB00; } /*留言 end*/ /*手机端导航*/ .m_nav { /*background-color: indianred;*/ position: relative; display: none; padding: 10px 0; } .m_nav .m_logo { float: left; } .m_nav button { float: right; font-size: 2rem; margin-top: 3px; outline: none; background-color: #fff; cursor: pointer; padding: 5px; margin-right: 10px; border: 0; color: #333; line-height: 32px; } .m_nav ul { position: absolute; top: 76px; right: 0; /*background-color: orangered;*/ z-index: 999; width: 200px; display: none; } .m_nav ul.current { display: block; } .m_nav ul:before { content: ""; display: block; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent #000 transparent; right: 20px; top: -20px; position: absolute; } .m_nav li { background-color: rgba(0, 0, 0, 0.92); } .m_nav li a { color: #fff; display: block; line-height: 40px; font-size: 1rem; text-align: center; border-bottom: 1px solid #444; } /*手机端导航 end*/ .m_foot { display: none; } .m_foot_separation { height: 120px; } .m_foot_nav { padding: 10px 0; background-color: #f3f3f3; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 9999; } .m_foot_nav li { float: left; width: 25%; text-align: center; box-sizing: border-box; } .m_foot_nav li a { display: block; color: #444; } .m_foot_nav li a:hover { color: #e42222; } .m_foot_nav li:nth-child(2) a { color: #e42222; } .m_foot_nav li+li { border-left: 1px solid #d8d8d8; } .m_foot_nav li i { display: inline-block; font-size: 1.8rem; } .m_foot_nav li span { display: block; margin-top: 5px; } /* 全站分页导航开始 */ .pagenav { padding: 10px 0; text-align: center; } .pagenav>ul { display: inline-block; } .pagenav>ul>li { float: left; margin: 0 5px; padding: 0; } .pagenav>ul>li a { display: block; width: 50px; height: 35px; line-height: 35px; color: #999; border: 1px solid #CCC; text-align: center; } .pagenav>ul>li.current a, .pagenav>ul>li a:hover { color: #fff; border: 1px solid #00479d; background-color: #00479d; text-align: center; } /* 全站分页导航结束 */ #goto_top { width: 50px; height: 50px; background: url("../images/to_top.png") no-repeat center rgb(229, 0, 18); background-size: 30px 34px; position: fixed; right: 40px; bottom: 100px; cursor: pointer; z-index: 9999; display: none; } #goto_top:hover { background-color: rgb(229, 174, 0); } /*媒体查询*/ @media (max-width:768px) { .top2 { display: none; } .nav2 { display: none; } .m_nav { display: block; width: 100%; } .top-bar { display: none; } .index_banner .hd { display: none; } .index_banner .arrow { display: none; } .index_title1:before, .index_title1::after { display: none; } .index-mating { padding: 20px 10px; } .index-mating ul li p .more { display: none; } .index-new-key { padding: 20px 0; } .index-spot { padding: 20px 10px; } .index-news { padding: 20px 0; } .index-mating ul li { width: 50%; margin-right: 0; margin-left: 0; } .index-mating ul li+li { margin-left: 0; } .index-mating ul li:nth-of-type(2n) { margin-left: -1px; } /*首页重点推荐*/ .index-new-key .des { padding: 0 10px; } .index-new-key .bd .img { width: 100%; } .index-new-key .bd .content { width: 100%; margin-left: 0; } .index-new-key .bd .content .more { display: none; } /*首页重点推荐 end*/ .index-spot ul li { margin-right: 0; width: 100%; } .index-spot ul li+li { display: none; } .index-news .news-main { display: none; } .news-bottom .news-item { width: 100%; margin-bottom: 20px; padding: 0 10px; } .news-bottom .news-item:nth-of-type(2) { margin-left: 0; margin-bottom: 0; } .ban-pro { display: none; } .messages .msg_tit em { display: none; } .messages ul li { width: 100%; } .msg_btn input { width: 100%; } .foot, .copyright, .friend { display: none; } .img-list1 { padding: 0 10px; } .img-list1 li { width: 49%; margin-right: 0; } .img-list1 li:nth-of-type(2n) { margin-left: 2%; } .contact_us li { width: 100%; margin-right: 0; margin-bottom: 10px; } #baidu_map { display: none; } .news_list1 li { width: 100%; } .news_list1 li:nth-of-type(2n) { margin-left: 0; } .news_list3 .news_list3_left { width: 100%; } .news_list3 .news_list3_right { display: none; } .product_nav { padding: 0 10px; display: none; } .product_nav li i { display: none; } .product_nav li { width: 49%; margin-bottom: 10px; } .product_nav li:nth-of-type(2n) { margin-left: 2%; } .product-list1 { padding: 10px; } .product-list1 .con1, .product-list1 .con2 { width: 100%; margin-bottom: 20px; } .product-list1 .con1 p, .product-list1 .con1>a { display: none; } .product-left { width: 100%; } .product-info { padding: 0 10px; } .product-right { display: none; } .img-list2 li { width: 49%; float: left; box-sizing: border-box; } .img-list2 li:nth-of-type(2n) { margin-left: 2%; } .img-list3 li { width: 49%; margin-right: 0; } .img-list3 li:nth-of-type(2n) { margin-left: 2%; } .news_list1 { padding: 0 10px; } .news_list3 .news_list3_left .img { display: none; } .news_list3 { padding: 20px 10px; } .news_list3 .news_list3_left .txt { width: 100%; } .product-top { margin: 0; } .product-top .focus, .product-top .product-info { width: 100%; } .product_navbar { display: none; } .xg { display: none; } .case_nav { padding: 0 10px; margin: 20px 0; } .case_nav li { width: 29%; margin-right: 6.5%; margin-bottom: 10px; } .case_nav li+li { margin-left: 0; } .case_nav li:nth-of-type(3n) { margin-right: 0; } .case_list { padding: 0 10px; } .case_list li p { display: none; } .contact_time { display: none; } .contact_banner { display: none; } .content-box .adv_box { display: none; } .content-box .feature li { margin-top: 25px; } .content-box .feature li span { width: 30%; height: 30%; margin-top: -15%; } .img-list4 li { width: 49%; margin-right: 0; } .img-list4 li:nth-of-type(2n) { margin-left: 2%; } img-list4 { padding: 0 10px; } .breadcrumb { display: none; } .content-box h1 { margin: 20px 0; } .product-left { padding: 0 10px; } .m_foot { display: block; } .index_about { padding: 20px 10px; } .index_about .con .img, .index_about .con .text { width: 100%; } .about_page p { padding: 0 10px; } .service_page .part1 li img { width: 50px; margin: -25px auto 0; } } @media (max-width: 1024px) { .top_talk { width: 500px; margin: 3% 0; } } /*媒体查询 end*/ /* 20200729新增 开始 */ /* 产品分类 :start */ .index-product .index_title1 { text-align: center; margin: 20px 0; } .index_product_title { width: 100%; height: 45px; text-align: center; } .index_product_title li { width: 14.28571428571429%; height: 45px; display: inline-block; background: #e0e0e0; } .index_product_title li a { display: block; width: 100%; height: 45px; text-align: center; line-height: 45px; color: #333; box-sizing: border-box; } .product_title_link_active a { background: #16418a; color: #fff !important; transition: all 0.3s ease; } .product_category_list, .product_list_one, .product_list_in { width: 100%; height: auto } .product_category_list { padding-top: 20px; padding-bottom: 30px } .product_category_list a { display: block; position: relative; } .product_category_list>li { display: none; } .product_list_one_active { display: block !important; } .product_list_in li { width: 23.5%; float: left; overflow: hidden; ; margin-right: 2%; margin-top: 20px; position: relative; box-sizing: border-box; border: 1px solid #ccc; border-radius: 3px; padding: 10px 5px 5px 5px; } .product_list_in li:nth-of-type(4n) { margin-right: 0; } .product_list_in li:hover { box-shadow: 0 0 10px #333; } .product_list_in li img { display: block; width: 100%; } .product_list_in li span { width: 100%; height: 50px; line-height: 50px; text-align: center; color: #000; overflow: hidden; font-size: 18px; font-weight: normal; margin-top: 5px; display: block; } @media (max-width:768px) { .index-product { padding: 0 15px; } .index_product_title li { float: left; width: 32%; margin-bottom: 5px; margin-left: 1%; font-size: 14px; background: #f0f0f0 } .index_product_title { height: auto; } .product_list_in li { width: 48%; float: left; border-radius: 3px; overflow: hidden; ; margin-right: 0; margin-top: 20px } .product_list_in li:nth-of-type(even) { margin-left: 4% } .product_list_in li:nth-of-type(n+5) { display: none; } .product_list_in li h3 { height: 40px; line-height: 40px; } } /* 产品分类 :end */ #page-nav { padding: 20px 0; text-align: center; /* margin-top:20px; */ } #page-nav ul { display: inline-block; /* background-color:#fff; */ } #page-nav ul li { float: left; width: 40px; height: 40px; line-height: 40px; border-right: none; transition: all 0.2s linear; list-style: none; background-image: none; padding: 0; margin-right: 10px; background-color: rgba(149, 149, 149, 0.18); } #page-nav ul li a { display: block; width: 100%; height: 100%; color: #999; } #page-nav ul li:last-of-type { width: 40px; } #page-nav ul li.current, #page-nav ul li:hover { background-color: #16418a; color: #fff; } #page-nav ul li.current a, #page-nav ul li:hover a { color: #fff; } #page-nav ul::before { content: ''; display: block; height: 0; overflow: hidden; clear: both; } .clearfix::after { clear: both; content: ''; height: 0; visibility: hidden; display: block; } /* 20200729新增 结束 */ /*20200731*/ @font-face {font-family: "iconfont"; src: url('iconfont.eot?t=1596164391504'); /* IE9 */ src: url('iconfont.eot?t=1596164391504#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAO4AAsAAAAAB+gAAANqAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqCfIJFATYCJAMUCwwABCAFhG0HUhvbBhEVnHHI/lRAx1XtDyhIkgKPk0GLPbPAClA+muA+F47JXz6kz6uh0lYl+v1G8Py3P/73mZkHMIFJYDK6lbS6GNKrH8xG/PnCA9279/duAWUdZZ8DiZYFOrbdBRhYmnjCUwuAv5/bLIlhksUjlUzlVhHPRH2//lVrmF8Xix76tjb9KoaqkBGG7bBdfmtG/nlW/kLoULa2WrXKzAkbt5pOiB6Avy6/OO1TZaU7S7i/6xP8fy6ndw3x+e2sHOaY2lEvwGgCZdne2CYrkES9YewmgoZ4HgI4EkocUlhc2Yg9BjBNABkZ7O/EPqPDNBQL9gi2FWsNsoeFvbqqP7DLvy9/EJoLChsNmFu7Kuoh92Vz56wLM4rAn84CGJtAA3GAAZmqtI2go1gcGkdvsCEXcMQehZqqV+qczSQC4BAc4R8eaAwKAbFFZnEGIJe4ge9DjEHD97GUKnkrY1DwfSp4lrNsAHAEHIBeYDlAFTblSwRBG9Pzcq8wiva9jX29Pc39HcdnOOELuqqrHWzFw7rganW8R17T3EcHzY1GBce/k4RpXoyfL3YQdcuevFEzyuKUTQN0FvveO4lvKe22OGjew9J24Lrq4R85mq6rw/rX8cwGvwkp3m0kZ965EEQ0hw/nHc2OjnxF59buQJ7gZN9BDJbBpH9O+lw8trM5jtF+Pcjn8pn7EJX+KKjOlr+Q9okC+Xbl3dZKR2TZ712g/Nb2MVvOV3aS2ACu0u1awKr/DQCLLuleAP1Ib//Yb1j55pb53z4wAXgzuQj3WQzRPW6PAoP/f/gdq4wvBHob41Zinmu3ISKlQ3kNjsBfcXnyfhqVzx0nBHt8ElDYEWLR2PtkYcvkOLDBiUSwxZ4ccCSWks1OeDGFRowHxLAsgeDOLShceQCNO89RQ34HNvjyD2xx1wxwpFnz2tOJCA1gwx1jJdhC/QHb0KyRUUJRfEazjhWnhZxyR15sELI4zSdPOCNPsWB5mlxEg2aa4ChdhuNI4Jh6bCTuRFyZJLrqTXFDkwrVjrESbKH+gG1o1rS+hIXPn9GsY8UNuB7zHXmx3UMWpx3Qk2zuhLuVa5anyUU0aKYJjpIFRxgjcNWjemwk7gZEXJkotXRXWby8YnrHHYCvwHXWRtcMzdQszcbrbTULrZ7B2bQr+TyQBZFyrVIAAA==') format('woff2'), url('iconfont.woff?t=1596164391504') format('woff'), url('iconfont.ttf?t=1596164391504') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg?t=1596164391504#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-jiantou:before { content: "\e656"; } .icon-gengduo:before { content: "\e63f"; } .icon-gengduo1:before { content: "\e62a"; } .icon--_jiantou:before { content: "\e638"; } .index_product_more{ height: 50px; margin-top:35px; } .index_product_more a{ display: block; margin:0 auto; width:200px; height: 45px; border-radius: 20px; line-height: 45px; text-align: center; font-size: 16px; letter-spacing: 1px; /* box-sizing: border-box; */ } .index_product_more a{ /* border: 1px solid #ccc; */ color:#333; box-shadow: 0 0 5px #333; transition: all 0.3s; } .index_product_more a:hover{ background: rgb(22,65,138); color:#fff; box-shadow: 0 0 0px #333; /* border:none; */ } /*20200731*/ .table { width: 100%; border: 0; border-collapse: collapse; background-color: #f3f3f3; font-size: 14px; } .table td { border: 1px solid #e0e0e0; padding: 15px 0; text-align: center; } .table td.normal { color: #333 !important; background-color: #f3f3f3 !important; } .table1 tr td:first-of-type, .table2 tr:first-of-type td, .table .bg { background-color: #666 !important; color: #fff; cursor: pointer; } .table .bg2{ background-color: #f3f3f3 !important; } .table tr:nth-last-of-type(odd) { background-color: #eee; }