锘?*缁囨ⅵ58锛坉ede58.com锛夊仛鏈€濂界殑缁囨ⅵ鏁寸珯妯℃澘涓嬭浇缃戠珯*/ @charset "utf-8"; @media(max-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; padding-top:0px; } table { border-collapse: collapse; } input { padding-top: 0px; padding-bottom: 0px; font-family: Arial, Helvetica, sans-serif; } input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; } input::-moz-focus-inner { border:none; padding:0px; } select, input { vertical-align: middle; outline: none; } 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; } .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 { max-width: 780px; margin: 0 auto; } .box { width: 96%; 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 { max-width: 800px; height: auto; margin: 0 auto; } header:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } header .logo { width: 50%; float: left; display: block } header .tel { width: 50%; float: right; display: block } header .logo img, header .tel img { display: block; width: 100%; } .nav { width: 100%; height: 90px; background: #0056f9; } .nav ul { max-width: 800px; height: 90px; margin: 0 auto; background: url(../images/nav-ul.png) no-repeat center; } .nav ul li.nLi { width: 25%; height: 45px; line-height: 45px; text-align: center; color: #fff; display: block; float: left; font-size: 14px; background: url(../images/nav-li.png) no-repeat right center; } .nav ul li.nLi .sub { display: none; } .nav ul li.nLi a { color: #fff; display: block; } .nav ul li.nLi:last-child { background: none } .nav ul li.nLi:nth-of-type(4) { background: none } .fullSlide { display: none } .banner { display: block; margin-bottom: 800px; margin: 0 auto; } .banner img { display: block; width: 100%; } .banner .swiper-pagination-bullet { background: rgba(255,255,255,0.7); border-radius: 50px; transition: all .5s; } .banner .swiper-pagination-bullet-active { width: 20px; } .yunu-sou { padding: 0; } .yunu-sou .container { padding: 0; } .yunu-sou .hot { display: none; } .yunu-sou .hform { float: none; position: relative; } .yunu-sou .hform input { font-size: 14px; border-color: transparent; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 20px; padding: 9px 60px 9px 15px; border-radius: 0; background-color: #f5f5f5; } .yunu-sou .hform button { position: absolute; right: 0; top: 0; width: 72px; height: 40px; font-size: 14px; border: 0; border-bottom: 1px solid transparent; padding: 0; float: left; cursor: pointer; outline: none; background: #0056f9; color: #fff; } .index_pro { background: #eee; padding-top: 20px; padding-bottom: 0px; } .index_pro .lmt { margin-bottom: 25px; } .index_pro .lmt strong { display: block; text-align: center; color: #333333; font-size: 20px; } .index_pro .lmt p { text-align: center; font-size: 12px; color: #666666; margin-top: 10px; } .index_pro .title { width: 100%; height: 35px; line-height: 35px; border-bottom: 2px solid #0056f9; margin-bottom: 15px; } .index_pro .title a { float: right; font-size: 14px; color: #666666 } .index_pro .title strong { display: inline-block; height: 35px; line-height: 35px; color: #fff; background: #0056f9; padding: 0 15px; font-size: 16px; } .index_pro .title1 { border-bottom: 2px solid #0056f9 } .index_pro .title1 strong { background: #0056f9 } .pro_box { margin-bottom: 15px; } .index_pro .left { width: 100%; float: none; } .index_pro .right { width: 100%; float: none; } .index_pro .pro_list li { display: block; float: left; width: 49%; height:314px; margin-right: 2%; background: -webkit-linear-gradient(73deg, #0879df, #004eff); padding:0%; box-sizing: border-box; transition: all .5s; margin-bottom: 10px; } .index_pro .pro_list li:nth-of-type(even) { margin-right: 0; } .index_pro .pro_list li .pic { display: block; width: 152%; position: relative; padding-top: 152%; overflow: hidden; margin-bottom: 8px; } .index_pro .pro_list li img { display: block; position: absolute; width: 90%; min-height: 90%; left: -30px; top: 25px; transition: all .5s; } .index_pro .pro_list li a.t { display: block; text-align: center; font-size: 14px; height:36px; line-height:36px; background:#fff; font-weight:bold; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .index_pro .pro_list li .pro_c a { display: none; } .index_pro .pro_list li .pro_c p { display: none; } .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; } .youshi { padding-top: 20px; padding-bottom: 20px; } .youshi .lmt { position: relative; height: 60px; } .youshi .lmt i { display: none; } .youshi .lmt .t { position: absolute; left: 0; right: 0; margin: 0 auto; top: 0px; z-index: 5; } .youshi .lmt .t span { display: none; } .youshi .lmt .t p { text-align: center; color: #333333; font-size: 20px; font-weight: bold; } .youshi .lmt .t p font { color: #df3536 } .youshi .lmt .t strong { text-align: center; font-size: 12px; color: #666666; margin-top: 5px; font-weight: normal; display: block; } .youshi .lmt .t .p { display: none; } .youshi ul li { display: block; float: left; width: 49%; margin-right: 2%; background: #f1f1f1; margin-bottom: 10px; } .youshi ul li:nth-of-type(even) { margin-right: 0; } .youshi ul li:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .youshi ul li .left { width: 100%; position: relative; overflow: hidden; } .youshi ul li .left img { display: block; width: 100%; } .youshi ul li .left strong { display: block; font-size: 18px; color: #fff; position: absolute; right: 0px; bottom: 0px; width: 100%; height: 100%; } .youshi ul li .left strong span { display: block; position: absolute; left: 0; right: 0px; bottom: 10px; margin: 0 auto; z-index: 10; text-align: center; } .youshi ul li .left strong:after { content: ""; width: 70%; height: 120%; background: rgba(0,86,249,.65); display: block; position: absolute; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index: 5; -o-transform: rotate(45deg); left: 10%; top: 70%; } .youshi ul li .right { width: 100%; padding-top: 10px; padding-bottom: 10px; } .youshi ul li .right strong { text-align: center; font-size: 18px; color: #0056f9; display: block; } .youshi ul li .right p { font-size: 14px; color: #333; width: 90%; height: 90px; margin: 0 auto; margin-top: 5px; } .about { height: auto; background: url(../images/about_bg.jpg) no-repeat center; background-size: cover; padding-top: 25px; padding-bottom: 25px; } .about .box { height: auto; position: relative; } .about .box .t { display: none; } .about .box .left { display: block; float: none; } .about .box .left img { display: block; width: 100%; } .about .box .right { width: 100%; } .about .box .right strong { font-size: 22px; color: #fff; display: block; padding-top: 10px; } .about .box .right .about_tab { margin-top: 15px; margin-bottom: 15px; } .about .box .right .about_tab a { display: inline-block; width: 100px; height: 30px; line-height: 30px; text-align: center; border: 2px solid rgba(255,255,255,.7); color: #fff; font-size: 14px; margin-right: 5px; 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: 14px; color: #fff; line-height: 24px; } .about .box .right .j p { margin-bottom: 10px; } .about .box .right a.more { color: #fff; display: block; width: 110px; height: 32px; line-height: 32px; 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: 20px; padding-bottom: 40px; } .case .lmt { position: relative; margin-bottom: 25px; } .case .lmt b { display: block; font-size: 22px; color: #333; font-weight: 100; } .case .lmt .t { display: block; font-size: 20px; color: #000; } .case .lmt .t span { display: none; font-size: 12px; color: #f1f1f1; } .case ul li { display: block; float: left; width: 49%; margin-right: 2%; margin-bottom: 15px; border-bottom: 2px solid #e6e6e6; position: relative; transition: all .5s; } .case ul li:nth-of-type(even) { margin-right: 0; } .case ul li .pic { display: block; width: 100%; position: relative; padding-top: 75%; overflow: hidden; } .case ul li img { display: block; position: absolute; width: 100%; min-height: 100%; left: 0; top: 0; transition: all .5s; } .case ul li a.more { display: none; position: absolute; right: 20px; opacity: 1; bottom: 0; width: 24px; height: 45px; background: url(../images/jiantou.png) no-repeat center; } .case ul li a.tit { display: block; font-size: 14px; color: #414141; height: 40px; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .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: 110px; height: 30px; line-height: 30px; text-align: center; margin: 0 auto; border: 1px solid #cccccc; border-radius: 5px; font-size: 12px; color: #4a4a4a; margin-top: 10px; } .case .more1:hover { color: #fff; background: #0056f9; border: 1px solid #0056f9; } .news { padding-bottom: 20px; } .news .xinwen { width: 100%; margin-bottom: 10px; } .news .wenti { width: 100%; } .news .title { width: 100%; margin-bottom: 10px; 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: 18px; color: #000000; height: 47px; line-height: 47px; border-bottom: 2px solid #008af8; display: inline-block; padding-right: 3px; } .news .title a:hover { color: #008af8 } .news .xinwen .left { display: none; } .news .xinwen .right { width: 100%; } .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: 37px; line-height: 37px; overflow: hidden; } .news .xinwen .right .tj p a { display: block; font-size: 14px; color: #000000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: url(../images/li.png) no-repeat left center; padding-left:12px; } .news .xinwen .right .tj p a:hover { color: #008af8 } .news .xinwen .right ul li { height: 35px; line-height: 35px; 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 { display: block; font-size: 14px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .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: 5px; padding-bottom: 70px; } .footer .box { background: url(../images/footer_box.png) no-repeat 20px center; } .footer .left { display: none; } .footer .right { width: 100%; } .footer .right .con .t { display: none; 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 ul { font-size: 14px; line-height: 24px; color: #ccc; padding-top: 20px; } .footer .right ul li { line-height: 30px; } .footer .right ul li:nth-of-type(4) { display: none; } .footer .right ul li a { color: #ccc; } .footer .right dl { float: right; margin-top: 15px; margin-left: 20px; } .footer .right dl img { display: block; width: 110px; margin: 0 auto; } .footer .right dl dd { text-align: center; font-size: 14px; color: #6f6f6f; margin-top: 10px; } .links { display: none; } .copyright { display: none; } #bottom { display: block; } .bottom { width: 100%; height: 60px; background: #0056f9; margin: 0 auto; position: fixed; bottom: 0; left: 0; z-index: 99; } .bottom ul { max-width: 640px; height: 60px; margin: 0 auto } .bottom ul li { width: 25%; height: 60px; display: block; float: left; text-align: center; background: url(../images/bottom_li.png) no-repeat right center } .bottom ul li a { color: #fff; font-size: 12px } .bottom ul li:nth-of-type(4) { background-image: none } .bottom ul li.f1 i { display: block; width: 100%; height: 32px; background: url(../images/f1.png) no-repeat center; margin-top: 5px; } .bottom ul li.f2 i { display: block; width: 100%; height: 32px; background: url(../images/f4.png) no-repeat center; margin-top: 5px; } .bottom ul li.f3 i { display: block; width: 100%; height: 32px; background: url(../images/f2.png) no-repeat center; margin-top: 5px; } .bottom ul li.f4 i { display: block; width: 100%; height: 32px; background: url(../images/f3.png) no-repeat center; margin-top: 5px; } .about_r { background: url(../images/about_r.jpg) no-repeat center; background-size: cover; padding-bottom: 30px; } .about_r .box { padding-top: 34px; } .about_r .box strong { display: block; font-size: 22px; color: #fff; font-weight: normal; } .about_r .box h1 { display: block; font-size: 18px; color: #fff; font-weight: normal; margin: 15px 0; } .about_r .box p { font-size: 14px; color: #fff; line-height: 26px; margin-top: 20px; margin: 0 auto; } .zhuanli { padding-top: 20px; } .zhuanli .lmt strong { display: block; text-align: center; font-size: 22px; font-weight: normal; } .zhuanli .lmt span { display: block; text-align: center; font-size: 14px; color: #666666; margin-top: 10px; } .honorlist ul { margin-top: 20px; } .honorlist ul li { display: block; float: left; width: 49%; margin-right: 2%; } .honorlist ul li:nth-of-type(even) { margin-right: 0; } .honorlist ul li a { display: block; width: 100%; box-sizing: border-box; border: 1px solid #e6e6e6; text-align: center; } .honorlist ul li a img { display: inline-block; width: 90%; margin: 0 auto; vertical-align: middle; } .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: 22px; font-weight: normal; } .wenhua .lmt span { display: block; text-align: center; font-size: 14px; color: #666666; margin-top: 10px; } .wenhua .left { width: 100%; } .wenhua .left dl { width: 100%; background: #f8f8f8; } .wenhua .left dl:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .wenhua .left dl dt { display: block; width: 100%; } .wenhua .left dl dt img { display: block; width: 100%; } .wenhua .left dl dd { width: 100%; padding: 20px; box-sizing: border-box; float: left; } .wenhua .left dl dd strong { display: block; text-align: center; font-size: 18px; font-weight: normal; margin-bottom: 15px; } .wenhua .left dl dd p { font-size: 14px; line-height: 25px; color: #545454; } .wenhua .right { width: 100%; background: #f8f8f8; } .wenhua .right dl img { display: block; width: 100%; } .wenhua .right dl dd { width: 100%; padding: 20px; box-sizing: border-box; } .wenhua .right dl dd strong { display: block; text-align: center; font-size: 18px; font-weight: normal; margin-bottom: 15px; } .wenhua .right dl dd p { font-size: 15px; line-height: 25px; color: #545454; } .neiye { padding-top: 0px; padding-bottom: 0px; background: #fff !important; } .neiye .neiye-l { width: 100%; float: none; } .neiye .neiye-l .nydh { background: #fff; } .neiye .neiye-l .nydh .title { display: none; width: 100%; height: 35px; line-height: 35px; border-bottom: 2px solid #eee; margin-bottom: 15px; } .neiye .neiye-l .nydh .title p { font-size: 18px; color: #333; font-weight: bold; border-bottom: 2px solid #0056f9; display: inline-block; padding: 0 5px; } .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: 100%; } .neiye .neiye-l .nydh .ul li { display: block; width: 32%; height: 38px; line-height: 38px; font-size: 12px; text-align: center; float: left; background: #e6e6e6; margin-right: 1.3%; margin-bottom: 5px; } .neiye .neiye-l .nydh .ul li:nth-of-type(4n+4) { margin-right: 6px; } .neiye .neiye-l .nydh .ul li a { color: #666; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .neiye .neiye-l .nydh .ul li:hover, .neiye .neiye-l .nydh ul li.on { background: #0056f9; } .neiye .neiye-l .nydh .ul li:hover a, .neiye .neiye-l .nydh ul li.on a { color: #fff; } .neiye .neiye-l .nylx { display: none; } .neiye .neiye-r { float: none; width: 100%; } .newsnav { width: 100%; height: 38px; line-height: 38px; border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; } .newsnav .more { float: right; font-size: 14px; color: #a0a0a0; display: none; } .newsnav .more a { color: #a0a0a0; } .newsnav a.more:hover { color: #0075e3 } .newsnav .more a:hover { color: #0075e3 } .newsnav p { font-size: 18px; color: #000000; font-weight: bold; border-bottom: 2px solid #0075e3; height: 38px; line-height: 38px; display: inline-block; position: relative; padding: 0 5px; } .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: #f5f7fa; margin-bottom: 15px; padding-right: 10px; 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: 150px; height: 94px; margin-right: 10px; -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: 16px; color: #363636; height: 35px; line-height: 35px; font-weight: bold; overflow: hidden; } .case_li ul li span { display: none; font-size: 14px; color: #8d8d8d; } .case_li ul li p { font-size: 13px; line-height: 22px; height: 44px; overflow: hidden; color: #8d8d8d; margin-top: 5px; } .case_li ul li a.more { display: none; 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; text-align: center; } .fenye a { display: inline-block; padding: 0 8px; text-align: center; line-height: 28px; font-size: 14px; color: #333; margin: 2px 4px; border-radius: 5px; background: #eee; } .fenye b, .fenye a:hover { display: inline-block; padding: 0 8px; text-align: center; line-height: 28px; font-size: 14px; color: #fff; margin: 2px 4px; background: #0056f9; border-radius: 5px; } .newslist { margin-top: -10px; } .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: 10px 0; padding-right: 10px; } .newslist ul li img { display: block; float: left; width: 150px; height: 94px; margin-right: 10px; } .newslist ul li .t { height: 35px; line-height: 35px; overflow: hidden; } .newslist ul li .t a { display: block; font-size: 16px; color: #303030; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .newslist ul li .t span { display: none; float: right; font-size: 14px; color: #b0b0b0; } .newslist ul li p { font-size: 13px; line-height: 22px; height: 44px; overflow: hidden; color: #8d8d8d; margin-top: 5px; text-align: justify; } .newslist ul li a.more { display: none; font-size: 14px; color: #e43f14; margin-top: 10px; } .newslist ul li .t a:hover { color: #0056f9; } .sideMenu { display: none; } .neiye .pro_list { margin-bottom: 0; } .neiye .pro_list li { display: block; float: left; width: 49%; margin-right: 2%; background: -webkit-linear-gradient(73deg, #0879df, #004eff); box-sizing: border-box; margin-bottom: 10px; border: 1px solid #e1e1e1; } .neiye .pro_list li:nth-of-type(even) { margin-right: 0; } .neiye .pro_list.ipro li:nth-of-type(3) { display: none; } .neiye .pro_list li .pic { display: block; width: 100%; height:50px; position: relative; padding-top: 75%; overflow: hidden; } .neiye .pro_list li img { display: block; position: absolute; width: 95%; min-height: 90%; left: 10px; top: 15px; } .neiye .pro_list li a.t { display: block; text-align: center; font-size: 14px; height: 36px; line-height: 36px; background:#fff; font-weight:bold; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .neiye .pro_list li .pro_c a { display: none; } .neiye .pro_list li .pro_c p { display: none; } .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: 100%; } .neiye .pro_liste li { display: block; font-size: 15px; color: #000000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height:30px; background: url(../images/li.png) no-repeat left center; 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 } .pro-xq .pic { width: 100%; background: -webkit-linear-gradient(73deg, #0879df, #004eff); } .pro-xq .pic img { width: 100%; } .pro-xq .pro-js { width: 100%; } .pro-xq .pro-js h1 { font-size: 18px; color: #000; height: 48px; line-height: 48px; border-bottom: 1px solid #eee; } .pro-xq .pro-js .pro-xx { font-size: 14px; color: #5b5b5b; line-height: 23px; height: auto; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 10px 0; } .pro-xq .pro-lx { padding-top: 25px; border-bottom: 1px solid #eee; padding-bottom: 20px; } .pro-xq .pro-lx p { width: 240px; float: left; font-size: 16px; color: #ff2d2d; margin-bottom: 10px; } .pro-xq .pro-lx p i { display: block; float: left; margin-right: 5px; width: 35px; height: 35px; background: url(../images/ico-tel.png) no-repeat center; background-size: 100%; } .pro-xq .pro-lx p font { line-height: 15px; display: block; font-size: 13px; 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: 20px; font-weight: bold; color: #ff2d2d; line-height: 24px; } .pro-xq .pro-lx a.zx { display: inline-block; float: right; width: 100px; height: 35px; text-align: center; line-height: 35px; color: #fff; font-size: 14px; background: #0285ff; margin-top: 5px; } .pro-xq .pro-lx a.zx:nth-child(1) { display: none; } .pro-xq .pro-lx a.zx1 { background: #3bb3ff; } .pro-xq .pro-lx a.zx:hover { border-radius: 25px; } .danye { font-size: 14px; line-height: 24px; color: #434343; text-align: justify; } .danye p { margin-bottom: 15px; } .danye img { max-width: 100%; height: auto !important; } .biaoti { width: 100%; margin: 0 auto; text-align: center; border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; margin-bottom: 25px; } .biaoti h1 { font-size: 18px; color: #000; font-weight: normal; } .biaoti p { font-size: 14px; color: #ccc; margin-top: 10px; } .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; } .xunjia { padding-bottom: 30px; font-family: "Microsoft YaHei藴" } .xunjia p { width: 100%; height: 40px; margin-bottom: 5px; } .xunjia p em { display: inline-block; width: 70px; text-align: right; font-size: 14px; 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: calc(100% - 100px); padding-left: 5px; height: 32px; line-height: 32px; 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; border-radius: 5px; } .xunjia .miaoshu { width: 100%; height: 110px; padding-top: 6px; } .xunjia .miaoshu em { float: left; } .xunjia .miaoshu textarea { display: inline-block; width: calc(100% - 100px); padding-left: 5px; height: 110px; line-height: 26px; 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: 110px; height: 35px; border: none; background: #0056f9; color: #fff; font-size: 14px; border-radius: 5px; margin-top: 15px; margin-left: 80px; cursor: pointer; font-family: "Microsoft YaHei藴" } .xunjia .reset { background: #bcbcbc; margin-left: 20px; } .tuijian ul { margin-top: 10px; } .tuijian ul li { display: block; width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #ebebeb; padding-left: 12px; background: url(../images/li.png) no-repeat left center; overflow: hidden; box-sizing: border-box; } .tuijian ul li span { float: right; font-size: 14px; color: #b4b4b4; margin-left: 15px; } .tuijian ul li a { display: block; color: #333; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tuijian ul li a:hover { color: #0056f9; } .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: 15px; color: #464646; line-height: 35px; margin-bottom: 35px; } .contact_nr img { display: block; margin-top: 10px; } .floating_ck { display: none } #map { width: 100%; height: 200px; } .nydh_pro { display: block } .nydh_pro li { display: block; width: 24%; height: 38px; line-height: 38px; font-size: 14px; text-align: center; float: left; background: #e6e6e6; margin-right: 1.3%; margin-bottom: 5px; } .nydh_pro li:nth-of-type(4n+4) { margin-right: 0; } .nydh_pro li a { color: #666; display: block; } .nydh_pro li:hover, .nydh_pro li.on { background: #0056f9; } .nydh_pro li:hover a, .nydh_pro li.on a { color: #fff; } .pro-xq .pro-lx { padding-top: 25px; border-bottom: 1px solid #eee; padding-bottom: 20px; } .pro-xq .pro-lx .z { display: block; clear: both; color: #0285ff; line-height: 26px; } .toolbar { display: none; } }