锘?*缁囨ⅵ58锛坉ede58.com锛夊仛鏈€濂界殑缁囨ⅵ鏁寸珯妯℃澘涓嬭浇缃戠珯*/ @charset "utf-8"; @media(min-width:800px) { /* CSS Document */ * { margin: 0; padding: 0; font-family: 'Microsoft YaHei'; } html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin: 0px; padding: 0px; } fieldset, img { border: none; } img { border: none; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } ul, ol { list-style: none; } li { list-style: none; } table { border-collapse: collapse; } input { padding-top: 0px; padding-bottom: 0px; font-family: 'Microsoft YaHei'; } input::-moz-focus-inner { border:none; padding:0px; } select, input { vertical-align: middle; } select, input, textarea { font-size: 13px; margin: 0px; } input[type="text"], input[type="password"], textarea { outline-style: none; -webkit-appearance: none; } textarea { resize: none; } body { font-family: "Microsoft YaHei"; background: #fff; overflow-x: hidden; overflow-y: auto; } .clearfix:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .clearfix { zoom: 1; } .clearit { clear: both; height: 0px; font-size: 0px; overflow: hidden; width: 100%; } .max { min-width: 1400px; } .box { width: 1200px; margin: 0 auto; } .box:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } ul:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .max:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .left { float: left; } .right { float: right; } a { text-decoration: none; } header { display: none; } .header { padding-top: 0px; padding-bottom: 0px; } .header .logo img { display: block; } .header .tel { width: 300px; margin-top: 15px; } .header .tel img { display: block; float: left; margin-right: 5px; margin-top:6px; } .header .tel span { display: block; font-size: 16px; color: #9b9b9b; margin-top: 0px; } .header .tel strong { display: block; font-family: "Times New Roman", Times, serif; font-size: 32px; color: #0056f9; } .nav { background: #0056f9; line-height: 65px; } .nav ul li.nLi { display: block; float: left; width: 12.5%; text-align: center; line-height: 65px; position: relative; } .nav ul li.nLi:after { content: "|"; position: absolute; left: 0; top: 0; color: #3378fa; } .nav ul li.nLi a { display: block; color: #fff; } .nav ul li.nLi:last-child:before { content: "|"; position: absolute; right: 0; top: 0; color: #3378fa; } .nav ul li.nLi a:hover { background: #0560f9; } .nav ul li.nLi .sub { width: 100%; position: absolute; top: 75px; left: 0; background: rgba(0,0,0,.8); z-index: 9999; opacity: 0; visibility: hidden; transition: all .6s ease 0s; } .nav ul li.nLi .sub a { display: block; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 15px; } .nav ul li.nLi:hover .sub { top: 65px; opacity: 1; visibility: visible; } .nav ul li.nLi .sub a:hover { background: #0056f9; } .banner { display: none; } .fullSlide { min-width: 1200px; position: relative; height: 600px; z-index: 9; } .fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; height: 600px; } .fullSlide .bd ul { width: 100% !important; height: 600px; } .fullSlide .bd li { width: 100% !important; height: 600px; overflow: hidden; text-align: center; } .fullSlide .bd li a { display: block; height: 600px; } .fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 10px; left: 0; height: 30px; line-height: 30px; } .fullSlide .hd ul { display: block; width: 16%; margin: 0 auto; text-align: center; } .fullSlide .hd ul li { cursor: pointer; display: inline-block; *display:inline; zoom: 1; height: 12px; width: 12px; margin: 5px; background: rgba(255,255,255,0.7); overflow: hidden; line-height: 9999px; border-radius: 25px; transition: all .5s; } .fullSlide .hd ul .on { width: 40px; } .yunu-sou { padding: 15px 0; width: 1200px; margin: 0 auto; } .yunu-sou .hot { float: left; padding: 5px 0; line-height: 26px; } .yunu-sou .hot a { margin-right: 10px; } .yunu-sou .hot strong { color: #f90000; } .yunu-sou .hot a { color: #666666; } .yunu-sou .hform { float: right; } .yunu-sou .hform input { float: left; font-size: 14px; border: 1px solid #666666; padding: 6px 12px; line-height: 22px; width: 246px; } .yunu-sou .hform button { border: 0; border-bottom: 1px solid transparent; padding: 0; float: left; font-size: 14px; cursor: pointer; outline: none; width: 74px; height: 36px; background: #0056f9; color: #fff; } .index_pro { background: #eee; padding-top: 50px; padding-bottom: 20px; } .index_pro .lmt { margin-bottom: 45px; } .index_pro .lmt strong { display: block; text-align: center; font-size: #333333; font-size: 30px; } .index_pro .lmt p { text-align: center; font-size: 16px; color: #666666; margin-top: 10px; } .index_pro .title { width: 100%; height: 40px; line-height: 40px; border-bottom: 2px solid #0056f9; margin-bottom: 15px; } .index_pro .title a { float: right; font-size: 15px; color: #666666 } .index_pro .title strong { display: inline-block; height: 40px; line-height: 40px; color: #fff; background: #0056f9; padding: 0 20px; font-size: 18px; } .index_pro .title1 { border-bottom: 2px solid #0056f9 } .index_pro .title1 strong { background: #0056f9 } .pro_box { margin-bottom: 35px; } .index_pro .pro_list li { display: block; float: left; width: 23.5%; margin-right: 1.8%; background: #008af86e; background:-webkit-linear-gradient(73deg, #0879df, #004eff); padding: 0%; box-sizing: border-box; transition: all .5s; } .index_pro .pro_list li:last-child { margin-right: 0; } .index_pro .pro_list li .pic { display: block; width: 159%; height:130px; position: relative; padding-top: 80%; overflow: hidden; } .index_pro .pro_list li img { display: block; position: absolute; width: 69%; min-height: 90%; left: -9px; top: 17px; transition: all .5s; } .index_pro .pro_list li a.t { display: block; text-align: center; height: 40px; line-height: 40px; font-size: 16px; font-weight:bold; background:#fff; color: #000; } .index_pro .pro_list li .pro_c a { display: block; float: right; width: 52px; height: 28px; line-height: 28px; text-align: center; color: #fff; background: #0056f9; font-size: 15px; border-radius: 5px; margin-top: 10px; } .index_pro .pro_list li .pro_c p { font-size: 14px; color: #666666; line-height: 22px; } .index_pro .pro_list li:hover { box-shadow: 0px 10px 15px rgba(0,0,0,.1); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } .index_pro .pro_list li .pic:hover img { -webkit-transform: scale(1.12); transform: scale(1.12); } .index_pro .pro_list li a.t:hover { color: #0056f9; } .index_pro .left { width: 49%; } .index_pro .right { width: 49%; } .index_pro .left .pro_list li { width: 48%; padding: 0%; margin-right: 4%; } .index_pro .left .pro_list li:last-child { margin-right: 0; } .index_pro .right .pro_list li { width: 48%; padding: 0%; margin-right: 4%; } .index_pro .right .pro_list li:last-child { margin-right: 0; } .youshi { padding-top: 50px; padding-bottom: 70px; } .youshi .lmt { position: relative; margin-bottom: 50px; height: 160px; } .youshi .lmt i { display: block; font-size: 100px; font-family: "瀹嬩綋"; color: #ededed; text-align: center; position: absolute; left: 0; top: 0; right: 0; margin: 0 auto; z-index: 2; } .youshi .lmt .t { position: absolute; left: 244px; top: 20px; z-index: 5; } .youshi .lmt .t span { display: block; font-size: 18px; color: #333; line-height: 24px; } .youshi .lmt .t p { font-size: 24px; color: #0056f9; } .youshi .lmt .t strong { display: block; font-size: 36px; color: #0056f9; } .youshi .lmt .t .p { width: 650px; margin: 0 auto; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #0056f9; margin-top: 10px; position: relative; } .youshi .lmt .t .p:after { content: ""; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #0056f9; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -10px; } .youshi ul li { display: block; float: left; width: 50%; background: #f1f1f1; margin-bottom: 1px; } .youshi ul li:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .youshi ul li .left { width: 265px; position: relative; overflow: hidden; } .youshi ul li .left strong { display: block; font-size: 28px; color: #fff; position: absolute; right: 0px; bottom: 0px; width: 265px; height: 189px; } .youshi ul li .left strong span { display: block; position: absolute; right: 15px; bottom: 15px; z-index: 10; } .youshi ul li .left strong:after { content: ""; width: 145px; height: 155px; background: rgba(0,86,249,.65); display: block; position: absolute; transform: rotate(7deg); -ms-transform: rotate(43deg); -moz-transform: rotate(43deg); -webkit-transform: rotate(43deg); z-index: 5; -o-transform: rotate(43deg); left: 120px; top: 120px; } .youshi ul li .left img { display: block; width: 100%; } .youshi ul li .right { width: calc(100% - 265px); } .youshi ul li .right strong { text-align: center; font-size: 24px; color: #0056f9; display: block; padding-top: 55px; } .youshi ul li .right p { font-size: 18px; color: #333; margin-top: 15px; } .about { height: 618px; background: url(../images/about_bg.jpg) no-repeat center; } .about .box { height: 618px; position: relative; } .about .box:after { content: ""; width: 1171px; height: 512px; background: url(../images/about_box.png) no-repeat center; position: absolute; left: 60px; top: 50px; visibility: visible; } .about .box .t { display: block; font-size: 32px; color: rgba(255,255,255,.5); position: absolute; right: 55px; top: 30px; font-weight: bold; } .about .box .left { display: block; margin-top: 98px; position: relative; z-index: 99; width: 550px; height: 420px; } .about .box .left img { width: 100%; height: 100%; } .about .box .right { position: absolute; width: 623px; top: 111px; right: 0; z-index: 99; } .about .box .right strong { font-size: 32px; color: #fff; display: block; } .about .box .right .about_tab { margin-top: 25px; margin-bottom: 30px; } .about .box .right .about_tab a { display: inline-block; width: 119px; height: 33px; line-height: 33px; text-align: center; border: 2px solid rgba(255,255,255,.7); color: #fff; font-size: 16px; margin-right: 15px; border-radius: 7px; } .about .box .right .about_tab a:hover, .about .box .right .about_tab a.on { background: #fff; color: #0056f9; } .about .box .right .j { font-size: 15px; color: #fff; line-height: 27px; } .about .box .right .j p { margin-bottom: 20px; text-align: justify; } .about .box .right a.more { color: #fff; display: block; width: 120px; height: 35px; line-height: 35px; border: 2px solid rgba(255,255,255,.7); text-align: center; border-radius: 25px; } .about .box .right a.more:hover { background: #fff; color: #0056f9; } .case { padding-top: 30px; padding-bottom: 40px; } .case .lmt { position: relative; height: 87px; margin-bottom: 25px; } .case .lmt b { display: block; font-size: 100px; font-family: "瀹嬩綋"; color: #f4f4f4; font-weight: 100; position: absolute; left: 0; top: -20px; } .case .lmt .t { display: block; font-size: 24px; color: #000; position: absolute; left: 0; top: 65px; } .case .lmt .t span { display: inline-block; font-size: 12px; color: #f1f1f1; } .case ul { width: 1235px; } .case ul li { display: block; float: left; width: 380px; margin-right: 30px; margin-bottom: 25px; border-bottom: 2px solid #e6e6e6; position: relative; transition: all .5s; } .case ul li .pic { display: block; width: 100%; position: relative; padding-top: 75%; overflow: hidden; } .case ul li .pic img { display: block; position: absolute; width: 100%; min-height: 100%; left: 0; top: 0; transition: all .5s; } .case ul li a.more { display: block; position: absolute; right: 20px; opacity: 0; bottom: 0; width: 24px; height: 52px; background: url(../images/jiantou.png) no-repeat center; } .case ul li a.tit { display: inline-block; font-size: 15px; color: #414141; height: 52px; line-height: 52px; } .case ul li:hover { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } .case ul li:hover a.more { opacity: 1; right: 0; } .case ul li:hover a.tit { color: #0056f9; } .case ul li:hover img { opacity: .9 } .case .more1 { display: block; width: 180px; height: 45px; line-height: 45px; text-align: center; margin: 0 auto; border: 1px solid #cccccc; border-radius: 5px; font-size: 15px; color: #4a4a4a; margin-top: 10px; } .case .more1:hover { color: #fff; background: #0056f9; border: 1px solid #0056f9; } .news { padding-bottom: 30px; } .news .xinwen { width: 780px; } .news .wenti { width: 385px; } .news .title { width: 100%; margin-bottom: 20px; height: 48px; line-height: 48px; border-bottom: 1px solid #ececec; } .news .title a { float: right; font-size: 14px; color: #a4a4a4; } .news .title p { font-size: 22px; color: #000000; padding-left: 33px; height: 47px; line-height: 47px; border-bottom: 2px solid #008af8; display: inline-block; padding-right: 3px; } .news .title a:hover { color: #008af8 } .news .xinwen .title p { background: url(../images/news-ico1.png) no-repeat left center; } .news .wenti .title p { background: url(../images/news-ico2.png) no-repeat left center; } .news .xinwen .left { width: 270px; } .news .xinwen .left img { display: block; width: 270px; height: 330px; } .news .xinwen .right { width: 490px; } .news .xinwen .right .tj { border-bottom: 1px dashed #dcdcdc; padding-bottom: 0px; margin-bottom: 0px; } .news .xinwen .right .tj p span { float: right; font-size: 14px; height: 40px; line-height: 40px; color: #b4b4b4; margin-left: 15px; } .news .xinwen .right .tj p { height: 38px; line-height: 38px; background: url(../images/li.png) no-repeat left center; overflow: hidden; padding-left: 12px; } .news .xinwen .right .tj p a { font-size: 14px; color: #333; } .news .xinwen .right .tj p a:hover { color: #008af8 } .news .xinwen .right ul li { height: 38px; line-height: 38px; background: url(../images/li.png) no-repeat left center; overflow: hidden; padding-left: 12px; } .news .xinwen .right ul li span { float: right; font-size: 14px; color: #c3c3c3; margin-left: 15px; } .news .xinwen .right ul li a { font-size: 14px; color: #333; } .news .xinwen .right ul li a:hover { color: #008af8 } .news .wenti dl { margin-bottom: 10px; } .news .wenti dl dt { height: 39px; line-height: 39px; background: #f2f2f2; cursor: pointer; font-size: 14px; color: #373737; padding-right: 15px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .news .wenti dl dt i { display: inline-block; width: 39px; text-align: center; font-style: normal; color: #fff; background: #008af8; margin-right: 10px; } .news .wenti dl dd { font-size: 14px; padding-top: 8px; color: #616161; margin-top: 10px; line-height: 25px; height: 75px; overflow: hidden; position: relative; padding-left: 49px; } .news .wenti dl dd a { color: #616161; } .news .wenti dl dd i { display: block; width: 39px; height: 39px; line-height: 39px; text-align: center; color: #fff; font-size: 14px; background: #00c643; position: absolute; left: 0; top: 0px; font-style: normal; } .news .wenti dl dd a:hover { color: #008af8 } .footer { background: #252525; padding-top: 45px; padding-bottom: 20px; } .footer .box { background: url(../images/footer_box.png) no-repeat 20px center; } .footer .left { width: 657px; } .footer .left dl { display: block; float: left; width: 100px; margin-right: 30px; } .footer .left dl dt { display: block; font-size: 15px; color: #fff; font-weight: bold; position: relative; border-bottom: 1px solid rgba(255,255,255,.15); padding-bottom: 13px; margin-bottom: 8px; } .footer .left dl dt a { display: block; color: #fff; } .footer .left dl dt:after { content: ""; width: 7px; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; } .footer .left dl dd { display: block; font-size: 14px; color: #6f6f6f; line-height: 30px; height: 30px; overflow: hidden; } .footer .left dl dd a { color: #cccccc; } .footer .left dl dd a:hover { color: #fff; } .footer .left dl.fo_p { width: 360px; } .footer .left dl.fo_p dd { display: block; float: left; width: 50%; } .footer .right { width: 542px; } .footer .right .con .t { display: block; font-size: 15px; color: #cbcbcb; width: 80px; height: 26px; line-height: 26px; text-align: center; background: #3c3c3c; font-weight: bold; margin-bottom: 20px; } .footer .right .con ul li { font-size: 14px; color: #cccccc; line-height: 32px; margin-bottom: 12px; padding-left: 40px; } .footer .right .con ul li a { color: #cccccc; } .footer .right .con ul li:nth-of-type(1) { background: url(../images/ft.png) no-repeat left top; } .footer .right .con ul li:nth-of-type(2) { background: url(../images/ft.png) no-repeat left -43px; } .footer .right .con ul li:nth-of-type(3) { background: url(../images/ft.png) no-repeat left -89px; } .footer .right .con ul li:nth-of-type(4) { background: url(../images/ft.png) no-repeat left -133px; } .footer .right .con ul li:nth-of-type(5) { background: url(../images/ft.png) no-repeat left -177px; } .footer .right dl { float: right; margin-top: 15px; } .footer .right dl img { display: block; width: 168px } .footer .right dl dd { text-align: center; font-size: 14px; color: #6f6f6f; margin-top: 10px; } .links { margin-top: 20px; font-size: 14px; color: #8c8c8c; padding-bottom: 15px; } .links span { color: #333; font-size: 18px; font-weight: bold; } .links a { display: inline-block; color: #8c8c8c; margin-right: 15px; } .copyright { text-align: center; height: 60px; line-height: 60px; background: #1a1a1a; font-size: 14px; color: #a6a6a6; } .copyright a { color: #a6a6a6; } #bottom { display: none; } .neiye { padding-top: 20px; padding-bottom: 30px; background: none; } .neiye .neiye-l { width: 240px; } .neiye .neiye-l .nydh { background: #fff; } .neiye .neiye-l .nydh .title { width: 240px; height: 72px; background: #0056f9; text-align: center; padding-top: 20px; } .neiye .neiye-l .nydh .title p { font-size: 24px; color: #fff; font-weight: bold; } .neiye .neiye-l .nydh .title span { display: block; font-size: 12px; color: rgba(255,255,255,0.3); margin-top: 5px; } .neiye .neiye-l .nydh .ul { width: 238px; border: 1px solid #e9e9e9; border-top: none; } .neiye .neiye-l .nydh .ul li { display: block; width: 192px; height: 58px; line-height: 58px; border-top: 1px solid #e9e9e9; background: url(../images/nydh-li.png) no-repeat 20px center; padding-left: 46px; font-size: 15px; transition: all .5s; } .neiye .neiye-l .nydh .ul li a { color: #575757; display: block; } .neiye .neiye-l .nydh .ul li:hover, .neiye .neiye-l .nydh ul li.on { background: url(../images/nydh-li-on.png) no-repeat 20px center; } .neiye .neiye-l .nydh .ul li:hover a, .neiye .neiye-l .nydh ul li.on a { color: #0056f9; } .neiye .neiye-l .nydh .sideMenu { width: 238px; border: 1px solid #e9e9e9; border-top: none; } .neiye .neiye-l .nydh .sideMenu .dh { margin: 0 auto; background: #fff; } .neiye .neiye-l .nydh .sideMenu .dh p { height: 58px; line-height: 58px; background: url(../images/nydh-li.png) no-repeat 17px center #efefff; padding-left: 37px; font-size: 16px; color: #575757; cursor: pointer; border-top: 1px solid #e9e9e9; } .neiye .neiye-l .nydh .sideMenu .dh p a { color: #575757; display: block; } .neiye .neiye-l .nydh .sideMenu .dh p a:hover { color: #0056f9; } .neiye .neiye-l .nydh .sideMenu .dh ul { background: #fff; } .neiye .neiye-l .nydh .sideMenu .dh ul li { height: 47px; line-height: 47px; padding-left: 39px; font-size: 14px; color: #585858; background: url(../images/s_li.png) no-repeat 26px center; border-bottom: 1px solid #e9e9e9; } .neiye .neiye-l .nydh .sideMenu .dh ul li:last-child { border-bottom: 0; } .neiye .neiye-l .nydh .sideMenu .dh ul li a { color: #585858; } .neiye .neiye-l .nydh .sideMenu .dh ul li a:hover { color: #0749a3; } .neiye .neiye-l .nydh .sideMenu .dh p.on { background: url(../images/nydh-li-on.png) no-repeat 17px center #efefff; } .nylx { width: 100%; margin-top: 16px; background: #fff; } .nylx .title { width: 100%; height: 50px; background: #0056f9; padding-left: 24px; color: #fff; font-size: 17px; font-weight: bold; line-height: 50px; box-sizing: border-box; position: relative; } .nylx .title:after { content: ""; width: 5px; height: 15px; background: #fff; border-radius: 5px; position: absolute; left: 12px; top: 17px; } .nylx .title span { display: inline-block; font-size: 12px; color: rgba(255,255,255,0.2); margin-left: 5px; font-weight: normal; } .nylx .contact { width: 100%; border: 1px solid #e9e9e9; border-top: none; padding-top: 15px; box-sizing: border-box; } .nylx .contact .tel { width: 230px; margin: 0 auto; border-bottom: 1px solid #e9e9e9; padding-bottom: 15px; } .nylx .contact .tel img { display: block; margin: 0 auto; margin-bottom: 15px; } .nylx .contact .tel span { display: block; text-align: center; font-size: 14px; color: #aeaeae; } .nylx .contact .tel b { display: block; text-align: center; margin-top: 5px; font-size: 26px; color: #ff0000; } .nylx .dizhi { width: 225px; margin: 0 auto; font-size: 14px; color: #5d5d5d; line-height: 29px; padding-left: 5px; padding-bottom: 10px; } .neiye .neiye-r { width: 930px; } .newsnav { width: 100%; height: 58px; line-height: 58px; border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; } .newsnav .more { float: right; font-size: 15px; color: #999; } .newsnav .more a { color: #999; } .newsnav a.more:hover { color: #0075e3 } .newsnav .more a:hover { color: #0075e3 } .newsnav p { font-size: 22px; color: #000000; padding-left: 13px; border-bottom: 2px solid #0075e3; height: 57px; line-height: 57px; display: inline-block; position: relative; } .newsnav p:after { content: ""; width: 5px; height: 18px; background: #0056f9; position: absolute; left: 0; top: 20px; } .newsnav span { display: inline-block; font-size: 13px; color: #c2c2c2; margin-left: 5px; } .case_li ul li:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .case_li ul li { background: #fff; margin-bottom: 15px; padding-right: 30px; box-sizing: border-box; position: relative; -webkit-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; } .case_li ul li img { display: block; float: left; width: 300px; height: 188px; margin-right: 22px; -webkit-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; } .case_li ul li a.tit { display: block; font-size: 17px; color: #363636; height: 40px; line-height: 40px; font-weight: bold; padding-top: 10px; } .case_li ul li span { display: block; font-size: 14px; color: #8d8d8d; } .case_li ul li p { font-size: 14px; line-height: 26px; color: #8d8d8d; margin-top: 10px; } .case_li ul li a.more { display: block; width: 23px; height: 13px; background: url(../images/t.png) no-repeat center; position: absolute; right: 30px; bottom: 20px; } .case_li ul li a.tit:hover { color: #0056f9 } .case_li ul li img:hover { opacity: 0.8; } .case_li ul li:hover { -webkit-transform: translate3d(5px, 0px, 0); transform: translate3d(5px, 0px, 0); box-shadow: 5px 5px 15px rgba(0,0,0,.1) } .case_li ul li a.more:hover { -webkit-transform: translate3d(5px, 0px, 0); transform: translate3d(5px, 0px, 0); } .fenye { width: 100%; margin: 0 auto; margin-top: 25px; padding-bottom: 30px; text-align: center; } .fenye a { display: inline-block; padding: 0 13px; text-align: center; line-height: 35px; font-size: 14px; color: #333; margin: 2px 4px; border-radius: 5px; background: #eee; } .fenye b, .fenye a:hover { display: inline-block; padding: 0 13px; text-align: center; line-height: 35px; font-size: 14px; color: #fff; margin: 2px 4px; background: #0056f9; border-radius: 5px; } .newslist { margin-top: -15px; } .newslist ul li:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .newslist ul li { border-bottom: 1px dashed #d8d8d8; -webkit-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; padding: 15px 0; } .newslist ul li img { display: block; float: left; width: 197px; height: 124px; margin-right: 15px; } .newslist ul li .t { height: 40px; line-height: 40px; overflow: hidden; } .newslist ul li .t a { font-size: 16px; color: #303030; font-weight: bold; } .newslist ul li .t span { float: right; font-size: 14px; color: #b0b0b0; } .newslist ul li p { font-size: 14px; color: #939393; line-height: 22px; text-align: justify; } .newslist ul li a.more { font-size: 14px; color: #0056f9; display: inline-block; margin-top: 10px; } .newslist ul li .t a:hover { color: #0056f9; } .danye { font-size: 15px; line-height: 28px; color: #434343; text-align: justify; } .danye p { margin-bottom: 15px; } .danye img { max-width: 100%; } .biaoti { width: 100%; margin: 0 auto; text-align: center; border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; margin-bottom: 25px; } .biaoti h1 { font-size: 24px; color: #000; font-weight: normal; } .biaoti p { font-size: 14px; color: #ccc; margin-top: 15px; } .fn { width: 100%; margin: 0 auto; margin-top: 30px; border-top: 1px solid #e8e8e8; padding-top: 10px; padding-bottom: 30px; } .fn p { font-size: 14px; line-height: 30px; color: #565656 } .fn p a { color: #565656 } .fn p a:hover { color: #0056f9; } .tuijian ul { width: 980px; margin-top: 10px; } .tuijian ul li { display: block; float: left; width: 435px; margin-right: 36px; height: 38px; line-height: 38px; border-bottom: 1px solid #ebebeb; padding-left: 12px; background: url(../images/li.png) no-repeat left center; overflow: hidden; } .tuijian ul li span { float: right; font-size: 14px; color: #b4b4b4; margin-left: 15px; } .tuijian ul li a { color: #333; font-size: 14px; } .tuijian ul li a:hover { color: #0056f9; } .xunjia { padding-bottom: 30px; } .xunjia p { width: 455px; height: 48px; float: left; margin-bottom: 10px; } .xunjia p em { display: inline-block; width: 70px; text-align: right; font-size: 15px; color: #717171; /*padding-right: 10px;*/ height: 40px; line-height: 40px; font-style: normal; } .xunjia p em i { font-style: normal; color: #ff0000; } .xunjia p input { display: inline-block; width: 368px; padding-left: 5px; height: 40px; line-height: 40px; border: 1px solid #dddddd; color: #666; } .xunjia p select { display: inline-block; width: 280px; padding-left: 10px; height: 40px; line-height: 40px; border: 1px solid #dddddd; } .xunjia .miaoshu { width: 932px; height: 260px; } .xunjia .miaoshu em { float: left; } .xunjia .miaoshu textarea { display: inline-block; width: 843px; padding-left: 5px; height: 260px; line-height: 24px; border: 1px solid #dddddd; color: #666; } .xunjia .zy { font-size: 15px; color: #717171; height: 40px; line-height: 40px; display: block; padding-left: 30px; } .xunjia .zy i { font-style: normal; color: #ff0000; } .xunjia .submit { display: inline-block; width: 181px; height: 45px; border: none; background: #0056f9; color: #fff; font-size: 15px; border-radius: 5px; margin-top: 15px; margin-left: 100px; cursor: pointer; } .xunjia .reset { background: #bcbcbc; margin-left: 20px; } .pro-xq .pic { float: left; width: 483px; height: 500px; margin-right: 20px; background:-webkit-linear-gradient(73deg, #0879df, #004eff); } .pro-xq .pic img { width: 483px; height: 500px; } .pro-xq .pro-js { width: 400px; float: left; } .pro-xq .pro-js h1 { font-size: 26px; color: #000; height: 68px; line-height: 68px; border-bottom: 1px solid #eee; } .pro-xq .pro-js .pro-xx { font-size: 14px; color: #5b5b5b; line-height: 30px; height: 200px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 20px 0; overflow-y: auto; } .pro-xq .pro-js .pro-xx::-webkit-scrollbar { width:5px; height:10px; } .pro-xq .pro-js .pro-xx::-webkit-scrollbar-thumb { background:#ddd; border-radius:4px; } .pro-xq .pro-lx { padding-top: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; } .pro-xq .pro-lx .z { display: block; clear: both; color: #0285ff; line-height: 30px; } .pro-xq .pro-lx p { width: 260px; float: left; font-size: 16px; color: #ff0000; height: 50px; } .pro-xq .pro-lx p i { display: block; float: left; margin-right: 5px; width: 40px; height: 40px; background: url(../images/ico-tel.png) no-repeat center; } .pro-xq .pro-lx p font { line-height: 15px; display: block; margin-bottom: 3px; } .pro-xq .pro-lx:after { content: " "; display: block; height: 0px; visibility: hidden; clear: both; } .pro-xq .pro-lx p span { display: block; font-size: 24px; font-weight: bold; color: #ff0000; line-height: 24px; } .pro-xq .pro-lx a.zx { display: inline-block; float: right; width: 120px; height: 38px; text-align: center; line-height: 38px; color: #fff; font-size: 14px; background: #0285ff; margin-top: 5px; } .pro-xq .pro-lx a.zx:nth-child(2) { display: none; } .pro-xq .pro-lx a.zx1 { background: #3bb3ff; } .pro-xq .pro-lx a.zx:hover { border-radius: 25px; } .neiye .pro_list { width: 960px; } .neiye .pro_list li { display: block; float: left; width: 296px; margin-right: 20px; background: -webkit-linear-gradient(73deg, #0879df, #004eff); box-sizing: border-box; transition: all .5s; border: 1px solid #fff; margin-bottom: 15px; } .neiye .pro_list li:last-child { margin-right: 0; } .neiye .pro_list li .pic { display: block; width: 100%; position: relative; padding-top: 100%; overflow: hidden; } .neiye .pro_list li img { display: block; position: absolute; width: 90%; min-height: 85%; left: 20px; top: 20px; transition: all .5s; } .neiye .pro_list li a.t { display: block; text-align: center; height: 46px; line-height: 46px; font-size: 14px; background: #fff; font-weight:bold; color: #000; } .neiye .pro_list li:hover { box-shadow: 0px 10px 15px rgba(0,0,0,.1); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } .neiye .pro_list li .pic:hover img { -webkit-transform: scale(1.12); transform: scale(1.12); } .neiye .pro_list li a.t:hover { color: #0056f9; } .neiye .pro_liste { width: 960px; } .neiye .pro_liste li { height: 38px; line-height: 38px; background: url(../images/li.png) no-repeat left center; overflow: hidden; padding-left: 12px; } .neiye .pro_liste li:last-child { margin-right: 0; } .neiye .pro_liste .pic { float: right; font-size: 14px; color: #c3c3c3; margin-left: 15px; } .neiye .pro_liste li a.t { font-size: 14px; color: #333; } .neiye .pro_liste li:hover { box-shadow: 0px 10px 15px rgba(0,0,0,.1); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } .neiye .pro_liste li .pic:hover img { -webkit-transform: scale(1.12); transform: scale(1.12); } .neiye .pro_liste li a.t:hover { color: #008af8 } .contit { font-size: 18px; font-weight: bold; position: relative; padding-bottom: 15px; margin-top: 15px; margin-bottom: 15px; } .contit:after { content: ""; width: 30px; height: 3px; background: #0056f9; position: absolute; left: 0; bottom: 0; } .contact_nr { font-size: 16px; color: #464646; line-height: 38px; margin-bottom: 15px; } .contact_nr img { display: block; float: right; margin-top: 10px; } #map { width: 100%; height: 300px; } .about_r { height: 350px; background: url(../images/about_r.jpg) no-repeat center; background-size: cover; } .about_r .box { padding-top: 114px; } .about_r .box strong { display: block; font-size: 50px; color: #fff; font-weight: normal; } .about_r .box h1 { display: block; font-size: 35px; color: #fff; font-weight: normal; margin: 15px 0; } .about_r .box p { font-size: 16px; color: #fff; line-height: 36px; margin-top: 20px; width: 888px; } .zhuanli { padding-top: 30px; } .zhuanli .lmt strong { display: block; text-align: center; font-size: 38px; font-weight: normal; } .zhuanli .lmt span { display: block; text-align: center; font-size: 16px; color: #666666; margin-top: 10px; } .honorlist ul { width: 1220px; margin-top: 20px; } .honorlist ul li { display: block; float: left; width: 219px; margin-right: 17px; margin-bottom: 10px; } .honorlist ul li a { display: block; width: 219px; height: 310px; line-height: 310px; border: 1px solid #e6e6e6; text-align: center; } .honorlist ul li a img { display: inline-block; vertical-align: middle; width: 94%; } .honorlist ul li p { font-size: 14px; line-height: 22px; text-align: center; margin: 0 auto; height: 44px; margin-top: 8px; } .honorlist ul li:hover a { border: 1px solid #2555e0 } .wenhua { padding-top: 30px; padding-bottom: 60px; } .wenhua .lmt { margin-bottom: 25px; } .wenhua .lmt strong { display: block; text-align: center; font-size: 38px; font-weight: normal; } .wenhua .lmt span { display: block; text-align: center; font-size: 16px; color: #666666; margin-top: 10px; } .wenhua .left { width: 800px; } .wenhua .left dl { width: 800px; background: #f8f8f8; } .wenhua .left dl:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .wenhua .left dl dt { display: block; float: left; width: 400px; } .wenhua .left dl dt img { display: block; } .wenhua .left dl dd { width: 400px; padding: 30px; box-sizing: border-box; float: left; } .wenhua .left dl dd strong { display: block; text-align: center; font-size: 28px; font-weight: normal; margin-bottom: 15px; } .wenhua .left dl dd p { font-size: 16px; line-height: 30px; color: #545454; } .wenhua .right { width: 400px; background: #f8f8f8; } .wenhua .right dl dd { width: 400px; height: 260px; padding: 30px; box-sizing: border-box; float: left; } .wenhua .right dl dd strong { display: block; text-align: center; font-size: 28px; font-weight: normal; margin-bottom: 15px; } .wenhua .right dl dd p { font-size: 16px; line-height: 30px; color: #545454; } .nydh_pro { display: none } .floating_ck { position: fixed; top: 50%; right: 0; margin-top: -178px; z-index: 999; } .floating_ck dl dd { position: relative; background-color: #0056f9; margin-bottom: 3px; text-align: center; cursor: pointer; } .floating_ck dl dd a, .floating_ck dl dd p { width: 100%; position: relative } .floating_ck dl dd img { margin: 0 auto; text-align: center } .floating_ck dl dd p { text-align: center } .floating_ck dl dd:hover .floating_left { right: 0; } .quote, .qrcord { padding: 8px 0 4px } .floating_ck dl dd a, .floating_ck dl dd p { color: #fff; display: block; } .floating_ck dl dd a img { display: inline-block; text-align: center; margin: 0 auto } .floating_left { position: absolute; right: -300px; top: 0px; width: 300px; z-index: 999; height: 75px; line-height: 75px; background: #0056f9; transition: all ease .4s; } .floating_left a { color: #fff; } .floating_ewm p { color: #Fff; } .floating_ewm .qrcord_p01 { font-size: 12px; line-height: 20px; } .floating_ewm .qrcord_p02 { font-size: 20px; } .submian .subright .conBox .ArticleTencont img { max-width: 100%; } /*娴姩瀹㈡湇*/ .toolbar { position: fixed; top: 50%; right: 1%; margin-top: -163px; z-index: 100; width: 80px; } .toolbar dd { position: relative; float: left; width: 80px; height: 80px; background: #0056f9; margin-top: 2px; border-radius: 5px; color: #fff; font-size: 14px; line-height: 21px; text-align: center; cursor: pointer; transition: all .5s; } .toolbar dd:first-child { margin-top: 0; } .toolbar dd i { width: 100%; height: 30px; display: block; margin-top: 13px; background: url(../images/toolbar.png) no-repeat center 0; } .toolbar dd.qq i { background-position-y: 0; } .toolbar dd.tel i { background-position-y: -30px; } .toolbar dd.code i { background-position-y: -60px; } .toolbar dd.top i { background-position-y: -90px; } .toolbar dd span { display: block; color: #fff; } .toolbar dd.tel .box { position: absolute; top: 0; width: 190px; right: -200px; height: 100%; margin-right: 10px; border-radius: 5px; background: #0056f9; opacity: 0; transition: all .5s; } .toolbar dd.tel .box p { font-size: 14px; margin: 15px auto 7px; } .toolbar dd.tel .box h3 { font-size: 18px; font-weight: bold; } .toolbar dd.tel .box:after { display: block; content: " "; border-style: solid dashed dashed dashed; border-color: transparent transparent transparent #0056f9; border-width: 9px; width: 0; height: 0; position: absolute; top: 50%; margin-top: -9px; right: -18px; margin-left: -12px; } .toolbar dd.code .box { position: absolute; top: 0; width: 162px; right: -172px; height: 162px; margin-right: 10px; border-radius: 5px; background: #0056f9; opacity: 0; transition: all .5s; } .toolbar dd.code .box img { width: 140px; height: 140px; padding: 11px; } .toolbar dd.code .box:after { display: block; content: " "; border-style: solid dashed dashed dashed; border-color: transparent transparent transparent #0056f9; border-width: 9px; width: 0; height: 0; position: absolute; top: 30px; right: -18px; margin-left: -12px; } .toolbar dd:hover { background: #333; } .toolbar dd.tel:hover .box { opacity: 1; right: 80px; } .toolbar dd.code:hover .box { opacity: 1; right: 80px; } .subright .searchList { border-top: 1px solid #ddd; } .subright .searchList li { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; } .subright .searchList li:first-child { border-top: none; } .subright .searchList li:hover a h2 { color: #16a1b3; font-weight: bold; } } @media screen and (max-width: 768px) { .maximg img { max-width: 100% !important; height: auto !important } }