@charset "utf-8"; .content { width: 1300px; height: auto; margin: 0 auto; box-sizing: border-box; } .content234 { width: 100%; height: auto; margin: 0 auto; box-sizing: border-box; } img { max-width: 100%; } .page-down { width: 30px; height: 30px; background: #999; position: fixed; bottom: 30px; right: 30px; text-align: center; line-height: 30px; font-size: 18px; color: #fff; cursor: pointer; display: none; z-index: 99999; } .page-down:hover { background: #038cc0; } .table { display: table; width: 100%; height: 100%; } .table .cell { display: table-cell; text-align: center; vertical-align: middle; } .smallest-screen { position: fixed; z-index: 999999; width: 100%; height: 100%; background: url(../images/displaynone.png) no-repeat center #666; display: none; } @media only screen and (max-width : 319px) { .smallest-screen { display: block; } /*判断屏幕小于319px隐藏显示网站*/ } .white { color: #fff !important; } .webmain { overflow: hidden; min-width: 1300px; } .tishi { text-align: center; color: #333; font-size: 14px; } .tupian { width: 100%; background: #f1f1f1; } .middle_holder { display: inline-block; font-size: 0; width: 0; height: 50px; vertical-align: middle; } .middle { display: inline-block; vertical-align: middle; width: 100%; } .nav_handle { display: none; position: relative; width: 27px; padding: 0 0 0 15px; cursor: pointer; float: right; } .nav_handle b { width: 27px; height: 10px; position: relative; } .nav_handle b i { display: block; position: absolute; left: 0; right: 0; height: 2px; background-color: #333; top: 0; -webkit-transform-origin: 29% 50%; transform-origin: 29% 50%; transition: all .3s ease; -webkit-transition: all .3s ease; } .nav_handle b .l_2 { top: auto; bottom: 0; } .nav_handle.on b i { transform: rotate(45deg); background: #038cc0; } .nav_handle.on b .l_2 { transform: rotate(-45deg); } .banner { position: relative; overflow: hidden; } .banner img { width: 1920px; height: auto; } .banner .pagination { z-index: 99; text-align: center; line-height: 30px; height: 30px; width: 100%; position: absolute; left: 0; bottom: 10px; } .banner .pagination .swiper-pagination-switch { cursor: pointer; width: 20px; height: 20px; display: inline-block; margin: 0 12px; border-radius: 50%; box-sizing: border-box; border: 3px solid #fff; } .banner .pagination .swiper-active-switch { background: #038cc0; border-color: #038cc0; } .banner .banner-left { display: none; position: absolute; opacity: .8; font-size: 50px; color: #fff; left: 20px; top: 50%; width: 40px; height: 110px; line-height: 110px; margin-top: -55px; } .banner .banner-right { display: none; position: absolute; opacity: .8; font-size: 50px; color: #fff; right: 20px; top: 50%; width: 40px; height: 110px; line-height: 110px; margin-top: -55px; } .banner .banner-left:hover, .banner .banner-right:hover { opacity: 1; } /*.banner {width: 100%;position: relative;height: auto;background: #eee; display: table;} .banner .by{ line-height: 35px; background: rgba(120,188,39,0.65); font-size: 15px; color: #fff; position: absolute; width: 100%; left: 0; top: 0; z-index: 999; } .banner .bd {margin: 0 auto;position: relative; width:100%; z-index: 0;overflow: hidden;} .banner .bd ul {width: 100% !important;} .banner .bd li {width: 100% !important;height: 743px;overflow: hidden;text-align: center; background-size:auto 100% !important; } .banner .bd li a {display: block;height: 1000px; position: absolute; left: 0; top: 0; width: 100%; z-index: 8;} .banner .hd {width: 100%;position: absolute;z-index: 1;bottom: 10px;left: 0;height: 30px;line-height: 30px;text-align: center;_background: #000;_filter: alpha(opacity=60);} .banner .hd ul {text-align: center;padding-top: 5px;} .banner .hd ul li {display: inline-block;margin: 0 5px;width: 10px;height: 10px;background: #fff;cursor: pointer;overflow: hidden;line-height: 999px; border-radius: 8px;} .banner .hd ul .on {background: #0c7ae9; width: 30px;} .banner .prev {background: url(../images/sprite.png) left top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%;margin-top: -50px;width: 45px;left: 0;opacity: 0.2;} .banner .prev:hover {opacity: 0.5;} .banner .next {background: url(../images/sprite.png) right top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%;margin-top: -50px;width: 45px;right: 0;opacity: 0.2;} .banner .next:hover {opacity: 0.5;}*/ .Bottomerkg { height: 59px; display: none; } .Bottomer { display: none; position: fixed; bottom: 0; width: 100%; background: #038cc0; z-index: 999999; box-shadow: 0 0 10px rgba(0, 0, 0, .2); } .Bottomer .BottomList li { width: 25%; float: left; display: inline-block; text-align: center; position: relative; padding: 10px 0px; } .Bottomer .BottomList li img { vertical-align: middle; height: 20px; } .Bottomer .BottomList li span { font-size: 14px; color: #fff; display: block; margin-top: 5px; } .Bottomer .BottomList li p { font-size: 14px; color: #D5A334; margin: 0; position: absolute; right: 20px; top: 10px; } .intop { line-height: 30px; background: #efefef; color: #666; } .header { padding: 45px 0; } .header .logo { float: left; padding-right: 15px; } .header .title { padding-left: 15px; line-height: 38px; font-size: 20px; color: #333; float: left; } .header .title span { color: #038cc0; } .header .phone { float: right; line-height: 25px; font-size: 16px; color: #333; } .header .phone .tit { font-size: 18px; color: #038cc0; } .inmuen { line-height: 45px; background: #038cc0; } .inmuen ul li { display: block; float: left; } .inmuen ul li a { display: block; padding: 0 34px; font-size: 16px; color: #fff; } .inmuen ul li:hover a, .inmuen ul li.on a { background: #2eafe0; } .inkey { padding: 10px 0; line-height: 22px; background: #038cc0; color: #fff; font-size: 14px; } .inkey a { color: #fff; padding: 0 10px; } .injiagong { padding: 60px 0; } .injiagong .lmtit { font-size: 35px; text-align: center; margin-bottom: 5px; } .injiagong .lmjj { text-align: center; font-size: 14px; color: #999; margin-bottom: 50px; } .injiagong .bd ul li { display: block; width: 25%; float: left; } .injiagong .bd ul li a { display: block; padding: 0 7px; } .injiagong .bd ul li .li { position: relative; border-bottom: 3px solid #038cc0; } .injiagong .bd ul li .pic { overflow: hidden; } .injiagong .bd ul li img { transition: all .5s; } .injiagong .bd ul li .wz { background: url(../images/index_02.png) no-repeat top center; width: 90%; margin: 0 auto; position: relative; top: -50px; padding: 45px 20px 0; box-sizing: border-box; } .injiagong .bd ul li .tit { height: 25px; line-height: 25px; font-size: 18px; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; } .injiagong .bd ul li .jj { height: 66px; line-height: 22px; overflow: hidden; font-size: 14px; color: #999; overflow: hidden; } .injiagong .bd ul li:hover img { transform: scale(1.1, 1.1); } .inpro { padding: 60px 0 40px; background: url() no-repeat center #f3f3f3; background-size: auto 950px !important; } .inpro .leftnav { width: 300px; float: left; background: #fff; padding-bottom: 20px; min-height: 949px; } .inpro .leftnav .lmtit { padding: 20px; background: #038cc0; color: #fff; } .inpro .leftnav .lmtit .en { font-size: 18px; } .inpro .leftnav .lmtit .cn { font-size: 28px; } .inpro .leftnav .tit { margin-top: 10px; line-height: 50px; padding: 0 15px; font-size: 20px; color: #333; border-bottom: 1px solid #dfdfdf; margin-bottom: 10px; } .inpro .leftnav .li { width: 82%; margin: 0 auto 10px; background: #ebebeb; padding: 0 10px; font-size: 14px; color: #666; display: block; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .inpro .leftnav .li:hover { background: #038cc0; color: #fff; } .inpro .right { width: 970px; float: right; } .inpro .right ul { display: block; position: relative; width: 102%; left: -1%; } .inpro .right ul li { display: block; width: 31.333333%; margin: 0 1% 2%; float: left; position: relative; } .inpro .right ul li .tit { height: 40px; line-height: 40px; font-size: 14px; color: #fff; padding: 0 10px; box-sizing: border-box; width: 100%; position: absolute; z-index: 99; left: 0; bottom: 0; text-align: center; background: rgba(0, 0, 0, .6); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .inpro .right ul li .pic { overflow: hidden; } .inpro .right ul li img { transition: all .5s; } .inpro .right ul li:hover img { transform: scale(1.1, 1.1); } .inyoushi { padding: 60px 0; } .inyoushi .lmtit { font-size: 45px; text-align: center; margin-bottom: 5px; } .inyoushi .lmtit span { font-size: 70px; color: #038cc0; font-weight: bold; } .inyoushi .lmjj { text-align: center; font-size: 14px; color: #999; margin-bottom: 50px; } .inyoushi .nr { position: relative; height: 1425px; } .inyoushi .nr .xian { height: 1050px; width: 1px; background: #038cc0; left: 50%; top: 70px; position: absolute; z-index: 9; } .inyoushi .nr .li { position: absolute; } .inyoushi .nr .li .pic { width: 580px; float: left; } .inyoushi .nr .li .sz { width: 70px; height: 70px; background: #038cc0; line-height: 70px; text-align: center; font-size: 35px; font-weight: bold; color: #fff; float: left; border-radius: 50%; margin: 70px 75px 0 35px; z-index: 99; position: relative; } .inyoushi .nr .li .wz { float: left; margin-top: 70px; width: 460px; } .inyoushi .nr .li .wz .tit { font-size: 28px; color: #038cc0; margin-bottom: 20px; } .inyoushi .nr .li .wz .jj { font-size: 16px; color: #666; line-height: 30px; } .inyoushi .nr .li.li2 .pic { float: right; } .inyoushi .nr .li.li2 .sz { float: right; margin: 70px 35px 0 75px; } .inyoushi .nr .li.li2 .wz { width: 360px; } .inyoushi .nr .li.li2 .wz .tit { text-align: right; } .inyoushi .nr .li.wz1 { top: 0; left: 0; } .inyoushi .nr .li.wz2 { top: 335px; right: 0; } .inyoushi .nr .li.wz3 { top: 690px; left: 0; } .inyoushi .nr .li.wz4 { top: 1035px; right: 0; } .inyoushi .nr .li.wz5 { top: 1370px; right: 0; } .inpinzhi { padding: 60px 0; background: url() no-repeat center #038cc0; } .inpinzhi .lmtit { font-size: 35px; text-align: center; margin-bottom: 5px; color: #fff; } .inpinzhi .lmjj { text-align: center; font-size: 14px; color: #ccc; } .inpinzhi .hd { text-align: center; padding: 40px 0; } .inpinzhi .hd ul li { display: inline-block; line-height: 50px; padding: 0 40px; background: #09537a; font-size: 16px; color: #fff; margin: 0 20px; cursor: pointer; } .inpinzhi .hd ul li.on { background: #2eafe0; } .inpinzhi .bd ul { position: relative; width: 101%; left: -.5%; } .inpinzhi .bd ul .li { width: 24%; margin: 0 .5%; float: left; } .inpinzhi .bd ul li { position: relative; margin-bottom: 4%; } .inpinzhi .bd ul li .pic { overflow: hidden; position: relative; } .inpinzhi .bd ul li img { transition: all .5s; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 9; } .inpinzhi .bd ul li .tit { z-index: 99; height: 40px; line-height: 40px; font-size: 14px; color: #fff; padding: 0 10px; box-sizing: border-box; width: 100%; position: absolute; z-index: 99; left: 0; bottom: 0; text-align: center; background: rgba(0, 0, 0, .6); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .inpinzhi .bd ul li:hover img { transform: scale(1.1, 1.1); } .inpinzhi .bd ul li.one { float: left; width: 49%; margin: 0 .5%; } .incase { padding: 60px 0; } .incase .lmtit { font-size: 35px; text-align: center; margin-bottom: 5px; } .incase .lmjj { text-align: center; font-size: 14px; color: #999; margin-bottom: 50px; } .incase .nr { position: relative; padding-right: 400px; min-height: 635px; } .incase .nr .hd { position: absolute; width: 530px; right: 0; top: 0; } .incase .nr .bd{ width:750px} .incase .nr .hd ul li { display: block; width: 48%; margin: 0 1% 1%; float: left; text-align: center; padding: 94px 10px; background: #787878; color: #fff; cursor: pointer; box-sizing: border-box; } .incase .nr .hd ul li .ico { line-height: 60px; } .incase .nr .hd ul li .cn { font-size: 16px; height: 22px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .incase .nr .hd ul li .en { font-size: 12px; color: #ccc; text-transform: uppercase; height: 15px; line-height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .incase .nr .hd ul li.on { background: #038cc0; } .incase .nr .bd ul li .wz { background: #eaeaea; padding: 15px; } .incase .nr .bd ul li .wz .tit { margin-bottom: 5px; font-size: 20px; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .incase .nr .bd ul li .wz .jj { font-size: 14px; color: #999; height: 44px; line-height: 22px; overflow: hidden; } .incase .nr .bd ul li .wz .jj a { color: #038cc0; } .innews { padding: 60px 0; background: url(../images/index_14.jpg) no-repeat center bottom #5d5e60; } .innews .lmtit { font-size: 35px; text-align: center; margin-bottom: 5px; color: #fff; } .innews .lmjj { text-align: center; font-size: 14px; color: #ccc; margin-bottom: 50px; } .innews .list { width: 48%; float: left; } .innews .list .slmtit { height: 50px; line-height: 50px; position: relative; color: #fff; margin-bottom: 15px; } .innews .list .slmtit .xian { width: 100%; height: 1px; background: #fff; position: absolute; top: 50%; left: 0; z-index: 9; } .innews .list .slmtit span { background: #5d5e60; position: relative; z-index: 99; float: left; display: block; font-size: 30px; } .innews .list .slmtit a { display: block; float: right; padding-left: 10px; background: #5d5e60; position: relative; z-index: 99; color: #fff; font-size: 14px; } .innews .list .one { margin-bottom: 20px; } .innews .list .one .pic { overflow: hidden; margin-bottom: 10px; } .innews .list .one img { transition: all .5s; } .innews .list .one:hover img { transform: scale(1.1, 1.1); } .innews .list .one .tit { position: relative; height: 40px; line-height: 40px; font-size: 18px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 100px; } .innews .list .one .tit span { background: #038cc0; left: 0; top: 8px; display: block; position: absolute; width: 70px; height: 24px; line-height: 24px; border-radius: 12px; font-size: 16px; color: #fff; text-align: center; } .innews .list .one .jj { height: 50px; line-height: 25px; font-size: 16px; color: #a4a5a6; overflow: hidden; } .innews .list .one:hover .tit { color: #038cc0; } .innews .list ul { display: block; padding: 20px 15px; background: #404040; } .innews .list ul li { display: block; line-height: 30px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #c0c0c0; } .innews .list ul li .date { width: 100px; position: absolute; right: 0; top: 0; text-align: right; } .innews .list ul li:hover { color: #038cc0; } .innews .right { width: 48%; float: right; } .innews .zhichi .slmtit { height: 50px; line-height: 50px; position: relative; color: #fff; margin-bottom: 15px; } .innews .zhichi .slmtit .xian { width: 100%; height: 1px; background: #fff; position: absolute; top: 50%; left: 0; z-index: 9; } .innews .zhichi .slmtit span { background: #5d5e60; position: relative; z-index: 99; float: left; display: block; font-size: 30px; } .innews .zhichi .slmtit a { display: block; float: right; padding-left: 10px; background: #5d5e60; position: relative; z-index: 99; color: #fff; font-size: 14px; } .innews .zhichi .nr ul li { display: block; min-height: 145px; padding-left: 260px; position: relative; margin-bottom: 20px; } .innews .zhichi .nr ul li .pic { overflow: hidden; width: 240px; position: absolute; left: 0; top: 0; } .innews .zhichi .nr ul li img { transition: all .5s; } .innews .zhichi .nr ul li .tit { height: 30px; line-height: 30px; font-size: 16px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .innews .zhichi .nr ul li .jj { font-size: 14px; color: #c0c0c0; line-height: 25px; height: 50px; overflow: hidden; } .innews .inque { padding: 10px 15px; background: #404040; } .innews .inque .slmtit { font-size: 30px; color: #fff; margin-bottom: 15px; } .innews .inque .nr ul li { display: block; } .innews .inque .nr ul li .tit { height: 30px; line-height: 30px; } .innews .inque .nr ul li .tit span { display: inline-block; vertical-align: middle; width: 18px; height: 18px; line-height: 18px; text-align: center; background: #038cc0; font-size: 14px; color: #fff; margin-right: 10px; } .innews .inque .nr ul li .tit a { font-size: 16px; color: #fff; } .innews .inque .nr ul li .tit a:hover { color: #038cc0; } .innews .inque .nr ul li .jj { display: none; overflow: hidden; height: 44px; line-height: 22px; font-size: 14px; color: #c0c0c0; margin: 5px 0; } .innews .inque .nr ul li .jj a { color: #fff; } .innews .inque .nr ul li.on .jj { display: block; } .innews .inque2 { padding: 10px 15px; background: #404040; } .innews .inque2 .slmtit { font-size: 30px; color: #fff; margin-bottom: 15px; } .innews .inque2 .nr ul li { display: block; } .innews .inque2 .nr ul li .tit { height: 30px; line-height: 30px; } .innews .inque2 .nr ul li .tit span { display: inline-block; vertical-align: middle; width: 18px; height: 18px; line-height: 18px; text-align: center; background: #038cc0; font-size: 14px; color: #fff; margin-right: 10px; } .innews .inque2 .nr ul li .tit a { font-size: 16px; color: #fff; } .innews .inque2 .nr ul li .tit a:hover { color: #038cc0; } .innews .inque2 .nr ul li .jj { display: none; overflow: hidden; height: 44px; line-height: 22px; font-size: 14px; color: #c0c0c0; margin: 5px 0; } .innews .inque2 .nr ul li .jj a { color: #fff; } .innews .inque2 .nr ul li.on .jj { display: block; } .inabout { padding: 60px 0; } .inabout .lmtit { font-size: 35px; text-align: center; margin-bottom: 5px; } .inabout .lmjj { text-align: center; font-size: 14px; color: #999; margin-bottom: 50px; } .inabout .nr { padding-bottom: 30px; font-size: 18px; line-height: 35px; color: #666; } .inabout .more { width: 160px; height: 44px; line-height: 44px; font-size: 16px; color: #fff; border-radius: 22px; margin: 0 auto; background: #038cc0; display: block; text-align: center; } .inabout .more:hover { opacity: .8; } .footer { padding-top: 55px; background: url() no-repeat center #038cc0; } .footer .fnav { width: 170px; margin-right: 50px; border-right: 1px solid #2eafe0; min-height: 240px; float: left; } .footer .fnav .tit { font-size: 20px; color: #fff; margin-bottom: 20px; } .footer .fnav a { font-size: 14px; color: #fff; display: block; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .footer .fnav a:hover { color: #038cc0; } .footer .fcon { width: 380px; float: right; } .footer .fcon .tit { font-size: 20px; color: #fff; margin-bottom: 20px; } .footer .fcon .nr { font-size: 14px; color: #fff; line-height: 30px; } .footer .fcon .nr i { width: 30px; text-align: center; font-size: 18px; } .footer .banq { padding: 10px 0; font-size: 14px; color: #fff; line-height: 22px; border-top: 1px solid #2eafe0; margin-top: 50px; } .nybanner { height: 400px; background-size: auto 100% !important; } .badux2_clear { clear: both } .badux2_none { display: none } .badux2_hidden { visibility: hidden } .badux2_fl { float: left } .badux2_fr { float: right } .tem_inner { width: 1300px; margin: 0 auto; } .key-serch { width: 100%; background: #f7f7f7; height: 68px; padding: 0px 0; } .key-serch .tem_inner { height: 68px; overflow: hidden; } .key-serch .keywords { font-size: 14px; line-height: 68px; color: #323333; font-weight: bold; float: left; padding-left: 0px; width: 630px; } .key-serch .keywords span { color: #038cc0; } .key-serch .keywords a { font-size: 14px; color: #808080; margin: 0 5px; font-weight: normal; } .key-serch .keywords a:hover { color: #038cc0 } .key-serch .search { margin: 15px 0 0; float: right; } .key-serch .search span.navsearch_input { position: relative; display: block; float: left; } .key-serch .search span.navsearch_input input { float: left; border: #fff solid 1px !important; border-right: #fff solid 0px !important; height: 36px; line-height: 34px; width: 300px; outline: none; text-indent: 12px; overflow: hidden; border-radius: 0; background: #fff; color: #d3d3d3; } .key-serch .search span.navsearch_input label { left: 15px; top: 0px; z-index: 1; cursor: text; font-size: 12px; position: absolute; line-height: 36px; } .key-serch .search .searchgo { color: #fff; background: #038cc0; padding: 0 15px; height: 38px; border: 0; float: left; margin-left: 0px; border-radius: 0; } .key-serch .search .searchgo i { font-size: 18px; } .key-serch .search ::-webkit-input-placeholder { color: #d3d3d3 !important; } .key-serch .search ::-moz-placeholder { color: #d3d3d3 !important; } .key-serch .search :-ms-input-placeholder { color: #d3d3d3 !important; } .key-serch .search input:-moz-placeholder { color: #d3d3d3 !important; } .badux2_position { position: relative; top: 0px; left: 0px; float: left; color: #666666; padding-left: 18px; line-height: 68px; font-size: 14px; background: url(../images/position.png) left center no-repeat; } .badux2_position span { color: #666666; } .badux2_position a { color: #666666; font-family: 'Microsoft YaHei', Tahoma, Verdana, 'Simsun'; } .badux2_position a:last-child { color: #666666; } .badux2_section { padding: 20px 0; width: 1300px; margin: 0 auto; } .badux2_section aside { position: relative; float: left; width: 220px; padding-top: 10px; } .badux2_section article { float: left; margin-left: -220px; width: 100%; } .badux2_section article .badux2_article { margin-left: 250px; } .badux2_section_asidenone article { float: none; margin-left: 0; } .badux2_section_asidenone article .badux2_article { margin-left: 0; } .badux2_section aside section { border: 0px solid #e8e8e8; background: transparent; } .badux2_section aside section h2 { font-size: 22px; font-weight: bold; text-align: left; color: #ffffff; line-height: 30px; padding: 30px 0 30px 60px; margin: 0; background: #038cc0 url(../images/aside_title.png) no-repeat 25px center; border-bottom: 0px solid #038cc0; } .badux2_section aside section h2 span { font-size: 18px; width: 100%; display: block; line-height: 18px; font-weight: normal; margin-top: 5px; } .badux2_section aside .badux2_aside_list { padding: 0px; background: transparent; border: 0px solid #eeeeee; padding: 0px; } .badux2_section aside .badux2_aside_list .badux2_clear { border-top: 1px solid #fff; } .badux2_section aside .badux2_aside dl dt { border-top: 0px solid #ffffff; border-bottom: 0px solid #d2d2d2; background: transparent; } .badux2_section aside .badux2_aside dl:first-child dt { border-top: 0px solid #f9f9f9; } .badux2_section aside .badux2_aside dl:last-child dt { border-bottom: 0px solid #f9f9f9; } .badux2_section aside .badux2_aside dl dt { line-height: 20px; font-weight: normal; } .badux2_section aside .badux2_aside dl dt a { display: block; padding: 10px 10px 10px 25px; color: #666666; font-size: 15px; border: 1px solid #dddddd; background: transparent; position: relative; margin-top: 10px; } .badux2_section aside .badux2_aside dl dt a:hover:before, .badux2_section aside .badux2_aside dl dt:hover a:before, .badux2_section aside .badux2_aside dl dt.on a:before, .badux2_section aside .badux2_aside dl dt.ons a:before { background: #fff; } .badux2_section aside .badux2_aside dl dt a .grayimg { width: 25px; height: 55px; overflow: hidden; display: inline-block; float: left; margin: 0 10px 0 0; background-size: 25px auto !important; } .badux2_section aside .badux2_aside dl dt a img { width: 25px; margin: 15px 0px; height: 25px; } .badux2_section aside .badux2_aside dl dt a:hover .gray, .badux2_section aside .badux2_aside dl dt.on .gray { color: #282929; } .badux2_section aside .badux2_aside dl dt a:hover, .badux2_section aside .badux2_aside dl dt:hover a { color: #fff; background: #038cc0; } .badux2_section aside .badux2_aside dl dt.on, .badux2_section aside .badux2_aside dl dt.on a, .badux2_section aside .badux2_aside dl dt.ons, .badux2_section aside .badux2_aside dl dt.ons a { color: #fff; background: #038cc0; } .badux2_section aside .badux2_aside dl dt { position: relative; } .badux2_section aside .badux2_aside dl dt .slideclick { position: absolute; height: 100%; width: 40px; right: 0px; top: 0px; background: url(../images/lefticons.png) no-repeat 15px center; padding: 0 0px; } .badux2_section aside .badux2_aside dl dt.on .slideclick, .badux2_section aside .badux2_aside dl dt:hover .slideclick { background: url(../images/lefticons_hover.png) no-repeat 15px center; } .badux2_section aside .badux2_aside dl dt .slideclickon, .badux2_section aside .badux2_aside dl dt.on .slideclickon, .badux2_section aside .badux2_aside dl dt:hover .slideclickon { background: url(../images/lefticonsa_hover.png) no-repeat 13px center; color: #038cc0; } .badux2_section aside .badux2_aside dl dd { padding: 10px 10px; display: none; background: #f2f2f2; } .badux2_section aside .badux2_aside dl dd.ecoclassslide { display: block; } .badux2_section aside .badux2_aside dl dd a { display: block; color: #323333; font-size: 13px; font-weight: normal; line-height: 20px; padding: 8px 0 8px 15px; border-bottom: 0px solid #e6e6e5; border-top: 0px solid #f9f9f9; } .badux2_section aside .badux2_aside dl dd a:hover { color: #038cc0 !important; } .badux2_section aside .badux2_aside dl dd a:hover span { border-bottom: 0px solid #038cc0; } .badux2_section aside .badux2_aside dl dd span { border-bottom: 0px solid rgba(0, 0, 0, 0); } .badux2_section aside .badux2_aside dl dd h4 { border-bottom: 0px solid #fff; } .badux2_section aside .badux2_aside dl dd:first-child h4 { border-top: 0px solid #f9f9f9 !important; } .badux2_section aside .badux2_aside dl dd a:hover, .badux2_section aside .badux2_aside dl dd h4.active a { color: #038cc0; } .badux2_section aside .badux2_aside dl dd .on a, .badux2_aside dl dd a:hover { color: #038cc0; } .badux2_section aside .badux2_aside dl dd a:hover span, .badux2_section aside .badux2_aside dl dd h4.active a span, .badux2_section aside .badux2_aside dl dd .on a span, .badux2_aside dl dd a:hover span { border-bottom: 0px solid #038cc0; } .badux2_section aside .badux2_related { margin-top: 20px; margin-bottom: 20px; background: #f1f1f1; } .badux2_section aside .badux2_related h2 { padding: 0px 10px 0px 10px; height: 63px; line-height: 63px; overflow: hidden; background: #038cc0; font-size: 24px; color: #fff; text-align: center; border-bottom: 1px solid #fff; font-weight: normal; } .badux2_section aside .badux2_related h2 span { font-size: 16px; } .badux2_section aside .badux2_related .show_contact { padding: 20px 15px; color: #323333; line-height: 2; } .badux2_section aside .badux2_related ul { padding: 5px; } .badux2_section aside .badux2_related li { overflow: hidden; list-style: none; text-align: left; height: 36px; line-height: 36px; background: url(../images/li.png) no-repeat 8px center; width: 100%; float: left; font-size: 12px; border-top: 1px solid #dcdcdc; } .badux2_section aside .badux2_related li:first-child { border: 0px; } .badux2_section aside .badux2_related li a { display: block; font-size: 12px; color: #666666; padding: 0 10px 0 20px; } .badux2_section aside .badux2_related li span.time { float: right; padding-left: 5px; color: #aaa9a9; } .badux2_section aside .badux2_related li:hover a { display: block; font-size: 12px; color: #038cc0; } .badux2_section aside .badux2_left_aside h2 { text-align: center; } .badux2_section aside .badux2_left_aside .badux2_related_contact { padding: 20px 20px; line-height: 24px; background: #e1e0e0; color: #323333; font-size: 12px; } .eco_aside_list h3 { color: #323333; font-size: 24px; line-height: 24px; font-weight: normal; padding: 0 0px 0 15px; border-left: 3px solid #aaaaaa; margin-bottom: 20px; margin-top: 20px; } .badux2_section aside .eco_aside_listb { background: #141414; } .badux2_section aside .eco_aside_listb h3 { color: #fff; } .badux2_section aside .eco_aside_listb dl dt { background: #141414; } .badux2_section aside .eco_aside_listb dl dt a { color: #fff; } .badux2_section aside .eco_aside_listb dl dd a { color: #fff; } .badux2_section aside .badux2_search { margin-top: 20px; background: #f5f5f5; } .badux2_section aside .badux2_search h2 { color: #404040; line-height: 38px; height: 38px; font-size: 12px; padding: 5px 15px; background: #f5f5f5; text-align: left; font-weight: normal; border-bottom: 0px solid #282929; } .badux2_section aside .badux2_search .search { padding: 0 0px; height: 50px; } .badux2_section aside .badux2_search .search span.navsearch_input { position: relative; display: block; float: left; } .badux2_section aside .badux2_search .search span.navsearch_input input { float: left; border: #003d8c solid 1px !important; height: 40px; line-height: 40px; width: 190px; outline: none; text-indent: 12px; overflow: hidden; background: #f5f5f5; border-radius: 10px 0 0 10px; } .badux2_section aside .badux2_search .search span.navsearch_input label { left: 10px; top: 0px; height: 40px; line-height: 40px; z-index: 1; cursor: text; font-size: 14px; position: absolute; } .badux2_section aside .badux2_search .search .searchgo { color: #fff; padding: 0 20px; height: 42px; border: 0; float: left; border-radius: 10px; margin-left: -10px; background: #038cc0; background: -o-linear-gradient(right, #038cc0 0, #205fb4 100%); background: -moz-linear-gradient(right, #038cc0 0, #205fb4 100%); background: -webkit-linear-gradient(right, #038cc0 0, #205fb4 100%); background: linear-gradient(to right, #038cc0 0, #205fb4 100%); } .badux2_section aside .badux2_search .search .searchgo i { font-size: 16px; } .ecoslider { padding: 0; background: #f0f0f0; line-height: 95px; margin-bottom: 35px; } .badux2_article_head { position: relative; padding: 0; height: 50px; border-bottom: 1px solid #e4e4e4; line-height: 50px; margin-bottom: 30px; } .badux2_article_head:before { position: absolute; content: ''; left: 0; bottom: -1px; width: 50px; height: 0px; background: #038cc0; } .badux2_position { position: relative; top: 0px; left: 0px; float: left; color: #666666; padding-left: 18px; line-height: 68px; font-size: 14px; background: url(../images/position.png) left center no-repeat; } .badux2_position span { color: #666666; } .badux2_position a { color: #666666; font-family: 'Microsoft YaHei', Tahoma, Verdana, 'Simsun'; } .badux2_position a:last-child { color: #666666; } .badux2_article_head h1 { color: #666666; font-weight: bold; font-size: 20px; margin: 12px 0; padding: 0 0 0 12px; line-height: 26px; float: left; border-left: 3px solid #038cc0; } .badux2_section_sehed {} .badux2_section_head { height: 50px; color: #aaa; font-size: 12px; font-family: '宋体'; line-height: 50px; } .badux2_section_head a { color: #999; font-family: 'Microsoft YaHei', Tahoma, Verdana, 'Simsun'; } .badux2_section_head a:hover { color: #038cc0; } .badux2_ecoimg { padding: 0px 0 0px; } .badux2_article_heads { margin-top: 30px; position: relative; padding: 0; border-bottom: 2px solid #ececec; margin-bottom: 40px; } h3.badux2_related { color: #333333; display: inline-block; font-size: 22px; margin: 0 0 0px 0; padding: 10px 0; line-height: 24px; font-weight: normal; border-bottom: 2px solid #038cc0; } h3.badux2_related:before { width: 50px; height: 0px; margin: 0 auto; background: #038cc0; position: absolute; left: 0; bottom: -2px; content: ""; margin: 0 auto; } h3.badux2_related p { color: #999999; font-weight: normal; font-size: 14px; margin-top: 5px; } .badux2_article_heads .more { position: absolute; right: 0; top: 50%; margin-top: -11px; color: #8d8d8d; } .badux2_article_heads .more:hover { color: #038cc0; } h3.badux2_related span { color: #038cc0; } h3.badux2_related .titleen { margin-left: 10px; position: relative; display: inline-block; padding: 0; text-transform: Uppercase; font-size: 12px; color: #333333; font-weight: normal; height: 28px; line-height: 28px; top: 2px; } h3.badux2_related .titleen:before { width: 8px; height: 2px; margin: 0 auto; background: #038cc0; position: absolute; left: 0; top: 0px; content: ""; margin: 0 auto; } .badux2_aside_product ul { list-style: none; border: 1px solid #038cc0; padding: 15px 30px 10px; } .badux2_aside_product ul li { margin-bottom: 10px; } .badux2_aside_product ul li a { text-align: center; display: block; font-size: 0; text-align: center; margin: 0 auto; } .badux2_aside_product ul li img { border: 1px solid #d2d2d2; } .badux2_aside_product ul li h4 { padding: 0px 15px; height: 30px; line-height: 30px; overflow: hidden; text-align: center; position: relative; font-weight: normal; font-size: 14px; background: #d2d2d2; color: #323333; overflow: hidden; } .badux2_aside_product ul li:hover img { border: 1px solid #038cc0; } .badux2_aside_product ul li:hover h4 { background: #038cc0; color: #fff; } .badux2_relateds_yingyong { background: url(../images/relateds.jpg) no-repeat center; padding: 1px 0 70px; margin-bottom: -30px; margin-top: 30px; } .badux2_relateds_list { display: block; position: relative; margin: 0px -10px; } .badux2_relateds_list ul {} .badux2_relateds_list ul.slides li { list-style: none; padding: 0px 0px; text-align: center; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .badux2_relateds_list ul.slides li .details { padding: 2px 2px 0px; margin: 0 10px; background: #ffffff; } .badux2_relateds_list ul.slides li a { position: relative; display: block; } .badux2_relateds_list ul.slides li .desc { padding: 15px 20px; position: relative; } .badux2_relateds_list ul.slides li .desc i { position: absolute; right: 20px; top: 50%; margin-top: -12px; width: 24px; height: 24px; line-height: 22px; font-style: normal; font-size: 22px; text-align: center; border-radius: 50%; background: #cccccc; color: #fff; } .badux2_relateds_list ul.slides li img { display: block; width: 100%; } .badux2_relateds_list ul.slides li h5 { padding: 0px 0px; height: 20px; line-height: 20px; overflow: hidden; text-align: left; position: relative; font-weight: normal; font-size: 16px; color: #333333; } .badux2_relateds_list ul.slides li p { padding: 0px 0px; height: 20px; line-height: 20px; overflow: hidden; text-align: left; position: relative; font-weight: normal; font-size: 12px; color: #999999; } .badux2_relateds_list ul.slides li:hover h5, .badux2_relateds_list ul.slides li:hover p { color: #fff; } .badux2_relateds_list ul.slides li:hover .details { background: #038cc0; } .badux2_relateds_list ul.slides li:hover .desc i { background: #fff; color: #038cc0; } .badux2_relateds_list .flex-direction-nav li a { width: 40px; height: 40px; display: block; cursor: pointer; text-indent: -9999px; position: relative; font-size: 0px; margin: 0; top: 50%; margin-top: -20px; border: 1px solid #cfcfcf; position: absolute; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-radius: 50%; } .badux2_relateds_list .flex-direction-nav li a.flex-prev { left: -50px; background: url(../images/product_left.png) no-repeat center; background-size: 10px auto; } .badux2_relateds_list .flex-direction-nav li a.flex-next { right: -50px; background: url(../images/product_right.png) no-repeat center; background-size: 10px auto; } .badux2_relateds_list .flex-direction-nav li:hover a.flex-prev { background: #038cc0 url(../images/product_left_hover.png) no-repeat center; background-size: 10px auto; } .badux2_relateds_list .flex-direction-nav li:hover a.flex-next { background: #038cc0 url(../images/product_right_hover.png) no-repeat center; background-size: 10px auto; } .badux2_relateds_list .flex-direction-nav li a.flex-disabled { display: block; } .badux2_relateds_list .flex-control-nav { position: absolute; right: 0; bottom: -55px; left: 0; text-align: center; } .badux2_relateds_list .flex-control-nav li { margin: 0px; } .badux2_relateds_list .flex-control-nav li a { display: inline-block; margin: 0 5px; width: 10px; height: 10px; text-indent: -999em; cursor: pointer; background: transparent; border: 1px solid #038cc0; position: relative; } .badux2_relateds_list .flex-control-nav li a.flex-active, .badux2_relateds_list .flex-control-nav li a:hover { background: #038cc0; border: 1px solid #038cc0; } .news_related_list { margin: 0 -10px; padding-bottom: 30px; border-bottom: 0px solid #e1e1e1; } .news_related_list li { overflow: hidden; list-style: none; text-align: left; float: left; position: relative; margin: 0 10px; width: 590px; } .news_related_list li a { font-size: 14px; color: #323333; padding: 0 10px 0 15px; position: relative; border-bottom: 0px solid #eeeeee; display: block; height: 38px; line-height: 38px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news_related_list li a:before { width: 4px; height: 4px; position: absolute; left: 0; content: ''; top: 50%; margin-top: -2px; background: #038cc0; border-radius: 100%; } .news_related_list li span.time { float: right; padding-right: 0px; color: #999999; background: #fff; padding-left: 10px; z-index: 1; position: relative; } .news_related_list li:hover a { color: #038cc0; } .nyabout { font-size: 15px; color: #666; line-height: 35px; } .badux2_editor { line-height: 2 } .badux2_editor ul, .badux2_editor ol { padding: 0 0 0 25px; margin: 0 } .badux2_editor a { color: #1c57c4 } .badux2_editor a:hover { text-decoration: underline } .badux2_editor img { max-width: 100%; height: auto !important; } .badux2_editor blockquote { padding-top: 5px; padding-bottom: 5px; padding-left: 15px; border-left: 4px solid #e8e8e8 } .badux2_editor hr { display: block; padding: 0; border: 0; height: 0; border-top: 1px solid #e8e8e8; margin: 20px 0; -webkit-box-sizing: content-box; box-sizing: content-box } .badux2_editor .badux2videobox { text-align: center; visibility: hidden; margin: 10px auto; } .badux2_editor .video-js { max-width: 100%; } .badux2_editor table { width: 100% !important; margin-bottom: 1.6rem; border-spacing: 0 !important; border-collapse: collapse !important; padding: 0 !important; border: 0 } .badux2_editor table td { border: 1px solid #e8e8e8 !important } .badux2_editor table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { padding: .7rem; line-height: 1.6; vertical-align: top; border-top: 1px solid #e8e8e8 } .badux2_editor table > thead > tr > th { vertical-align: bottom; border-bottom: 1px solid #e8e8e8 } .badux2_editor #page_break .collapse { display: none } .badux2_editor #page_break .num { padding: 10px 0; text-align: center } .badux2_editor #page_break .num li { display: inline; margin: 0 2px; padding: 3px 5px; border: 1px solid #ccc; background-color: #fff; color: #666; text-align: center; cursor: pointer; font-family: Arial; font-size: 12px; overflow: hidden } .badux2_editor #page_break .num li.on { background-color: #ccc; color: #fff; font-weight: bold } .badux2_pager { text-align: center; padding: 20px 0 10px } .badux2_pager a { border: 1px solid #e2dfdf; text-align: center; border-radius: 5px; height: 38px; line-height: 38px; min-width: 38px; _width: 38px; text-align: center; display: inline-block; color: #474747; margin: 0 3px; background: #f0f0f0; } .badux2_pager a:hover { border: 1px solid #038cc0; color: #fff; background: #038cc0; } .badux2_pager .PreSpan, .badux2_pager .NextSpan { height: 40px; line-height: 40px; min-width: 60px; _width: 60px; border-radius: 5px; text-align: center; background: #fff; color: #474747; display: inline-block; border: 1px solid #e2dfdf; } .badux2_pager .PreA, .badux2_pager .NextA { height: 38px; line-height: 38px; min-width: 58px; _width: 58px; color: #474747 } .badux2_pager .PreSpan, .badux2_pager .PreA {} .badux2_pager .NextSpan, .badux2_pager .NextA {} .badux2_pager .firstPage, .badux2_pager .lastPage { font-weight: bold; height: 38px; line-height: 38px; min-width: 40px; _width: 40px; color: #aaa } .badux2_pager .Ahover { font-weight: bold; border: 1px solid #038cc0; color: #fff; background: #038cc0; } .badux2_pager .PageText { margin-left: 10px; color: #aaa } .badux2_pager #badux2_PageT, #badux2_PageB { text-align: center; border: 1px solid #e2dfdf; color: #474747; background: #fff; } .badux2_pager #badux2_PageT { width: 20px; padding: 11px 5px 10px } .badux2_pager #badux2_PageB { min-width: 40px; _width: 40px; padding: 9px 0; cursor: pointer; } *html .badux2_pager #badux2_PageT { height: 13px; line-height: 13px } *html .badux2_pager #badux2_PageB { padding: 0; height: 38px; line-height: 30px } * + html .badux2_pager #badux2_PageT { height: 13px; line-height: 13px } * + html .badux2_pager #badux2_PageB { padding: 0; height: 38px; line-height: 30px } .badux2_module1 { padding: 0px 10px 30px 10px } .badux2_module2 { padding: 20px 20px 0 20px; border: 1px solid #e8e8e8; } .badux2_module2_list { padding: 0px 0px 10px; margin-top: -15px; } .badux2_module2_list li { list-style: none; border-bottom: 1px solid #e8e8e8; padding: 15px 100px 15px 10px; position: relative } .badux2_module2_list h2 { font-weight: normal } .badux2_module2_list li p { color: #818181 } .badux2_module2_list li span.time { color: #818181; position: absolute; right: 10px; top: 15px } .badux2_module2_list li h2 i { margin-right: 10px; position: relative } .badux2_module2_list li.list_2 h2, .badux2_module2_list li.list_3 h2 { margin-bottom: 3px; font-weight: bold } .badux2_module2_list li.list_2 { padding: 15px 0 } .badux2_module2_list li.list_3 { padding-left: 100px; min-height: 80px } .badux2_module2_list li.list_3 img { position: absolute; left: 0; top: 15px } .badux2_module2_list li.list_3 span.time { position: static } .badux2_module2 h1.badux2_title { font-size: 20px; font-weight: normal; padding: 5px 0; margin-bottom: 10px; text-align: center; } .badux2_module2 .badux2_infos { color: #818181; font-size: 12px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e8e8e8; text-align: center; } .badux2_module2 .badux2_time { padding-right: 6px } .badux2_module2 .badux2_source { padding-right: 6px } .badux2_module2 .badux2_source a { color: #607fa6 } .badux2_module2 .badux2_editor { padding: 0 10px } .badux2_tools { border-top: 1px solid #e8e8e8; margin-top: 30px; position: relative; padding: 10px 10px 0; height: 50px; line-height: 50px } .badux2_tools .badux2_page { clear: both; position: absolute; right: 5px; top: 0; color: #818181 } .badux2_tools .badux2_page li { display: inline; list-style: none; margin-left: 30px; } .badux2_tools .badux2_page li span { padding-right: 5px; } .badux2_tools .badux2_page a { color: #607fa6 } .badux2_module3_list ul.lists_1 { list-style: none; margin: 0 -12px; } .badux2_module3_list ul.lists_1 li { float: left; text-align: center; margin: 0 10px; margin-bottom: 20px; width: 337px; } .badux2_module3_list ul.lists_1 li a { text-align: center; display: block; font-size: 0; text-align: center; margin: 0 auto; position: relative; background: #eeeeee; padding: 2px; border: 0px solid #bfbfbf; } .badux2_module3_list ul.lists_1 li .img { padding: 0px; background: #fff; position: relative; } .badux2_module3_list ul.lists_1 li .product_detail { padding: 15px 20px; position: relative; } .badux2_module3_list ul.lists_1 li h2 { padding: 0px 0px; height: 20px; line-height: 20px; overflow: hidden; text-align: left; position: relative; font-weight: normal; font-size: 16px; color: #333333; } .badux2_module3_list ul.lists_1 li p { padding: 0px 0px; height: 20px; line-height: 20px; overflow: hidden; text-align: left; position: relative; font-weight: normal; font-size: 12px; color: #999999; } .badux2_module3_list ul.lists_1 li i { position: absolute; right: 20px; top: 50%; margin-top: -12px; width: 24px; height: 24px; line-height: 22px; font-style: normal; font-size: 22px; text-align: center; border-radius: 50%; background: #cccccc; color: #fff; } .badux2_module3_list ul a img { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; width: 100% !important; } .badux2_module3_list ul.lists_1 li:hover a { border: 0px solid #038cc0; background: #038cc0; } .badux2_module3_list ul.lists_1 li:hover h2, .badux2_module3_list ul.lists_1 li:hover p { color: #fff; } .badux2_module3_list ul.lists_1 li:hover i { background: #fff; color: #038cc0; } .xgcase { padding: 50px 0; background: url(../images/relateds.jpg) no-repeat center; } .xgcase .lmtit { text-align: left; margin-bottom: 30px; } .xgcase .lmtit .cn { font-size: 25px; color: #333; margin-bottom: 0px; } .xgcasenr { position: relative; } .xgcasenr .bd ul li { display: block; width: 25%; float: left; } .xgcasenr .bd ul li a { display: block; padding: 0 15px; } .xgcasenr .bd ul li .pic { overflow: hidden; } .xgcasenr .bd ul li .pic img { width: 100%; height: 245px; transition: all .5s; } .xgcasenr .bd ul li:hover img { transform: scale(1.1, 1.1); } .xgcasenr .bd ul li .tit { height: 40px; line-height: 40px; font-size: 16px; text-align: center; color: #333; background: #d8d7d7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xgcasenr .bd ul li:hover .tit { background: #038cc0; color: #fff; } .xgcasenr .prev, .xgcasenr .next { opacity: .5; width: 40px; height: 60px; background: #a1a1a1; line-height: 60px; text-align: center; font-size: 30px; color: #fff; display: block; position: absolute; } .xgcasenr .prev:hover, .xgcasenr .next:hover { opacity: 1; } .xgcasenr .prev { left: -60px; top: 50%; margin-top: -30px; } .xgcasenr .next { right: -60px; top: 50%; margin-top: -30px; } .showpro { position: relative; } .box { position: absolute; left: 0; top: 0; background: #fff; } .tb-pic a { display: table-cell; text-align: center; vertical-align: middle; } .tb-pic a img { vertical-align: middle; max-width: 100%; max-height: 100%; } .tb-pic a { *display: block; *font-family: Arial; *line-height: 1; } .tb-thumb { margin: 10px 0 0; overflow: hidden; } .tb-thumb li { background: none repeat scroll 0 0 transparent; float: left; height: 62px; margin: 0 10px 0 0; overflow: hidden; padding: 2px; } .tb-s310, .tb-s310 a { height: 370px; width: 370px; } .tb-s310, .tb-s310 img { max-height: 370px; max-width: 370px; } .tb-s310 a { *font-size: 271px; } .tb-s40 a { *font-size: 35px; } .tb-s40, .tb-s40 a { height: 60px; width: 60px; } .tb-booth { border: 1px solid #CDCDCD; position: relative; z-index: 1; } .tb-thumb .tb-selected { background: none repeat scroll 0 0 #038cc0; height: 60px; padding: 2px; } .tb-thumb .tb-selected div { background-color: #FFFFFF; border: medium none; } .tb-thumb li div { border: 1px solid #CDCDCD; } div.zoomDiv { z-index: 999; position: absolute; top: 0px; left: 0px; width: 200px; height: 200px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; } div.zoomMask { position: absolute; background: url("../images/mask.png") repeat scroll 0 0 transparent; cursor: move; z-index: 1; } div.zoomDiv img { max-width: none !important; } .showprojj { min-height: 460px; } .showproleft * { transition: all 0.3s ease-in-out; } .showproleft { height: auto; padding-left: 400px; box-sizing: border-box; } .showproleft .title { line-height: 30px; font-size: 20px; padding-bottom: 20px; border-bottom: 1px solid #dfdfdf; margin-top: 20px; color: #038cc0; } .showproleft .jj { line-height: 30px; color: #666; padding-bottom: 25px; font-size: 14px; } .showproleft .jj hr { display: block; height: 1px; background: #dfdfdf; border: none; margin: 7px 0; } .showproleft .price { height: 50px; line-height: 50px; font-size: 20px; color: #098ed0; } .showproleft .advisory { display: block; width: 130px; height: 40px; background: #038cc0; color: #fff; text-align: center; line-height: 40px; font-size: 14px; border: 1px solid #038cc0; } .showproleft .advisory:hover { background: #fff; color: #038cc0; } .slideTxtBox { width: 100%; text-align: left; } .slideTxtBox .hd { height: 50px; line-height: 30px; border-bottom: 1px solid #ddd; position: relative; } .slideTxtBox .hd ul { width: 100%; position: absolute; left: 0px; top: -1px; height: 52px; } .slideTxtBox .hd ul li { float: left; padding: 0 20px; cursor: pointer; height: 50px; line-height: 50px; font-size: 16px; } .slideTxtBox .hd ul li.on { background: #fff; border: 1px solid #ddd; border-bottom: 2px solid #fff; color: #038cc0; font-weight: bold; } .slideTxtBox .bd ul { padding: 15px; zoom: 1; display: block; line-height: 35px; font-size: 15px; } #imglist ul.lists_1 { list-style: none; margin: 0 -12px; } #imglist ul.lists_1 li { float: left; text-align: center; overflow: hidden; width: 333px; margin: 0 12px auto; margin-bottom: 20px; } #imglist ul.lists_1 li figure { margin: 0; } #imglist ul.lists_1 li figcaption { font-size: 0; height: 0; } #imglist ul.lists_1 li a { text-align: center; display: block; background: #f7f7f7; border: 1px solid #e9e9e9; font-size: 0; padding: 7px 7px 0; text-align: center; } #imglist ul.lists_1 li h2 { display: block; font-size: 14px; padding: 0px 10px; font-weight: normal; color: #656565; overflow: hidden; height: 40px; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; } #imglist ul a img { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; width: 100% !important; } #imglist ul a:hover h2 { color: #038cc0 } #imglist ul.lists_2 { list-style: none; } #imglist ul.lists_2 li { padding: 0px 0px 20px; border-bottom: 1px dashed #e8e8e8; margin-bottom: 20px; } #imglist ul.lists_2 dt { float: left; position: relative; margin-right: 20px; } #imglist ul.lists_2 dt img { border: 1px solid #ddd; } #imglist ul.lists_2 dd h2 { padding: 0px 10px 10px 10px; font-size: 18px; color: #333333; font-weight: normal; } #imglist ul.lists_2 dd p { padding: 5px 10px 20px 10px; color: #666666; line-height: 28px; } #imglist ul.lists_2 dd .productmore a { width: 155px; height: 40px; background: #dadadc; line-height: 40px; padding: 10px 40px; color: #666666; } .tjwtBox { padding: 22px; width: 648px; background-color: #fff; font-family: 微软雅黑; } .tjwtBox h4 { padding-bottom: 14px; margin-bottom: 22px; font-size: 14px; color: #676364; border-bottom: 1px solid #e8e8e8; font-weight: normal; } .tjwtBox .m_form {} .tjwtBox .m_form li { margin-bottom: 13px; color: #777; height: 38px; } .tjwtBox .m_form label { display: inline-block; float: left; line-height: 36px; height: 36px; width: 77px; border: 1px solid #dedede; border-right-width: 0; text-align: center; background: #fff; } .tjwtBox .m_form .iptTxt { float: left; width: 252px; border: 1px solid #dedede; height: 16px; line-height: 16px; padding: 10px 0; outline: none; text-indent: 1em; background: #fff; color: #333; } .tjwtBox .m_form .btnTjly { width: 93px; height: 31px; background: #9d2737; border: none; cursor: pointer; color: #fff; } .tjwtBox .m_form li.yzm .iptTxt { float: left; width: 180px; } .tjwtBox .m_form .areLi label { height: 132px; } .tjwtBox .m_form .txtAre { float: left; width: 343px; height: 104px; border: 1px solid #dedede; outline: none; resize: none; padding: 14px; color: #333; line-height: 18px; } .tjwtBox .m_form .btnSubmit, .tjwtBox .m_form .btnReset { width: 161px; text-align: center; height: 36px; line-height: 36px; color: #fff; border: none; background-color: #b3b3b3; cursor: pointer; } .tjwtBox .m_form .btnSubmit { margin-right: 10px; background-color: #038cc0; cursor: pointer; } .tjwtBox .m_form .areLi { height: 138px; } .nycon1 { margin-top: 20px; } .nycon1 .lmtit { height: 50px; line-height: 50px; position: relative; padding-left: 17px; font-size: 18px; font-weight: bold; background: #038cc0; color: #fff; } .nycon1 .lmtit .kuai { position: absolute; width: 2px; height: 24px; background: #038cc0; left: 0; top: 13px; } .nycon1 .lmtit .xian { width: 70px; height: 1px; position: absolute; background: #038cc0; left: 0; bottom: 0; } .nycon1 .lmtit span { font-size: 12px; color: #999; font-weight: lighter; padding-left: 20px; } .nycon1 .nr { padding: 20px 0; font-size: 14px; line-height: 28px; } .nycon1 .nr .pic { border: 1px solid #dfdfdf; padding: 2px; margin-bottom: 10px; } .p14-infolist-1-list dl { border: 1px solid #dedede; margin-bottom: 15px; padding: 22px 50px 22px 22px; background: #fff; overflow: hidden } .p14-infolist-1-list dt { width: 29.5%; float: left; margin-right: 5.8% } .p14-infolist-1-list dt img { width: 100%; display: block } .p14-infolist-1-list dd h4 { height: 40px; font-weight: 400; font-size: 18px; color: #154c64; line-height: 40px; margin-bottom: 5px; overflow: hidden } .p14-infolist-1-list h4 a { display: block; height: 40px; color: #4b4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .p14-infolist-1-list dl:hover { border: 1px solid #038cc0 } .p14-infolist-1-list dl:hover h4 a { color: #038cc0 } .p14-infolist-1-list-desc { max-height: 72px; font-size: 14px; line-height: 24px; color: #797979; margin-bottom: 28px; overflow: hidden } .p14-infolist-1-list-deta { width: 90px; height: 30px; line-height: 30px; text-align: center; display: block; float: right; background: #b6b6b6; color: #fff } .p14-infolist-1-list-deta a { color: #fff } .p14-infolist-1-list dl:hover .p14-infolist-1-list-deta { background: #038cc0; border-color: #038cc0 } .p14-infolist-1-list dl:hover .p14-infolist-1-list-deta a { color: #fff } @media screen and (max-width: 768px) { .incase .nr .bd{ width:100% !important} } .foota a{ color:#848484} .dede_pages{padding:20px 0;font-size:14px;text-align:center; overflow:hidden} .dede_pages ul{display:inline-block;margin:0 auto;padding:0} .dede_pages ul li{float:left;font-family:'microsoft yahei';margin:0 2px;line-height:25px;background:#fff;border:1px solid #d8dadf} .dede_pages ul li:nth-child(1){ padding:0 10px} .dede_pages ul li:nth-child(1) a{ padding:0} .dede_pages ul li a{color:#555;display:block;padding: 0 10px;} .dede_pages ul li:hover{text-decoration:none;color:#fff;border:1px #333 solid;background-color:#333} .dede_pages ul li:hover a{color:#fff} .dede_pages ul li:hover a:hover{color:#fff;text-decoration:none} .dede_pages ul li.thisclass{background-color:#333;color:#fff;border:1px #333 solid; padding:0 10px} .dede_pages ul li:last-child{ padding:0 10px} .dede_pages ul li:last-child a{ padding:0} .dede_pages ul li.thisclass a{color:#fff; padding:0} .dede_pages .pageinfo{line-height:30px;padding-left:5px} .dede_pages strong{font-weight:400} #maximg img{ max-width:100% !important; height:auto !important}