/*缁囨ⅵ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: 1200px; } .box { width: 1310px; 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; width: calc(100% - 300px); } .right { float: right; } a { text-decoration: none; } header { display: none; } .header { padding-top: 25px; padding-bottom: 20px; } .header .logo img { display: block; } .header .tel { width: 300px; margin-top: 30px; } .header .tel img { display: block; float: left; margin-right: 5px; } .zt_list_m{display:none;} .zt_list_m img{display: block;} .zt_list img{width:100%;display: block;} .zt_list .zt_video{position:relative;} .zt_list .zt_video video{position:absolute;top: 35%;right: 18%;} .pcsxj_zt p:nth-child(2) { display: flex; max-width: 1200px; margin: 60px auto; } .pcsxj_zt p:nth-child(2) a{display:block;width: 33.33%;} .pcsxj_zt p:nth-child(2) img { width:100%; } p.left_right { display: flex; max-width: 1340px; margin: 0 auto; } p.left_right a { width: 50%; display: block; } p.left_right img { width: 100%; } .zt_list .zt_video video#videoMode { width: 32%; border-radius: 5px; cursor: pointer; } .header .tel span { display: block; font-size: 16px; color: #9b9b9b; margin-top: -5px; } .header .tel strong { display: block; font-family: "Times New Roman", Times, serif; font-size: 32px; color: #eb8916; } .nav { background: #eb8916; line-height: 65px; } .nav1{background:#006464;} .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: #000; }*/ .nav ul li.nLi a { display: block; color: #fff; } /*.nav ul li.nLi:last-child:before { content: "|"; position: absolute; right: 0; top: 0; color: #000; }*/ .nav ul li.nLi a:hover { background: #eb932f; } .nav1 ul li.nLi a:hover{ background: #0f7777; } .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: #eb8916; } .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: 1310px; 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: #eb8916; } .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: #eb8916; 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: 32px; } .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 #eb8916; 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: #eb8916; padding: 0 20px; font-size: 18px; } .index_pro .title1 { border-bottom: 2px solid #df3536 } .index_pro .title1 strong { background: #df3536 } .pro_box { margin-bottom: 50px; } .index_pro .pro_list li { display: block; float: left; width: 23.0%; height: 320px; margin-right: 1.8%; /*background: #fff;*/ /*padding: 2%;*/ box-sizing: border-box; transition: all .5s; margin-bottom: 50px; } .index_pro .pro_list li:last-child { margin-right: 0; } .index_pro .pro_list li .pic { display: block; width: 282px; height: 282px; position: relative; /* padding-top: 75%;*/ overflow: hidden; } .index_pro .pro_list li img { display: block; position: absolute; width: 100%; height: 282px; /* min-height: 100%;*/ left: 0; top: 0; transition: all .5s; } .index_pro .pro_list li a.t { display: block; text-align: center; height: 40px; line-height: 40px; font-size: 16px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 282px; margin-top: 10px; } .index_pro .pro_list li span.use_range{display:block;color: #5a5653; font-size: 14px;} .index_pro .pro_list li span.use_range i{background-color: #555555; color: #fff; border-radius: 5px; padding: 2px 5px; font-style: normal;} .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: #eb8916; 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: #eb8916; } .index_pro .left { width: 49%; } .index_pro .right { width: 49%; } .index_pro .left .pro_list li { width: 48%; padding: 3%; margin-right: 4%; } .index_pro .left .pro_list li:last-child { margin-right: 0; } .index_pro .right .pro_list li { width: 48%; padding: 3%; margin-right: 4%; } .index_pro .right .pro_list li:last-child { margin-right: 0; } .youshi { padding-top: 50px; padding-bottom: 50px; } .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: #eb8916; } .youshi .lmt .t strong { display: block; font-size: 36px; color: #eb8916; } .youshi .lmt .t .p { width: 760px; margin: 0 auto; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #eb8916; 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 #eb8916; 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: 200px; height: 156px; background: rgba(235,137,22,.35); 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: #eb8916; display: block; padding-top: 55px; } .youshi ul li .right p { text-align: center; 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: #eb8916; } .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: #eb8916; } .case { padding-top: 50px; padding-bottom: 50px; } .case .lmt { text-align: center; } .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: 32px; color: #000; /* position: absolute; left: 0; top: 65px;*/ margin-bottom: 20px; } .t1 { font-size: 24px; color: #000; } .t1 span{ display: inline-block; font-size: 12px; color: #f1f1f1; } .case .lmt .t span { display: inline-block; font-size: 12px; color: #f1f1f1; } .case ul { width: 1310px; padding-top: 30px; } .case ul li { display: block; float: left; width: 380px; margin: 0 28px; 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; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:380px; } .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: #eb8916; } .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: #eb8916; border: 1px solid #eb8916; } .news { padding-bottom: 50px; } .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 #eb8916; display: inline-block; padding-right: 3px; } .news .title a:hover { color: #eb8916 } .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: 8px; margin-bottom: 5px; } .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 { font-size: 15px; color: #333; font-weight: bold; } .news .xinwen .right .tj p a:hover { color: #eb8916 } .news .xinwen .right .tj span { display: block; font-size: 14px; color: #959595; line-height: 26px; height: 52px; overflow: hidden; } .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: #eb8916 } .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: #eb8916; 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: #7f8287; position: absolute; left: 0; top: 0px; font-style: normal; } .news .wenti dl dd a:hover { color: #eb8916 } .footer { background: #252525; padding-top: 45px; padding-bottom: 20px; } .footer .box { background: url(../images/footer_box.png) no-repeat 20px center; } .footer .foot_about{ color: #6f6f6f; line-height: 24px; } .footer .foot_about span{ display: block; font-size:18px; font-weight: 600; margin-bottom: 10px; } .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: #6f6f6f; } .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: #8c8c8c; line-height: 32px; margin-bottom: 12px; padding-left: 40px; } .footer .right .con ul li a { color: #8c8c8c; } .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; padding:20px 0; } .copyright a { color: #a6a6a6; margin-right: 10px; } #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; line-height: 72px; background: #eb8916; 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: 38px; line-height: 38px; 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: #eb8916; } .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: #eb8916; } .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,.pro_newslist { width: 100%; margin-top: 16px; background: #fff; } .nylx .title,.pro_newslist .title { width: 100%; height: 50px; background: #eb8916; padding-left: 24px; color: #fff; font-size: 17px; font-weight: bold; line-height: 50px; box-sizing: border-box; position: relative; } .nylx .title:after,.pro_newslist .title:after { content: ""; width: 5px; height: 15px; background: #fff; border-radius: 5px; position: absolute; left: 12px; top: 19px; } .nylx .title span,.pro_newslist .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: #eb8916; } .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: 1050px; } .newsnav { width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #eb8916; margin-bottom: 30px; background-color: #eee; } .pro-xq { margin-bottom: 30px; } .newsnav .more { float: right; font-size: 15px; color: #999; padding-right: 20px; } .newsnav .more a { color: #999; } .newsnav a.more:hover { color: #eb8916 } .newsnav .more a:hover { color: #eb8916 } .newsnav p { font-size: 17px; color: #000000; padding: 0 20px; /*border-bottom: 2px solid #eb8916;*/ /* height: 57px; line-height: 57px;*/ display: inline-block; position: relative; cursor: pointer; } .newsnav .on{ background-color:#eb8916; color:#fff; } /*.newsnav p:after { content: ""; width: 5px; height: 18px; background: #eb8916; 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: #eb8916 } .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: #eb8916; 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: #eb8916; display: inline-block; margin-top: 10px; } .newslist ul li .t a:hover { color: #eb8916; } .danye { font-size: 15px; line-height: 28px; color: #434343; text-align: justify; } .danye p { margin-bottom: 15px; } .marginline p[style]{margin:0px;} .danye img { max-width: 100%; margin: 0 auto; display: block; } .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: #eb8916; } .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: #eb8916; } .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: #eb8916; 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: 483px; margin-right: 50px; } .pro-xq .pic img { width: 483px; height: 483px; } .pro-xq .pro-js { width: 517px; float: left; } .pro-xq .pro-js h1 { font-size: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; margin-bottom: 10px; /*height: 68px; line-height: 68px;*/ /*border-bottom: 1px solid #eee;*/ } .pro_des { font-size: 14px; color:#eb8916; } .pro-xq .pro-js .pro-xx { font-size: 14px; color: #5b5b5b; line-height: 23px; /*height: 123px;*/ border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 5px 0; margin-top: 15px; 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-ad{width:100%;} .pro-ad img{display:block;width:100%;} .pro-xq .pro-lx .z { display: block; clear: both; color: #5d5d5d; line-height: 30px; } .pro-xq .pro-lx p { width: 260px; float: left; font-size: 16px; color: #5d5d5d; 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: #5d5d5d; 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: #eb8916; margin-top: 5px; border-radius: 25px; } .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: 1050px; } .neiye .pro_list li { display: block; float: left; width: 336px; margin-right: 20px; background: #fff; box-sizing: border-box; transition: all .5s; border: 1px solid #e1e1e1; margin-bottom: 15px; } .neiye .pro_list li:nth-child(3n){margin-right: 0px;} .neiye .pro_list li:last-child { margin-right: 0; } .neiye .pro_list li .pic { display: block; width: 100%; height: 334px; position: relative; /* padding-top: 75%;*/ overflow: hidden; } .neiye .pro_list li img { display: block; position: absolute; width: 100%; min-height: 100%; left: 0; top: 0; transition: all .5s; } .neiye .pro_list li a.t { display: block; text-align: center; height: 46px; line-height: 46px; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .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: #eb8916; } .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: #eb8916; 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: #eb8916; 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: #eb8916; 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: #eb8916; 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: #eb8916; 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 #eb8916; 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: #eb8916;*/ 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 #eb8916; 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 } } .product_li { font-size: 13px; padding-left: 46px; } .product_li a { color: #575757; display: block; margin: 10px 0px; } .lanmu{margin:0 auto;width:50%;margin-bottom: 45px;} .lanmu li{float:left;width:11%;text-align:center;font-size: 20px;background-color: #555;margin: 0 1.5%;padding: 8px 0px;box-sizing: border-box;border-radius: 5px;} .lanmu li a{color:#fff;} .lanmu li:hover{background-color:#eb8916;} /*.lanmu li a:hover{color:#eb8916;}*/ .pro_newslist .pro_fenlei{width: 100%; border: 1px solid #e9e9e9; border-top: none; box-sizing: border-box; font-size: 14px; color: #5d5d5d; line-height: 29px; padding-left: 5px; padding-bottom: 10px; padding-top: 10px; } .pro_newslist .pro_fenlei li{background: url(../images/li.png) no-repeat;background-position: 0px;box-sizing: border-box;padding: 0 10px;} .pro_newslist .protuijian li{background:none;} .pro_newslist .pro_fenlei a{color: #5d5d5d;display:block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .pro_newslist .pro_fenlei a img{display:block;width:100%;} .pro_newslist .pro_fenlei a span{display:block;text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .pro_newslist .pro_fenlei a:hover{color:#eb8916;} .product_li a:hover{color:#eb8916} .biaoti p span:first-child { margin-right: 10px; } .case_des{color:#959595;font-size:14px;margin-bottom:10px;} h1.rsdjj{font-size: 18px;margin: 20px 0px;} h1.rsdjj a{color:#434343;} .index_ad{position:relative;} .index_ad img{display:block;max-width:1920px;width:100%;min-width:1200px;margin:0 auto;} .index_ad .zx_button{position: absolute; top: 76%; left: 13%; background: #ffffff; border-radius: 15px; color: #eb8916; display: block; font-size: 22px; font-family: "榛戜綋"; font-style: oblique; width: 200px; text-align: center; padding: 5px 0px;} /*鑽h獕璇佷功鏍峰紡*/ .container { width: 1310px; margin: 0 auto; margin-bottom: 40px; } .section-title { margin-bottom: 40px; font-size: 24px; } .section-title span { display: inline-block; font-size: 12px; color: #f1f1f1; } .str_wrap { position: relative; overflow: hidden; } .str_move { position: absolute; left: 0; top: 0; cursor: move; white-space: nowrap; } .in-honours ul { font-size: 0; } .in-honours li { width: 280px; display: inline-block; vertical-align: middle; margin-right: 30px; } .img-center img { display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; -webkit-transition: all 0.5s; transition: all 0.5s; } /*鑽h獕璇佷功鏍峰紡*/ .partner_bg{background: #eee;width:100%; padding: 50px 0px;} .partner_img,.partner{width:1310px;margin:0 auto;} .partner{margin-top:50px;} .partner_title{font-size: 32px; color: #000;text-align:center;margin-bottom: 30px;} .partner_title span{display: inline-block; font-size: 12px; color: #f1f1f1; margin-bottom: 20px; } /*.partner_bg .partner_img img{width:100%;}*/ @media (max-width: 800px){ .partner_img,.partner{width: 96%; margin: 0 auto;} .partner_title{font-size: 20px;text-align:left;margin-top:20px;} .partner_title span{display:none;} } .pro_canshu{ border-bottom: 1px solid #e5e5e5;} .pro_canshu table tr td:nth-child(2n+1) { background-color: #f3f3f3; color: #fff; } .pro_canshu table td { padding: 5px 0; border: 1px solid #e5e5e5; vertical-align: middle; } .pro_canshu table { color: #5d5d5d; text-align: center; border-collapse: collapse; } .srcoll{ position: fixed; top: 350px; left: 1%; z-index: 100; } .srcoll p{ position: absolute; display: flex; align-items: center; height: 28px; line-height: 28px; color: #fff; background-color: #4c4c4c; border-radius: 14px; margin: 6px 0; padding: 0 4px; box-sizing: border-box; opacity: 0; transform: translateY(-20px); transition: all 1s ease; z-index: -1; /* min-width: 80px; max-width: 45vw;*/ font-size: 14px; left:1%; top:0; } .srcoll .fade-in{ transform: translateY(-40px); opacity: 1 !important; transition: all 1s ease; } .srcoll .fade-out{ transform: translateY(-80px); opacity: 0; transition: all 1s ease; } .srcoll p span:first-child{ background-color: #9861E6; width: 20px; height: 20px; display: inline-block; border-radius: 50%; background: #9861E6; background-image: url(../images/icon.png); background-repeat: no-repeat; background-position: center center; background-size: 10px 9px; } .srcoll p span:last-child{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /*棣栭〉鍚堜綔浼欎即*/ .partner_img ul li{ float: left; width:242px; height:109px; cursor: pointer; position: relative; margin: 10px; } .partner_img ul li img{ width:242px; height:109px; position: absolute; z-index: 2; transform: rotateY(0deg); transition: all 0.5s ease 0s; backface-visibility: hidden; border: 1px solid #ececec; box-sizing: border-box; } .partner_img ul li:hover img{ transform: rotateY(180deg); } .partner_img ul li span{ width:242px; height:109px; line-height: 109px;; text-align: center; transform: rotateY(-180deg); transition: all 0.5s ease 0s; backface-visibility: hidden; color: #fff; background: #0075d5; font-size: 18px; display: block; } .partner_img ul li:hover span{ transform: rotateY(0deg); } /*浜у搧璇勮*/ .pro-comment dl{padding:15px 0;border-bottom:1px solid #eee;} .pro-comment dl dt{float:left;width:10%;margin-left: 2%;} .pro-comment dl dt img{border-radius:50%;vertical-align: middle;} .pro-comment dl dd .com-star{background:url(../images/star.png) no-repeat;width:79px;height:14px;display:block;} .pro-comment dl dd .com-con{margin:15px 0;} .pro-comment dl dd .com-xinghao{font-size: 12px;color: #5d5d5d;float:left;margin-right:10px;} .pro-comment dl dd .com-time{font-size: 12px;color: #5d5d5d;float:left;} .pro-comment dl dt span{display:inline-block;margin-left: 5%;font-size: 12px;color: #5d5d5d;} .pro-comment dl dd{float: left;width: 83%;margin-left: 5%;} .pro-comment dl dd .com-con p {margin: 10px 0;} .pro-comment dl dd .com-con p img{cursor:pointer;width:48px;height:48px;border: 2px solid #e53e41;padding: 0;margin-right: 6px;} .after-sales,.pro-comment{display:none;} .after-sales p {margin: 10px 0;} .pro-comment dl dd .com-con .imgsrc img{width:auto;height:auto;max-width:300px;} .after-sales ul li {margin: 10px 0;list-style: disc inside;} /*棣栭〉閲戠墝閿€鍞?/ .team{width: 1310px;margin: 50px auto;overflow: hidden;position: relative;height: 289.75px;} .team ul{width:1965px;position: absolute;top:0;left:-327.5px;} .team ul:after{ content: ""; clear: both; zoom: 1; visibility: hidden; display: block; height: 0; } .team ul li{width: 250px;float: left;margin:0 38.75px;list-style: none;} .team ul li img{width: 100%;display: block;} .box .left a img { display: inline-block; } .box .left a { display: block; } .box .left a img.topad1 { width: 250px; } .box .left a img.topad2 { width: calc(100% - 250px); } .index_pro .pro_list span.zhekou { display: inline-block; vertical-align: text-bottom; } .index_pro .pro_list .zhekou img { height: 24px; position: static; width: auto; margin-right: 5px; } .pro-js .zhekou { display: inline-block; vertical-align: sub; margin-right: 5px; } /*閬僵灞傚紑濮?/ .tooltip{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;} .tooltip img{display:block;width:390px;height:430px;} .tooltip span{display: block; position: absolute; right: 0; top: 0; width: 50px; height: 50px; cursor: pointer; background:#ef3026 url(../images/offimg.png) no-repeat center; background-size: cover; border-radius: 50%; } #mask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); z-index: 1000; } /*閬僵灞傜粨鏉?/