*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:0; margin:0; padding:0; } #bswxbox { box-sizing:content-box; } ul { list-style:none; } body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0; } a:link, a:visited { text-decoration:none; outline:0; color:#666 } a:hover, a:active, a:focus { color:#666; text-decoration:none } img { border:0; padding: 0; margin: 0; max-width:100%; } table { border-collapse:collapse; width:100% } h1, h2, h3, h4, h5, h6 { font-weight:normal; } input, textarea { font-size:14px; outline:0; overflow:hidden; font-family:"宋体"; } input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] { cursor:pointer; outline:0; border: none; } input[type='checkbox'], input[type='radio'] { position:relative; vertical-align:middle; } textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'] { outline:0; color:#666; } input[type="submit"], input[type="reset"], input[type="button"], input[type='text'], select, button { -webkit-appearance:none } input, select, textarea { -webkit-appearance:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); } ::-webkit-input-placeholder { color:#666; } :-moz-placeholder { color:#666; opacity:1; } ::-moz-placeholder { color:#666; opacity:1; } :-ms-input-placeholder{ color:#666; } .clearfix:before, .clearfix:after { content:" "; display:table } .clearfix:after { clear:both; height:0; content:""; line-height:0; font-size:0; display:block } .clear { clear:both; } .pic{ position: relative; overflow: hidden; width: 100%; } .pic:after{ content: ''; display: block; padding-bottom: 100%; } .pic img{ transition: .5s; } .middlecenter { position:absolute; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%; display:block; vertical-align:middle; text-align:center; margin:auto } /*@font-face { font-family: 'sourcehansansregular'; src: ; src: format('embedded-opentype'), format('woff'), format('truetype'), format('svg'); font-weight: normal; font-style: normal; }*/ body { font-family:"宋体"; font-size:14px; } .fl{ float:left; } .fr{ float:right; } input{ outline:none; font-family:"宋体"; } .container{ width:1200px; margin:0 auto; } .head { position: fixed; top: 0; background: #fff; left: 0; width: 100%; z-index: 35; transition: .5s; } .navfix .tou { height: 0; } .tou { height: 190px; transition: .5s; overflow: hidden; clear: both; } .top{ width:100%; margin:0 auto; height:40px; line-height: 40px; background-color:#222; } .noban{ margin-top: 234px !important; } .top_fl{ } .top_fl p{ color: #fff; font-size: 15px; } .top_fr{ } .top_fr li{ float: left; line-height: 40px; background: no-repeat right center; } .top_fr li:last-child{ background: none; } .top_fr li a{ display: block; padding: 0px 15px; color: #fff; } .top_fr li:last-child a{ padding-right: 0px; } .top_fr li a.weixin{ position:relative; } .weixin::after{ content: url(/uploads/image/swimages/ewm.jpg); position: absolute; right: -30px; bottom: -120px; z-index: 99; width:120px; height: 120px; border-radius: 4px; transform-origin: top center; transform: scale(0); opacity: 0; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .weixin:hover::after{ transform:scale(1); opacity: 1; } .logo{ height: 150px; background-color: #fff; } .head_logo{ } .head_logo a{ display: block; padding-top: 45px; } .head_logo a img{ max-width: 100%; height: auto; } .head_txt{ margin-top: 55px; background: no-repeat right center; margin-right: 32px; padding-right: 35px; } .head_txt p{ background: no-repeat right center; color: #4c4948; line-height: 30px; font-size: 18px; padding-right: 20px; } .head_tel{ margin-top: 45px; } .tel{ background: no-repeat left center; padding-left: 65px; } .tel p{ color: #4c4948; } .tel span{ display: inline-block; font-size: 29px; font-weight: bold; color: #225380; } .tel h3{ font-size: 19px; color: #4c4948; } header { width:100%; margin:0 auto; height: 54px; position:relative; } .daohang{ display:block; width:100%; margin:0 auto; height:63px; clear:both; background-color:#fff; border-bottom: 4px solid #245686; } .navdaohang { height:50px; } .menupc li{ line-height:63px; float: left; text-align: center; position: relative; } .menupc li:last-child{ background: none; } .menupc li a { display:block; color:#4c4948; text-transform:capitalize; padding:0px 40px; font-size:18px; transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s; } .menupc li a:hover { color:#fff; background-color: #245686; } .menupc li:hover a { color:#fff; background-color: #245686; } .menupc li .current { color:#fff; background-color: #245686; } .menupc ul { background-color:rgba(136,136,136,0.5) !important; position:absolute; display:none; left:0; overflow:hidden; z-index:999; width:100%; padding:10px 0px; } .menupc ul li { float:none; position:static; text-align:center; background:0; line-height:35px; width:100%; margin-left:0px; background:none; } .menupc ul li a { display:block; font-size:17px; position:static; padding: 0px 10px; color:#fff !important; background-color: transparent !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:0; } .menupc ul li a:after{ content: ''; display: block; width: 85%; height: 1px; background-color: #fff; margin: 3px auto; } .menupc ul li:last-child a:after{ height: 0; margin: 0 auto; } .menupc ul li a:hover { color:#2eb9e7 !important; } .menupc ul li .current { color:#2eb9e7 !important; } .menupc .subnav { display:block; } .home-banner { overflow:hidden; width:100%; margin: 253px auto 0px auto; position:relative; } .home-banner-slick { overflow:hidden } .home-banner-slick .slick-slide { position:relative; } .home-banner-slick .slick-slide img { display: block; width:100%; margin: 0 auto; border:none; } .home-banner .slick-dots { z-index:10; bottom:40px; line-height:0; text-align:center; padding-right:60px } .home-banner .slick-dots li { margin: 7px; padding:0; width: 23px; height: 23px; } .home-banner .slick-dots li button { background-color: #fff; width: 23px; height: 23px; border-radius: 25px; display:block; } .home-banner .slick-dots li button:before { content:""; } .home-banner .slick-dots .slick-active button { background-color: #2eb9e7; } .home-system{ width: 100%; margin: 65px auto; overflow: hidden; } .index_title{ text-align: center; background: no-repeat center; } .index_title h3{ font-size: 45px; color: #888; font-weight: bold; } .index_title p{ font-size: 35px; color: #2eb9e7; } .system_con{ margin-top: 50px; } .system_title{ overflow: hidden; } .system_title ul li { float: left; width: 25%; cursor:pointer; } .system_title ul li h3 { font-size: 25px; color: #fff; font-weight:normal; line-height: 50px; text-align: center; background-color: #878887; } .system_title ul li i{ display: none; position: relative; width: 26px; height: 13px; margin: auto; } .system_title ul li i:after{ content: ''; display: block; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 13px solid #2eb9e7; margin: auto; position: absolute; left: 0; right: 0; } .system_title ul .on i{ display: block; } .system_title ul .on h3{ background-color: #2eb9e7; } .system_show{ margin-top: 30px; overflow: hidden; } .system_show .system_info { display:none; } .system_info{ overflow: hidden; } .system_info_fl{ float: left; width: 490px; padding-top: 40px; } .whxt_title{ overflow: hidden; } .whxt_title h3{ color: #888; font-size: 60px; border-bottom: 1px solid #888; font-weight: bold; margin-bottom: 20px; padding-bottom: 20px; } .whxt_title p{ color: #2eb9e7; font-size: 34px; margin-bottom: 65px; } .whxt_con img{ display: block; max-width: 100%; height: auto; } .system_info_fr{ float: right; width: 680px; } .system_info_fr img{ display: block; max-width: 100%; height: auto; margin: auto; } .kqyrl_title h3{ color: #888; font-size: 60px; font-weight: bold; margin-bottom: 10%; } .dyrl_title h3{ color: #888; font-size: 60px; font-weight: bold; margin-bottom: 10%; } .system_info_fl .kqyrl_b li{ margin: 0px 15px; } .system_info_fl .kqyrl_b li h3{ font-size: 29px; } .system_info_fl .kqyrl_b li p{ font-size: 23px; } .system_info_fl .dyrl_b li{ margin: 0px 15px; } .system_info_fl .dyrl_b li h3{ font-size: 29px; } .system_info_fl .dyrl_b li p{ font-size: 23px; } .home-solutions{ width: 100%; margin: 0 auto; } .sol1{ background-color: #58595e; text-align: center; padding: 50px 0px; font-size: 65px; color: #fff; } .sol3{ background-color: rgba(17,49,83,0.9); padding: 45px 0px; overflow: hidden; text-align: center; color: #fff; font-weight: bold; } .sol3 p{ font-size: 52px; text-shadow: 4px 4px 5px #000; margin-bottom: 20px; } .sol3 p:last-child{ margin-bottom: 0; } .sol2{ overflow: hidden; background-color: rgba(17,49,83,0.9); } .sol2 li{ float: left; width: 49.8%; } .sol2 li:nth-child(odd){ margin-right: 0.4%; } .sol2 li:nth-child(1),.sol2 li:nth-child(2){ margin-bottom: 0.4%; } .sol2 li a{ display: block; position: relative; color: #fff; } .sol2 li a .pic:after{ padding-bottom: 49.3%; } .sol2 li a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .sol_txt{ position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(46,185,231,0.35); } .sol_txt dl{ position: absolute; top: 22%; color: #fff; width: 230px; text-align: center; } .sol2 li:nth-child(odd) .sol_txt dl{ right: 20%; } .sol2 li:nth-child(even) .sol_txt dl{ left: 20%; } .sol_txt dl dt{ font-size: 39px; margin-bottom: 30px; } .sol_txt dl dt i{ display: inline-block; margin-right: 15px; vertical-align: middle; } .sol_txt p{ display: none; width: 120px; background: #2eb9e7 url(/uploads/image/swimages/cxq1.png) no-repeat 15px center; color: #fff; font-size: 16px; line-height: 36px; height: 36px; padding-left: 40px; border-radius: 25px; position: absolute; top: 50%; margin-top: -18px; } .sol2 li:nth-child(odd) .sol_txt p{ right: 20%; } .sol2 li:nth-child(even) .sol_txt p{ left: 20%; } .sol2 li a:hover .sol_txt{ background-color: rgba(0,0,0,0.4); } .sol2 li a:hover .sol_txt dl{ display: none; } .sol2 li a:hover .sol_txt p{ display: block; } .i1{ width: 42px; height: 37px; background: no-repeat center; } .i2{ width: 51px; height: 44px; background: no-repeat center; } .i3{ width: 43px; height: 41px; background: no-repeat center; } .i4{ width: 54px; height: 37px; background: no-repeat center; } .sol_txt dl dd{ font-size: 31px; margin-bottom: 18px; } .home-case{ width: 100%; margin: 0 auto; padding: 65px 0px; overflow: hidden; background: no-repeat top center; background-size: cover; } .case_nav{ margin-top: 30px; } .case_nav ul{ display: flex; justify-content: center; } .case_nav ul li{ margin: 0px 20px; overflow: hidden; } .case_nav ul li a{ display: block; font-size: 28px; color: #888; } .case_nav ul li a:after{ content: ''; display: block; width: 0; height: 2px; background-color: #2eb9e7; margin-top: 10px; transition: .5s; } .case_nav ul li a:hover{ color: #2eb9e7; } .case_nav ul li a:hover:after{ width: 100%; } .case_nav ul li a i{ display: inline-block; margin-right: 15px; vertical-align: text-bottom; } .c1{ background: no-repeat center; width: 26px; height: 25px; } .c2{ background: no-repeat center; width: 24px; height: 27px; } /*.case_nav ul li a.active{ color: #2eb9e7; } .case_nav ul li a.active:after{ width: 100%; } .case_nav ul li a.active .c1{ background: no-repeat center; } .case_nav ul li a.active .c2{ background: no-repeat center; }*/ .case_nav ul li.on a{ color: #2eb9e7; } .case_nav ul li.on a:after{ width: 100%; } .case_nav ul li.on a .c1{ background: no-repeat center; } .case_nav ul li.on a .c2{ background: no-repeat center; } .case_nav ul li a:hover .c1{ background: no-repeat center; } .case_nav ul li a:hover .c2{ background: no-repeat center; } .case_con{ margin-top: 50px; } .case_con .case_info{ display: none; } .case_info{ } .caselist{ position: relative; padding-bottom: 35px; } .caselist li{ margin: 0px 10px; overflow: hidden; } .caselist li a{ display:block; } .caselist li a .pic:after{ padding-bottom: 70.2%; } .caselist li a .pic img{ border: none !important; } .caselist li a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .case_txt{ background-color: #fff; border: 1px solid #888; overflow: hidden; padding: 18px 15px; border-top: none; } .case_txt1{ border-bottom: 1px solid #888; overflow: hidden; padding-bottom: 10px; } .case_txt1 h3{ font-size: 16px; color: #37aed8; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; } .case_txt1 p{ font-size: 15px; color: #717071; } .case_txt2{ margin: 10px 0px 15px 0px; } .case_txt2 p{ color: #717071; font-size: 12.5px; line-height: 20px; } .case_txt2 p.p1{ float: left; width: 50%; } .case_txt2 p.p2{ float: right; width: 50%; } .case_txt2 p.p3{ width: 100%; } .case_txt3{ width: 80px; background: #2eb9e7 no-repeat 9px center; color: #fff; font-size: 12px; line-height: 22px; padding-left: 24px; } .caselist .slick-dots { z-index: 10; bottom: -30px; line-height: 0; text-align: center; } .caselist .slick-dots li { margin: 5px; padding:0; width: 13px; height: 13px; } .caselist .slick-dots li button { width: 13px; height: 13px; border-radius: 25px; display:block; background-color: #717071; } .caselist .slick-dots li button:before { content:""; } .caselist .slick-dots .slick-active button { background-color: #2eb9e7; } .caselist .slick-dots .slick-active button:before { color:transparent; } .caselist .slick-prev, .caselist .slick-next{ width: 28px; height: 64px; bottom: -131px; z-index: 11; } .caselist .slick-prev{ left: 5%; background: #888 no-repeat center; } .caselist .slick-next{ right: 5%; background: #888 no-repeat center; } .caselist .slick-prev:hover{ background: #2eb9e7 no-repeat center; } .caselist .slick-next:hover{ background: #2eb9e7 no-repeat center; } .case_more{ text-align: center; margin-top: 70px; } .case_more a{ display: block; width: 258px; line-height: 62px; color: #fff; background: #2eb9e7 no-repeat 26px center; padding-left: 50px; font-size: 28px; margin: 0 auto; transition: .5s; } .case_more a:hover{ background: rgba(46,185,231,0.8) url(/uploads/image/swimages/more.png) no-repeat 26px center; } .home-advantage{ width: 100%; margin: 65px auto; overflow: hidden; } .adv_con{ margin-top: 35px; overflow: hidden; } .adv_con li{ overflow: hidden; } .adv_con li:nth-child(odd) .adv_con_txt{ float: left; } .adv_con li:nth-child(odd) .adv_con_img{ float: right; } .adv_con li:nth-child(odd) .adv_con_img img{ margin-left: auto; } .adv_con li:nth-child(even) .adv_con_txt{ float: right; } .adv_con li:nth-child(even) .adv_con_img{ float: left; } .adv_con li:nth-child(even) .adv_con_img img{ margin-right: auto; } .adv_con li:nth-child(2){ margin-top: -70px; } .adv_con li:nth-child(4){ margin-top: 30px; } .adv_con li:nth-child(4) .adv_con_txt{ margin-top: 30px; } .adv_con_txt{ width: 55%; margin-top: 30px; } .adv_con_txt1{ background: no-repeat left top; height: 150px; } .adv_con_txt1_fl{ float: left; font-size: 62px; color: #fff; width: 85px; text-align: center; padding-top: 45px; } .adv_con_txt1_fr{ margin-left: 100px; padding-top: 55px; } .adv_con_txt1_fr h3{ font-size: 32px; font-weight: bold; color: #2eb9e7; margin-bottom: 22px; } .adv_con_txt1_fr p{ font-size: 23.5px; color: #4c4948; } .adv_con_txt2{ margin-top: 50px; } .adv_con_txt2 p{ background: no-repeat left 5px; line-height: 30px; color: #888; font-size: 18px; padding-left: 38px; margin-top: 5px; } .adv_con_img{ width: 45%; } .adv_con_img img{ display: block; max-width: 100%; height: auto; } .home-news{ width: 100%; margin: 0 auto; background: no-repeat top center; background-size: cover; padding: 65px 0px; overflow: hidden; } .news_nav{ margin-top: 30px; } .news_nav ul{ display: flex; justify-content: center; } .news_nav ul li{ margin: 0px 20px; overflow: hidden; } .news_nav ul li a{ display: block; font-size: 28px; color: #888; } .news_nav ul li a:after{ content: ''; display: block; width: 0; height: 2px; background-color: #2eb9e7; margin-top: 10px; transition: .5s; } .news_nav ul li a:hover{ color: #2eb9e7; } .news_nav ul li a:hover:after{ width: 100%; } .news_nav ul li a i{ display: inline-block; margin-right: 15px; vertical-align: text-bottom; } .n1{ background: no-repeat center; width: 24px; height: 23px; } .n2{ background: no-repeat center; width: 24px; height: 26px; } .news_nav ul li a.active{ color: #2eb9e7; } .news_nav ul li a.active:after{ width: 100%; } .news_nav ul li a.active .n1{ background: no-repeat center; } .news_nav ul li a.active .n2{ background: no-repeat center; } .news_nav ul li a:hover .n1{ background: no-repeat center; } .news_nav ul li a:hover .n2{ background: no-repeat center; } .news_con{ margin-top: 70px; overflow: hidden; } .news_con li{ float: left; width: 50%; margin-bottom: 25px; overflow: hidden; } .news_con li:nth-child(odd){ padding: 0 5% 0 0; } .news_con li:nth-child(even){ padding: 0 0 0 5%; } .news_con li a{ display: block; border-bottom: 1px solid #888; overflow: hidden; padding-bottom: 25px; } .news_txt1{ font-size: 23px; color: #888; font-weight: bold; height: 60px; overflow: hidden; } .news_con li a:hover .news_txt1{ color: #2eb9e7; } .news_txt2{ font-size: 18px; color: #888; /*margin: 5% 0;*/ overflow: hidden; line-height: 32px; height: 64px; } .news_txt3 p{ float: left; width: 102px; line-height: 33px; color: #fff; background: #2eb9e7 no-repeat 14px center; padding-left: 36px; } .news_txt3 span{ display: inline-block; line-height: 33px; float: right; color: #37add7; font-size: 22px; } .news_more{ text-align: center; margin-top: 30px; } .news_more a{ display: block; width: 258px; line-height: 62px; color: #fff; background: #2eb9e7 url(/uploads/image/swimages/more.png) no-repeat 54px center; padding-left: 50px; font-size: 28px; margin: 0 auto; transition: .5s; } .news_more a:hover{ background: rgba(46,185,231,0.8) url(/uploads/image/swimages/more.png) no-repeat 54px center; } footer{ width: 100%; margin: 0 auto; border-top: 2px solid #2eb9e7; } .footer1{ background-color: #292929; padding: 55px 0 15px 0; overflow: hidden; } .footer1_fl{ float: left; width: 66%; } .footer1_fl li{ float: left; width: 20%; text-align: center; background: no-repeat left top; min-height: 154px; } .footer1_fl li a{ display: block; color: #fff; font-size: 17.7px; } .menulist{ margin-top: 10px; } .menulist li{ float: none; width: 100%; background: none; min-height: auto; padding: 0px 10px; } .menulist li a{ color: #767777; font-size: 15px; line-height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .menulist li a:hover{ color: #2eb9e7; } .footer1_fr{ float: right; width: 34%; } .footer1_fr h3{ color: #fff; font-size: 17.7px; font-weight: normal; margin-bottom: 10px; } .footer1_fr p{ font-size: 15px; color: #767777; padding-left: 30px; line-height: 25px; } .faddress{ background: no-repeat left center; } .ftel{ background: no-repeat left center; } .fewm{ } .fewm p{ float: left; font-size: 15px; color: #767777; padding-left: 30px; line-height: 25px; } .fewm_fr{ margin-left: 100px; } .fewm_fr img{ display: block; width: 57px; height: 57px; } .fewm_fr span{ font-size: 12px; color: #767777; } .footer2{ background-color: #000; padding: 8px 0px; overflow: hidden; } .footer2 p{ line-height: 25px; color: #fff; text-align: center; font-size: 15px; } .footer2 p a{ color: #fff; font-size: 15px; } .footer2 p a:hover{ color: #2eb9e7; } /*联系我们*/ .inner-banner{ width: 100%; overflow:hidden; margin: 253px auto 0px auto; } .inner-banner img{ display: block; width: 100%; height: auto; } .inner-main{ width: 100%; margin: 35px auto 40px auto; overflow: hidden; } .inner_location{ padding-bottom: 35px; } .inner_location p{ color: #878887; font-size: 20px; background: no-repeat left center; padding-left: 35px; line-height: 30px; } .inner_location p a{ color: #878887; font-size: 20px; } .inner_contact{ padding: 5% 0; overflow: hidden; } .ic1{ margin-bottom: 5%; overflow: hidden; } .ic1 li{ float: left; margin-right: 5%; } .ic1 li img{ max-width: 100%; height: auto; margin-bottom: 20px; } .ic1 li p{ text-align: center; font-size: 27px; color: #757677; } .ic2{ margin-bottom: 5%; overflow: hidden; } .ic2 h3{ font-size: 55px; font-weight: bold; color: #717071; } .ic2 h3:after{ content: ''; display: block; width: 60%; height: 1px; background-color: #717071; margin: 30px 0px; } .ic2 p{ color: #757677; font-size: 27px; line-height: 40px; padding-left: 55px; margin-top: 5px; } .caddress{ background: no-repeat left center; } .ctel{ background: no-repeat left center; } .ic3{ overflow: hidden; } .ic3 img{ max-width: 100%; height: auto; } /*资质认证*/ .inner_honor{ overflow: hidden; } .inner_nav{ margin-bottom: 30px; overflow: hidden; } .inner_nav li{ float: left; } .ihonor li{ width: 33.3%; } .inner_nav li a{ display: block; font-size: 25px; color: #fff; line-height: 50px; text-align: center; background-color: #878887; } .inner_nav li:hover a{ background-color: #37aed8; } .inner_nav li i{ position: relative; width: 26px; margin: 0 auto; height: 13px; display: none; } .inner_nav li i:after{ content: ''; display: block; width: 0; height: 0; margin: auto; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 13px solid #37aed8; position: absolute; left: 0; right: 0; } .inner_nav li:hover i{ display: block; } .inner_nav li.active a{ background-color: #37aed8; } .inner_nav li.active i{ display: block; } .ihonor_con{ margin-bottom: 20px; overflow: hidden; } .ihonor_con li{ float: left; width: 33.3%; padding: 0px 15px; overflow: hidden; margin-bottom: 30px; } .ihonor_con li a{ display: block; } .ihonor_con li a .pic:after{ padding-bottom: 70.6%; } .ihonor_con li a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .ihonor_txt{ text-align: center; font-size: 18px; color: #878887; padding: 20px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ihonor_con li a:hover .ihonor_txt{ color: #37aed8; } /*分页*/ .pagination{ text-align:center; color:#666; clear:both; } .pagination a{ display:inline-block ; color: #fff; background-color:#a1a1a1; border:1px solid #a1a1a1; text-align: center; padding:0px 10px; line-height:36px; margin:0px 8px; font-size: 24px; } .pagination a:hover{ color:#fff; background-color:#39a3ca; border:1px solid #39a3ca; } .pagination a.active { display: inline-block; color: #fff; background-color: #39a3ca; border: 1px solid #39a3ca; } /*公司新闻*/ .inner_news { margin-top: 35px; overflow: hidden; } .inews li{ width: 50%; } .inews_con{ margin-bottom: 20px; overflow: hidden; } .inews_con li{ margin-bottom: 30px; overflow: hidden; } .inews_con li a{ display: block; background-color: #ebf7fb; padding: 21px 31px; overflow: hidden; } .inews_date{ float: left; width: 77px; height: 73px; text-align: center; color: #fff; } .inews_date p{ height: 47px; line-height: 47px; background-color: #37aed8; font-size: 28px; } .inews_date span{ display: block; font-size: 18px; height: 26px; line-height: 26px; background-color: #898989; } .inews_txt{ margin-left: 100px; } .inews_txt1{ font-size: 23px; color: #888988; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; } .inews_txt2{ font-size: 19px; color: #888988; line-height: 32px; } .inews_txt2 em{ display: inline-block; font-style: normal; width: 80px; background: #37aed8 url(/uploads/image/swimages/cxq.png) no-repeat 9px center; color: #fff; font-size: 12px; line-height: 22px; padding-left: 24px; float: right; margin-top: 7px; } .inews_con li a:hover .inews_txt1{ color: #37aed8; } /*新闻详情*/ .inner_newsshow{ margin-top: 35px; overflow: hidden; } .inewsshow_con{ overflow: hidden; } .show_title{ text-align: center; padding: 30px 10px; background-color: #f4f4f4; } .show_title h3{ font-size: 52px; text-align: center; color: #000; } .show_title span{ display: inline-block; color:#000; margin:20px 10px 0px 10px; font-size:14px; padding-left:20px; line-height: 20px; } .date{ background:url(/uploads/image/swimages/date.png) no-repeat left center; } .show_content{ line-height: 30px; color:#4c4948; margin:35px 0px 80px 0px; font-size: 21px; } .show_content img{ display: block; margin-right: auto; margin-left: auto; max-width: 100%; height: auto; } .show_back{ border: 1px solid #d8d9d9; overflow: hidden; padding: 45px 70px 35px 70px; } .show_back_fl{ float: left; width: 70%; overflow:hidden; } .show_back_fl li{ margin-bottom:10px; line-height:25px; color:#000; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:21px; } .show_back_fl li a{ color:#000; font-size:21px; } .show_back_fl li a:hover{ color: #007cc3; } .show_back_fr{ overflow:hidden; float: right; width: 15%; } .show_back_fr a{ display:block; line-height:57px; color:#fff; font-size:27px; background-color: #2eb9e7; text-align: center; border-radius: 5px; } /*产品中心*/ .inner_pro{ overflow: hidden; } .ipro li{ width: 25%; } .ipro_con{ margin-bottom: 20px; overflow: hidden; } .ipro_con li{ float: left; width: 33.3%; padding: 0px 15px; overflow: hidden; margin-bottom: 30px; } .ipro_con li a{ display: block; } .ipro_con li a .pic:after{ padding-bottom: 100%; } .ipro_con li a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .ipro_txt{ text-align: center; font-size: 18px; color: #878887; padding: 20px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ipro_con li a:hover .ipro_txt{ color: #37aed8; } /*产品详情*/ .inner_proshow{ overflow: hidden; margin-top: 35px; } .iproshow_con{ overflow: hidden; } .show_proshow{ border-bottom: 1px solid #878887; padding-bottom: 70px; overflow: hidden; margin-top: 35px; } .proshow-max { max-width: 90%; margin: 0 auto; text-align:center; position:relative; cursor:pointer; padding-bottom: 35px; } .proshow-max .item i { display:block; padding-bottom: 50%; background-position:center center; background-repeat:no-repeat; background-size:cover } .proshow-max .slick-next:before,.proshow-max .slick-prev:before{ display: none; } .proshow-max .slick-prev,.proshow-max .slick-next{ width: 38px; height: 90px; margin-top: -45px; top:50%; z-index: 1; } .proshow-max .slick-prev{ left: -50px; background: #888 no-repeat center; } .proshow-max .slick-prev:hover{ background: #2eb9e7 no-repeat center; } .proshow-max .slick-next{ right: -50px; background: #888 no-repeat center; } .proshow-max .slick-next:hover{ background: #2eb9e7 no-repeat center; } .proshow-max .slick-dots { z-index:10; bottom: -35px; line-height:0; text-align:center; } .proshow-max .slick-dots li { margin: 7px; padding:0; width: 22px; height: 22px; } .proshow-max .slick-dots li button { background-color: #888; width: 22px; height: 22px; border-radius: 25px; display:block; } .proshow-max .slick-dots li button:before { content:""; } .proshow-max .slick-dots .slick-active button { background-color: #2eb9e7; } .proshow-max .slick-dots .slick-active button:before { color:transparent; } /*工程案例*/ .inner_case{ overflow: hidden; } .icase li{ width: 50%; } .icase_con{ overflow: hidden; } .icase_con li{ border-bottom: 1px solid #585757; overflow: hidden; padding-bottom: 3%; margin-bottom: 3%; } .icase_con li:last-child{ border-bottom: none; margin-bottom: 0; } .icase_con li a{ display: block; } .icase_con li a .pic{ float: left; width: 407px; } .icase_con li a .pic img{ border: 5px solid #eeedec; } .icase_con li a .pic:after{ padding-bottom: 70.2%; } .icase_txt{ float: left; margin-left: 50px; width: 640px; } .icase_txt1{ border-bottom: 1px solid #888; overflow: hidden; padding-bottom: 20px; } .icase_txt1 h3{ font-size: 29px; color: #37aed8; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; } .icase_txt1 p{ font-size: 24px; color: #717071; } .icase_txt2{ margin-top: 22px; } .icase_txt2 dl{ margin-bottom: 5px; overflow: hidden; color: #717071; font-size: 16.5px; line-height: 30px; } .icase_txt2 dl dt{ float: left; } .icase_txt2 dl dd{ margin-left: 80px; } /*案例详情*/ .inner_line{ width: 100%; height: 1px; background-color: #878887; } .inner_caseshow{ overflow: hidden; margin-top: 35px; } .icaseshow_con{ overflow: hidden; } .show_title p{ margin-top: 10px; color: #717071; font-size: 40px; } /*关于铁鑫*/ .inner-main1{ width: 100%; margin: 35px auto 0px auto; overflow: hidden; } .inner_about{ overflow: hidden; } .about1{ background: no-repeat top center; background-size: cover; padding: 4% 0px 5% 0px; overflow: hidden; } .about1_title{ overflow: hidden; color: #37add7; font-size: 56.5px; position: relative; padding-left: 25px; font-weight: bold; } .about1_title:before{ content: ''; display: block; width: 9px; height: 53px; background-color: #37add7; position: absolute; left: 0; top: 5px; } .about1_con{ padding-top: 5%; overflow: hidden; color: #6d6d6d; } .about1_con h3{ text-align: center; font-size: 37.5px; margin-bottom: 3%; } .about1_con p{ font-size: 27.6px; line-height: 50px; } .about2{ background: no-repeat top center; background-size: cover; padding: 5% 0px; overflow: hidden; } .about2 li{ margin-bottom: 7%; overflow: hidden; color: #fff; } .about2 li:last-child{ margin-bottom: 0; } .about2 li h3{ font-size: 56.5px; font-weight: bold; position: relative; padding-left: 25px; margin-bottom: 2.5%; } .about2 li h3:before{ content: ''; display: block; width: 9px; height: 53px; background-color: #fff; position: absolute; left: 0; top: 5px; } .about2 li p{ font-size: 50px; margin-bottom: 30px; } .about2 li p:last-child{ margin-bottom: 0; } .about3{ background: no-repeat top center; background-size: cover; padding: 3% 0px; overflow: hidden; } .about3_con{ margin-top: 3%; } .about3_con li{ margin-bottom: 2%; overflow: hidden; } .a3_fl{ float: left; font-size: 140px; color: #37add7; font-weight: bold; margin-top: -20px; } .a3_fr{ } .a3_fr p{ font-size: 56.5px; color: #37add7; } .a3_fr span{ font-size: 42.5px; color: #878887; } .about4{ background: no-repeat top center; background-size: cover; padding: 4% 0px 5% 0; overflow: hidden; } .color{ color: #fff !important; } .color:before{ background-color: #fff !important; } .about4_con{ margin-top: 7%; } .about4_con li{ margin-bottom: 2%; overflow: hidden; } .about4_con li:last-child{ margin-bottom: 0; } .a4_fl{ float: left; font-size: 140px; color: #fff; font-weight: bold; margin-top: -20px; } .a4_fl p{ float: left; } .a4_fl sup{ float: left; font-size: 100px; } .a4_fr{ color: #fff; } .a4_fr p{ font-size: 56.5px; font-weight: bold; } .a4_fr span{ font-size: 42.5px; } .about4_info{ font-size: 37.4px; color: #fff; } .about5{ background: no-repeat top center; background-size: cover; padding: 4% 0px 7% 0; overflow: hidden; } .about5_con{ margin-top: 5%; } .about5_con li{ float: left; width: 25%; padding: 0px 9px; overflow: hidden; margin-bottom: 18px; text-align: center; } .hztxt{ background-color: rgba(56,162,200,0.75); overflow: hidden; padding: 30px 5px; } .hztxt p{ font-size: 44.5px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*五恒系统*/ .inner_whxt{ overflow: hidden; } .iwhxt{ margin-bottom: 0; } .iwhxt li{ width: 25%; } .whxt1{ background: no-repeat top center; background-size: cover; padding: 3% 0 4% 0; overflow: hidden; margin-top: -13px; } .whxt1_t{ margin-bottom: 3%; overflow: hidden; text-align: center; } .whxt1_t h3{ font-size: 63px; color: #888; font-weight: bold; } .whxt1_t h3:after{ content: ''; display: block; width: 37%; margin: 15px auto; height: 1px; background-color: #888; } .whxt1_t p{ font-size: 32px; color: #2eb9e7; } .whxt1_b{ overflow: hidden; } .whxt1_b ul{ display: flex; justify-content: center; } .whxt1_b1{ margin-bottom: 3.5%; } .whxt1_b1 li{ width: 200px; margin: 0px 15px; text-align: center; } .whxt1_b li img{ display: block; max-width: 100%; height: auto; margin: 0 auto 15px auto; } .whxt1_b li p{ color: #848584; font-size: 26.5px; line-height: 45px; } .whxt1_b2 li{ width: 175px; margin: 0px 10px; text-align: center; } .whxt2{ overflow: hidden; margin: 3% 0 4% 0; } .whxt2 img{ display: block; max-width: 100%; height: auto; margin: auto; } .whxt3{ background: no-repeat top center; background-size: cover; padding: 4% 0 2% 0; overflow: hidden; } .whxt3_title{ text-align: center; color: #39a1c8; font-size: 73px; } .whxt3_con{ max-width: 78%; margin: 5% auto 0 auto; } .whxt3_con li{ float: left; width: 198px; height: 198px; padding: 0px 18px; margin: 0px 18px 46px 18px; overflow: hidden; } .whxt3_con li:nth-child(1),.whxt3_con li:nth-child(6),.whxt3_con li:nth-child(11){ background-color: rgba(52,150,57,0.85); } .whxt3_con li:nth-child(2),.whxt3_con li:nth-child(4),.whxt3_con li:nth-child(7),.whxt3_con li:nth-child(9),.whxt3_con li:nth-child(12){ background-color: rgba(17,49,83,0.85); } .whxt3_con li:nth-child(3),.whxt3_con li:nth-child(5),.whxt3_con li:nth-child(8),.whxt3_con li:nth-child(10){ background-color: rgba(0,121,117,0.85); } .whxt3_cons{ overflow: hidden; text-align: center; color: #fff; width: 198px; height: 198px; display: table-cell; vertical-align: middle; } .whxt3_cons h3{ font-size: 36px; font-weight: bold; margin-bottom: 10px; } .whxt3_cons p{ font-size: 23px; line-height: 35px; } .whxt4{ overflow: hidden; } .whxt4 img{ display: block; width: 100%; height: auto; } /*地源热泵三联供*/ .dyrl1{ background: no-repeat top center; background-size: cover; padding: 3% 0 4% 0; overflow: hidden; margin-top: -13px; } .dyrl_t{ margin-bottom: 4%; overflow: hidden; text-align: center; } .dyrl_t h3{ font-size: 50px; color: #37aed8; font-weight: bold; } .dyrl_b{ overflow: hidden; } .dyrl_b ul{ display: flex; justify-content: center; } .dyrl_b li{ width: 159px; margin: 0px 5%; text-align: center; } .dyrl_b li:nth-child(1){ color: #db720c; } .dyrl_b li:nth-child(2){ color: #e61f19; } .dyrl_b li:nth-child(3){ color: #66a531; } .dyrl_b li img{ display: block; max-width: 100%; height: auto; margin: 0 auto 25px auto; } .dyrl_b li h3{ font-size: 36px; margin-bottom: 15px; } .dyrl_b li p{ font-size: 26.5px; line-height: 45px; } .dyrl2{ overflow: hidden; margin: 3% 0 4% 0; } .dyrl2 img{ display: block; max-width: 100%; height: auto; margin: auto; } /*空气源热泵二联供*/ .kqyrl1{ background: no-repeat top center; background-size: cover; padding: 3% 0 4% 0; overflow: hidden; margin-top: -13px; } .kqyrl_t{ margin-bottom: 4%; overflow: hidden; text-align: center; } .kqyrl_t h3{ font-size: 63px; color: #888; font-weight: bold; } .kqyrl_b{ overflow: hidden; } .kqyrl_b ul{ display: flex; justify-content: center; } .kqyrl_b li{ width: 159px; margin: 0px 5%; text-align: center; } .kqyrl_b li:nth-child(1){ color: #36add6; } .kqyrl_b li:nth-child(2){ color: #db720c; } .kqyrl_b li:nth-child(3){ color: #66a531; } .kqyrl_b li img{ display: block; max-width: 100%; height: auto; margin: 0 auto 25px auto; } .kqyrl_b li h3{ font-size: 36px; margin-bottom: 15px; } .kqyrl_b li p{ font-size: 26.5px; line-height: 45px; } .kqyrl2{ overflow: hidden; margin: 3% 0 4% 0; } .kqyrl2 img{ display: block; max-width: 100%; height: auto; margin: auto; } /*项目设计*/ .inner_xmsj{ overflow: hidden; } .ixmsj li{ width: 25%; } .xmsj1{ overflow: hidden; } .xmsj1_title{ text-align: center; background: no-repeat center; font-size: 40px; font-weight: bold; color: #37acd6; height: 130px; } .xmsj1_con{ overflow: hidden; } .xmsj1_con li{ float: left; width: 20%; position: relative; } .xmsj1_con li:after{ content: ''; display: block; width: 35px; height: 60px; background: no-repeat center; position: absolute; right: -15px; top: 65px; } .xmsj1_con li:last-child:after{ background: none; } .xmsj1_img{ width: 190px; margin: 0 auto; height: 190px; line-height: 190px; color: #fff; text-align: center; font-size: 29px; font-weight: bold; background-color: #37acd6; border-radius: 180px; } .xmsj1_txt{ margin-top: 30px; text-align: center; font-size: 22px; color: #868686; line-height: 35px; background: no-repeat center; } .xmsj2{ overflow: hidden; margin-top: 5%; } .xmsj2 li{ margin-bottom: 5%; overflow: hidden; } .xmsj2_txt{ float: left; width: 50%; } .xmsj2_txt1{ background: no-repeat left top; font-size: 40px; color: #37acd6; height: 167px; padding: 105px 0 0 90px; font-weight: bold; } .xmsj2_img{ float: right; width: 48%; } .xmsj2_img img{ display: block; width: 100%; height: auto; } .xmsj2_txt2{ margin-top: 40px; } .xmsj2_txt2 p{ background: url(/uploads/image/swimages/p.png) no-repeat left center; line-height: 35px; color: #888; font-size: 27px; padding-left: 38px; margin-top: 5px; } .xmsj3{ background: no-repeat top center; background-size: cover; padding: 5% 0 3% 0; overflow: hidden; } .xmsj3_con{ margin-top: 5%; overflow: hidden; } .xmsj3_con li{ margin-bottom: 4%; overflow: hidden; color: #868686; } .xmsj3_con li:last-child{ margin-bottom: 0; } .xmsj3_con li h3{ font-size: 47.5px; font-weight: bold; margin-bottom: 20px; } .xmsj3_con li p{ font-size: 27px; } /*生产研发*/ .scyf1{ overflow: hidden; } .scyf1_con{ overflow: hidden; } .scyf1_con li{ float: left; width: 25%; position: relative; } .scyf1_con li:after{ content: ''; display: block; width: 35px; height: 60px; background: no-repeat center; position: absolute; right: -15px; top: 65px; } .scyf1_con li:last-child:after{ background: none; } .scyf1_img{ width: 190px; margin: 0 auto; height: 190px; line-height: 190px; color: #fff; text-align: center; font-size: 29px; font-weight: bold; background-color: #37acd6; border-radius: 180px; } .scyf1_txt{ margin-top: 30px; text-align: center; font-size: 22px; color: #868686; line-height: 35px; background: no-repeat center; } .scyf2{ overflow: hidden; margin-top: 4%; background: no-repeat top center; background-size: cover; padding: 5% 0 7% 0; } .scyf2_t{ overflow: hidden; } .scyf2_t li{ float: left; width: 33.3%; padding: 0px 25px; text-align: center; } .scyf2_t li h3{ font-size: 160px; color: #37acd6; font-weight: bold; } .scyf2_t li h3 span{ display: inline-block; width: 80px; height: 80px; line-height: 80px; background-color: #37acd6; color: #fff; font-size: 50px; border-radius: 180px; vertical-align: middle; } .scyf2_t li p{ color: #ffffff; font-size: 51px; border: 1px dashed #fff; padding: 15px 0px; } .scyf2_b{ margin-top: 5%; text-align: center; color: #37acd6; font-size: 81px; font-weight: bold; } .scyf3{ margin: 3% 0; overflow: hidden; } .xmsj1_title h3{ font-weight: bold; } .xmsj1_title p{ color: #868686; font-size: 30.8px; margin-top: 20px; } .scyf3_con{ overflow: hidden; } .scyf3_con li{ float: left; width: 20%; padding: 0px 10px; overflow: hidden; } .scyf3_con li h3{ font-size: 26.5px; color: #36abd4; text-align: center; border: 1px solid #36abd4; border-radius: 25px; line-height: 44px; width: 209px; margin: 0 auto; } .scyf3_con li p{ width: 210px; margin: 25px auto 0px auto; font-size: 21px; color: #868686; line-height: 35px; } .scyf4{ overflow: hidden; } .scyf4 h3{ font-size: 26.6px; color: #36abd4; overflow: hidden; position: relative; padding-left: 15px; } .scyf4 h3:before{ content: ''; display: block; width: 6px; height: 6px; background-color: #36abd4; border-radius: 25px; position: absolute; top:12px; left: 0; } .scyf4 ul{ margin: 2% 0 4% 0; overflow: hidden; } .scyf4 li{ float: left; width: 33.3%; padding: 0 3%; overflow: hidden; } .scyf4 li .pic:after{ padding-bottom: 100%; } .scyf5{ overflow: hidden; } .scyf5 h3{ font-size: 26.6px; color: #36abd4; overflow: hidden; position: relative; padding-left: 15px; } .scyf5 h3:before{ content: ''; display: block; width: 6px; height: 6px; background-color: #36abd4; border-radius: 25px; position: absolute; top:12px; left: 0; } .scyf5 ul{ margin: 3% 0 5% 0; overflow: hidden; } .scyf5 li{ float: left; width: 25%; padding: 0 10px; overflow: hidden; } .scyf5 li .pic:after{ padding-bottom: 136%; } /*施工安装*/ .sgaz1{ background: no-repeat top center; background-size: cover; overflow: hidden; padding: 4% 0; } .sgaz1_t{ overflow: hidden; } .sgaz1_t li{ float: left; width: 50%; padding: 0px 15px; overflow: hidden; margin-bottom: 30px; } .sgaz1_t li h3{ font-size: 34px; color: #36abd4; overflow: hidden; position: relative; padding-left: 15px; font-weight: bold; margin-bottom: 15px; } .sgaz1_t li h3:before{ content: ''; display: block; width: 6px; height: 6px; background-color: #36abd4; border-radius: 25px; position: absolute; top:15px; left: 0; } .sgaz1_t li p{ color: #676867; font-size: 23px; line-height: 35px; border: 1px dashed #676867; padding: 0px 10px; overflow: hidden; height: 122px; display:table-cell; vertical-align:middle } .sgaz1_t li:last-child{ float: none; width: 100%; } .sgaz1_b{ overflow: hidden; margin-top: 2%; } .sgaz1_b li{ float: left; width: 50%; padding: 0px 5px; margin-bottom: 10px; overflow: hidden; position: relative; } .sgaz1_b li .pic:after{ padding-bottom: 62.5%; } .sgaz1_btxt{ position: absolute; right: 5px; background: rgba(55,172,214,0.6); padding: 10px 20px; overflow: hidden; bottom: 0; } .sgaz1_btxt p{ text-align: center; color: #fff; font-size: 26px; font-weight: bold; } .sgaz2{ background-color: #2f455e; overflow: hidden; padding: 4% 0; } .sgaz2_title{ text-align: center; background: no-repeat center; font-size: 40px; font-weight: bold; color: #fff; height: 130px; } .sgaz2_t{ overflow: hidden; } .sgaz2_t1{ margin-bottom: 3%; overflow: hidden; } .sgaz2_t1 li{ float: left; width: 21.7%; position: relative; } .sgaz2_t1 li:after { content: ''; display: block; width: 65px; height: 11px; background: url(/uploads/image/swimages/sgaz2li.png) no-repeat center; position: absolute; right: 20px; top: 69.5px; } .sgaz2_t1 li:last-child{ width: 13%; } .sgaz2_t1 li:last-child:after{ background: none; } .yuan{ width: 150px; height: 150px; border: 1px solid #fff; border-radius: 180px; text-align: center; display:table-cell; vertical-align:middle; font-size: 31px; color: #fff; font-weight: bold; } .sgaz2_t2{ margin-bottom: 5%; overflow: hidden; } .sgaz2_t2 li{ float: left; width: 21.7%; position: relative; } .sgaz2_t2 li:after { content: ''; display: block; width: 65px; height: 11px; background: url(/uploads/image/swimages/sgaz2li.png) no-repeat center; position: absolute; right: 20px; top: 69.5px; } .sgaz2_t2 li:first-child{ margin-left: 11%; } .sgaz2_t2 li:last-child:after{ width: 38px; height: 38px; background: url(/uploads/image/swimages/sgaz2_t2li.png) no-repeat center; top: 46px; right: 45px; } .sgaz2_b{ overflow: hidden; } .sgaz2_b li{ float: left; width: 33.3%; padding: 0px 5px; margin-bottom: 10px; overflow: hidden; position: relative; } .sgaz2_b li .pic:after{ padding-bottom: 76.5%; } .sgaz2_btxt{ position: absolute; right: 15px; background: rgba(55,172,214,0.6); padding: 10px 20px; overflow: hidden; bottom: 0; } .sgaz2_btxt p{ text-align: center; color: #fff; font-size: 26px; font-weight: bold; } .sgaz3{ overflow: hidden; background: no-repeat top center; background-size: cover; padding: 4% 0; } .sgaz3_t{ overflow: hidden; } .sgaz3_t li{ float: left; width: 25%; padding: 0px 15px; margin-bottom: 30px; overflow: hidden; } .sgaz3_t li p{ width: 270px; margin: 0 auto; background-color: #37acd6; text-align: center; color: #fff; font-size: 40px; padding: 30px 5px; } .sgaz3_b{ overflow: hidden; } .sgaz3_b ul{ display: flex; justify-content: center; } .sgaz3_b li{ width: 25%; padding: 0px 15px; overflow: hidden; } .sgaz3_b li p{ width: 270px; margin: 0 auto; background-color: #37acd6; text-align: center; color: #fff; font-size: 40px; padding: 30px 5px; } .sgaz4{ margin: 4% 0; overflow: hidden; } .sgaz4_t{ overflow: hidden; margin-bottom: 3%; } .sgaz4_t li{ float: left; width: 33.3%; padding: 0px 10px; margin-bottom: 20px; overflow: hidden; } .sgaz4_t li p{ font-size: 25px; color: #858685; } .sgaz4_b{ overflow: hidden; font-size: 37px; color: #37acd6; line-height: 50px; } .shywq1{ overflow: hidden; } .shywq1_con{ background: no-repeat top center; height: 623px; background-size: cover; overflow: hidden; } .shywq1_con ul{ width: 58%; float: right; margin-right: 2%; margin-top: 13%; } .shywq1_con li{ overflow: hidden; margin-bottom: 12%; } .shywq1_con li:last-child{ margin-bottom: 0; } .shywq1_con li h3{ font-size: 40px; color: #36abd4; overflow: hidden; position: relative; padding-left: 25px; font-weight: bold; margin-bottom: 20px; } .shywq1_con li h3:after{ content: ''; display: block; width: 6px; height: 6px; background-color: #36abd4; border-radius: 25px; position: absolute; top: 20px; left: 0; } .shywq1_con li p{ font-size: 25px; color: #868686; } .shyw2{ margin: 4% 0; overflow: hidden; } .shyw2_title{ text-align: center; color: #37acd6; font-size: 40px; margin-bottom: 30px; font-weight: bold; } .shyw2_title i{ display: inline-block; width: 6px; height: 6px; background-color: #36abd4; border-radius: 25px; vertical-align: middle; margin-right: 15px; } .shyw2_con{ font-size: 25px; color: #868686; line-height: 38px; } .shyw2_con img{ display: block; max-width: 100%; height: auto; margin: auto; } .shyw3{ overflow: hidden; } .shyw3 li{ margin-bottom: 5%; overflow: hidden; border: 1px dashed #868686; padding: 0px 100px; } .shyw3 li:nth-child(odd) .shyw3_img{ float: left; } .shyw3 li:nth-child(odd) .shyw3_txt{ float: right; } .shyw3 li:nth-child(even) .shyw3_img{ float: right; } .shyw3 li:nth-child(even) .shyw3_txt{ float: left; } .shyw3_img{ width: 375px; height: 211px; } .shyw3_img img{ display: block; max-width: 100%; height: auto; margin: auto; } .shyw3_txt{ width: 530px; } .shyw3_txts{ display:table-cell; vertical-align:middle; height: 211px; } .shyw3_txt h3{ font-size: 40px; color: #36abd4; overflow: hidden; position: relative; padding-left: 25px; font-weight: bold; margin-bottom: 20px; } .shyw3_txt h3:after{ content: ''; display: block; width: 6px; height: 6px; background-color: #36abd4; border-radius: 25px; position: absolute; top: 20px; left: 0; } .shyw3_txt p{ font-size: 25px; color: #868686; } /*合同能源管理*/ .inner_htnygl{ overflow: hidden; } .htnygl1{ overflow: hidden; background: no-repeat top center; background-size: cover; padding: 5% 0; } .htnygl1_t{ overflow: hidden; max-width: 83%; margin: 0 auto 5% auto; } .htnygl1_t h3{ color: #37abd5; font-size: 59px; font-weight: bold; margin-bottom: 3%; } .htnygl1_t p{ color: #4c4948; font-size: 39px; line-height: 55px; } .htnygl1_b{ overflow: hidden; } .htnygl1_b_con li{ float: left; width: 21%; position: relative; } .htnygl1_b_con li:after { content: ''; display: block; width: 35px; height: 60px; background: url(/uploads/image/swimages/xmsj1li.png) no-repeat center; position: absolute; right: 12px; top: 75px; } .htnygl1_b_con li:last-child{ width: 16%; } .htnygl1_b_con li:last-child:after{ background: none; } .yuan1{ width: 190px; height: 190px; background-color: #37abd5; border-radius: 180px; text-align: center; display:table-cell; vertical-align:middle; font-size: 29px; color: #fff; font-weight: bold; } .htnygl2{ overflow: hidden; margin: 5% 0; } .htnygl2_con{ overflow: hidden; } .htnygl2_con li{ margin-bottom: 5%; overflow: hidden; } .htnygl2_con li:last-child{ margin-bottom: 0; } .htnygl2_con_fl{ float: left; width: 320px; background: url(/uploads/image/swimages/xmsj1li.png) no-repeat right center; } .htnygl2_con_fl em{ display: inline-block; width: 90px; height: 103px; } .em1{ background: url(/uploads/image/swimages/1.jpg) no-repeat left center; } .em2{ background: url(/uploads/image/swimages/2.jpg) no-repeat left center; } .em3{ background: url(/uploads/image/swimages/3.jpg) no-repeat left center; } .htnygl2_con_fl span{ display: inline-block; font-size: 38px; color: #37abd5; text-align: center; font-style: italic; vertical-align: top; margin-top: 15px; } .htnygl2_con_fr{ float: right; width: 840px; font-size: 26px; color: #4c4948; line-height: 40px; } .htnygl3{ background: url(/uploads/image/swimages/htnygl3bg.jpg) no-repeat top center; background-size: cover; overflow: hidden; padding: 5% 0; } .htnygl3_con{ overflow: hidden; margin-top: 5%; } .htnygl3_con li{ float: left; width: 50%; padding: 0 5%; margin-bottom: 5%; overflow: hidden; } .htnygl3_con li h3{ font-size: 30px; color: #4c4948; margin-bottom: 20px; } .htnygl3_con li p{ font-size: 27px; color: #636363; line-height: 40px; } .add1{ text-align: center; font-size: 50px; color: #37aed8; padding: 3% 0 1.5% 0; overflow: hidden; font-weight: bold; } .add2{ background-color: #f5f5f5; overflow: hidden; padding: 3% 0; } .add2_1{ line-height: 30px; color: #717171; font-size: 18px; overflow: hidden; margin-bottom: 20px; } .add2_1 img{ display: block; max-width: 100%; height: auto; margin: auto; } .add2_2{ overflow: hidden; } .c-video { position: relative; width: 100%; margin: 0 auto; } .c-video video { width: 100% } .c-video img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 70px; height: 70px; visibility: visible; opacity: 1; -webkit-transition: opacity .5s cubic-bezier(0, 0, .25, 1) 0s; transition: opacity .5s cubic-bezier(0, 0, .25, 1) 0s; cursor: pointer } .c-video img.is-hidden { opacity: 0; visibility: hidden; -webkit-transition: opacity .5s cubic-bezier(0, 0, .25, 1) 0s; transition: opacity .5s cubic-bezier(0, 0, .25, 1) 0s } .add3{ margin: 3% 0 4% 0; } .add3list{ position: relative; } .add3list li{ margin: 0px 10px; overflow: hidden; } .add3list li a{ display:block; } .add3list li a .pic{ border: 1px solid #878787; } .add3list li a .pic:after{ padding-bottom: 100%; } .add3list li a .pic img{ border: none !important; } .add3list li a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .add3_txt{ background-color: #878787; overflow: hidden; padding: 20px 5px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .add3_txt p{ font-size: 20px; color: #fff; } .add3list li a:hover .add3_txt{ background-color: #2fb9e8; } .add3list .slick-dots{ z-index: 10; bottom: -30px; line-height: 0; text-align: center; display: none !important; } .add3list .slick-dots li { margin: 5px; padding:0; width: 13px; height: 13px; } .add3list .slick-dots li button { width: 13px; height: 13px; border-radius: 25px; display:block; background-color: #717071; } .add3list .slick-dots li button:before { content:""; } .add3list .slick-dots .slick-active button { background-color: #2eb9e7; } .add3list .slick-dots .slick-active button:before { color:transparent; } .add3list .slick-prev, .add3list .slick-next{ width: 28px; height: 64px; top: 50%; margin-top: -32px; z-index: 11; } .add3list .slick-prev{ left: -5%; background: #888 no-repeat center; } .add3list .slick-next{ right: -5%; background: #888 no-repeat center; } .add3list .slick-prev:hover{ background: #2eb9e7 no-repeat center; } .add3list .slick-next:hover{ background: #2eb9e7 no-repeat center; } .footer0{ background-color: #292929; padding: 15px 0; overflow: hidden; border-bottom: 1px solid #4c4747; } .footer0 p{ float: left; color: #fff; font-size: 20px; line-height: 30px; } .footer0 a{ float: left; color: #fff; font-size: 18px; line-height: 30px; margin-right: 15px; } .footer0 a:hover{ color: #2eb9e7; }