www.gusucode.com > 9:【198-3440】高端网络建设公司设计类网站织梦模板(带手机端) > 9:【198-3440】高端网络建设公司设计类网站织梦模板(带手机端)/skin/css/style.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ /*整站样式*/ html, body, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; border: 0; } body { font-size: 12px; font-family: '微软雅黑', Arial; } ul, ol, li { list-style-type: none; } img { border: 0; vertical-align: middle } select, input, select { vertical-align: middle; outline: none; } table { border-collapse: collapse; border-spacing: 0 } iframe { border: none; } a:link { color: #666666; text-decoration: none; } a:visited { color: #666666; text-decoration: none; } a:hover { color: #0093ff; text-decoration: none; } a:active { color: #0093ff; text-decoration: none; } .c { clear: both; font-size: 0; line-height: 0; height: 0; visibility: visible; } .h { display: none; visibility: visible; } .wrap { border: 0; padding: 0; width: 1200px; margin: 0 auto; *zoom:1; } .wrap:after { clear: both; content: ""; display: table; } .fix { *zoom:1; } .fix:after { clear: both; content: ""; display: table; } .fl { float: left; } .fr { float: right; } .posr { position: relative; } .btn { font-family: "宋体"; font-weight: normal; } .px20 { height: 20px; line-height: 20px; } /* 编辑器内容样式 凡是编辑器修改区域加上 */ .editor { line-height: 24px; text-align: left; } .editor p { text-indent: 2em; } .editor ol li { list-style-type: circle; margin-left: 25px; } .editor ul li { list-style-type: square; margin-left: 25px; } /*分页*/ .m-page { text-align: center; font-size: 0; height: 38px; line-height: 38px; padding-right: 10px; margin-top: 20px; } .m-page li { display: inline } .m-page a, .m-page i { display: inline-block; font-size: 15px; background-color: #fff; padding: 0px 13px; height: 36px; overflow: hidden; text-align: center; border: 1px #2eafbb solid; color: #2eafbb; font-family: Arial; margin-left: 5px; vertical-align: top; } .m-page a.next, .m-page a.prev { font-family: 宋体; font-size: 16px; font-weight: 700; } .m-page a:hover, .m-page li.thisclass a { background-color: #2eafbb; color: #fff; } .m-page span { font-size: 14px; padding-right: 10px; } /* header */ .section { overflow: hidden; } .header { height: 100px; } .header h1 { width: 154px; } .logo { padding-top: 14px; } .header .logo_text { width: 163px; margin-top: 24px; padding-left: 5px; } .top { text-align: right; color: #888888; padding-top: 12px; *position:relative; *z-index:2; } .top a { color: #888888; margin-left: 8px; } .top .call { background: url("../img/sprite.png") no-repeat 0 0; display: inline-block; width: 20px; height: 16px; vertical-align: bottom; margin-right: 4px; } .top .call_tel { color: #15909c; } .top .email { display: inline-block; width: 18px; height: 16px; background: url("../img/sprite.png") no-repeat -20px 0; vertical-align: bottom; margin-right: 4px; } .top .weixin { display: inline-block; width: 18px; height: 16px; background: url("../img/sprite.png") no-repeat -60px 0; vertical-align: bottom; margin-right: 4px; } .top .ewm { position: relative; z-index: 10000; } .top .ewm img { position: absolute; right: 0; top: 30px; z-index: 999; border: 1px solid #ddd; padding: 4px; background: #fff; display: none; z-index: 10000; } .nav { margin-top: 18px; position: relative; } .nav li { float: left; padding-left: 40px; } .nav li a { font-size: 14px; color: #000000; line-height: 24px; display: inline-block; } .nav .nav_icon { background: #15909c; height: 1px; line-height: 1px; display: inline-block; position: relative; top: -6px; *top:0px; } .home_title { text-align: center; padding-top: 50px; } /* footer */ .contact { background: #2eafbb; margin-top: 40px; padding-top: 38px; padding-bottom: 60px; } .contact h2 { margin-bottom: 28px; } .contact h2 a { font-size: 18px; color: #fff; font-weight: normal; } .home_about { width: 250px; } .home_about dt { margin-bottom: 24px; } .home_about dt a { font-size: 18px; color: #fff; font-weight: normal; } .home_about dd { color: #eeeeee; line-height: 28px; font-family: "宋体"; } .home_about .more { color: #fff; display: inline-block; border: 1px solid #cccccc; line-height: 38px; padding: 0 24px; margin-top: 12px; } .home_about .more:hover { border-color: #fff; } .home_case { width: 300px; margin-left: 45px; } .home_case li { border-top: 1px solid #ccc; height: 70px; padding: 14px 0; } .home_case li:first-child { border: 0; padding-top: 3px; } .home_case li img { float: left; margin-right: 18px; } .home_case h5 { margin-top: -5px; line-height: 28px; } .home_case h5 a { font-size: 14px; color: #fff; font-weight: normal; } .home_case .text { line-height: 22px; } .home_case .text a { color: #dddddd; font-family: "宋体"; } .home_case .label { color: #cccccc; line-height: 28px; } .home_service { width: 230px; margin-left: 45px; } .home_service a.sub { font-size: 12px; color: #fff; line-height: 38px; width: 98px; display: inline-block; border: 1px solid #cccccc; text-align: center; margin-right: 12px; margin-bottom: 12px; margin-top: 3px; } .home_service a.sub:hover { border-color: #fff; } .home_contact { margin-left: 40px; } .home_contact li { color: #ddd; margin-bottom: 14px; } .home_contact li i { display: inline-block; width: 18px; height: 18px; margin-right: 10px; vertical-align: middle; } .home_contact li .addres { background: url("../img/sprite.png") no-repeat 0 -20px; } .home_contact li .weibo { background: url("../img/sprite.png") no-repeat -20px -20px; } .home_contact li .email { background: url("../img/sprite.png") no-repeat -40px -20px; } .home_contact li .weixin { background: url("../img/sprite.png") no-repeat -80px -20px; } .home_contact li .call { background: url("../img/sprite.png") no-repeat -0px -0px; } .home_contact li a { color: #ddd; } .blogroll { line-height: 28px; color: #999; text-align: center; padding: 30px 0; } .blogroll a { color: #999; display: inline-block; } .blogroll a:hover { color: #333; } .blogroll .copyright { margin-top: 16px; } /*inside*/ .inside_banner { position: relative; } .inside_banner_service { background: url("../img/service_banner.jpg") no-repeat center; height: 400px; } .inside_banner_mobile { background: url("../img/m_banner.jpg") no-repeat center; height: 400px; } .inside_banner_solution { background: url("../img/sl_banner.jpg") no-repeat center; height: 400px; } .inside_banner_news { background: url("../img/n_banner.jpg") no-repeat center; height: 400px; } .inside_banner .wrap { height: 100%; } .about { overflow: hidden; } .about_tab { width: 1200px; margin: 0 auto; position: relative; height: 100%; } .about_tab ul { position: absolute; bottom: 0; left: 0; font-size: 0; } .about_tab li { display: inline-block; width: 100px; text-align: center; vertical-align: bottom; *display: inline; zoom: 1; } .about_tab li a { font-size: 14px; color: #fff; line-height: 40px; } .about_tab li.on a { line-height: 100px; } .about_tab .blue { background: #43bcc7; } .about_tab .green { background: #a6d250; } .about_tab .yellow { background: #eab055; } .about_tab .orange { background: #e9d356; } .about_title { text-align: center; padding-top: 60px; padding-bottom: 32px; } .about_main { width: 600px; position: relative; } .about_pic { position: relative; width: 490px; right: 150px; } .about_pic img { position: absolute; } .about_cont { padding-bottom: 30px; margin-bottom: 30px; position: relative; } .about_main .about_cont:first-child { border-bottom: 1px dashed #d3d3d3; } .about_cont h2 { font-size: 26px; color: #333; font-weight: normal; margin-bottom: 5px; } .about_cont h4 { font-size: 16px; color: #333; font-weight: normal; background: url("../img/a03.jpg") no-repeat left bottom; padding-bottom: 8px; margin-bottom: 30px; white-space: nowrap; } .about_cont .text { font-size: 14px; color: #333; line-height: 28px; } .about_cont li { margin-bottom: 14px; width: 300px; float: left; } .about_cont li span { background: #4bcdd9; color: #fff; font-size: 10px; padding: 0 4px; margin-right: 8px; line-height: 12px; *padding: 2px 4px; } .culture { background: url("../img/a04.jpg") no-repeat center; min-height: 540px; } .culture .about_cont:first-child { border: 0; } .zhizi { background: #f7f7f7; text-align: center; padding-bottom: 74px; } .zhizi ul { display: inline-block; *display: inline; zoom: 1; } .zhizi li { float: left; margin: 0 13px; } .jion { background: url("../img/a14.jpg") no-repeat center; min-height: 720px; } .jion .test { border-width: 78px 0; border-style: solid; border-color: #2eafbb transparent transparent transparent; width: 0; height: 0; } .jion .about_title { position: relative; z-index: 3; } .jion_box { width: 1200px; margin: 0 auto; position: relative; } .jion_img { position: absolute; top: 15px; left: 0; } .jion_img>img:first-child { position: relative; top: 151px; margin-right: -3px; } .jion_img img { } .jion_tab { position: absolute; top: 151px; left: 75px; } .jion_tab li { float: left; width: 150px; height: 150px; line-height: 150px; text-align: center; font-size: 20px; color: #fff; text-align: center; background: url("../img/a19.png") no-repeat; cursor: pointer; } .jion_tab .post { display: none; } .jion_tab li:hover { background: url("../img/a18.png") no-repeat; } .jion_tab li:hover .post { display: block; } .jion_tab li:hover .icon { display: none; } .jion_tab li.on { background: url("../img/a18.png") no-repeat; } .jion_tab li.on .post { display: block; } .jion_tab li.on .icon { display: none; } .jion_info { margin-left: 250px; margin-top: 260px; } .jion_info dl { display: none; } .job_tab { display: none; width: 540px; } .job_tab li { float: left; font-size: 20px; color: #333; border-left: 2px solid #d9d9d9; margin-right: 16px; padding-left: 16px; line-height: 20px; } .job_tab li:first-child { border: 0; padding-left: 0; cursor: auto; } .job_tab .on { color: #2eafbb; } .job_tab .intro { font-size: 14px; color: #333; line-height: 28px; margin-top: 16px; display: none; } .jion .send { font-size: 16px; color: #fff; display: inline-block; width: 160px; line-height: 160px; text-align: center; background: url("../img/a17.png") no-repeat; position: absolute; right: 222px; top: 444px; } .case_demo { position: absolute; bottom: -384px; } .case_demo li { float: left; width: 384px; position: relative; padding: 0px; } .case_info { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px 20px; } .case_info h3 { font-size: 16px; color: #fff; position: relative; z-index: 1; font-weight: normal; padding-bottom: 6px; } .case_info .text { font-size: 12px; color: #ccc; position: relative; z-index: 1; line-height: 20px; } .case_shade_top { position: absolute; top: 0; left: 0; width: 384px; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); } .case_info .case_icon { display: none; padding: 12px 0; } .case_info .case_icon img { position: relative; } .case_shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); } .case_type { position: absolute; right: 0; top: 100px; width: 200px; } .case_type li { float: right; width: 100px; height: 100px; opacity: 0; } .case_type li a { text-align: center; font-size: 18px; display: block; line-height: 100px; color: #fff; } .case_type .green { background: #43bcc7; } .case_type .red { background: #de6764; } .case_type .blue { background: #31a0e1; } .case_type .purple { background: #6a8bd2; } .case_type .orange { background: #9ac047; } .case_type .gray { background: #c7a643; } .case_more { text-align: center; margin-top: 40px; } .case_more a { display: inline-block; font-size: 14px; color: #2eafbb; line-height: 38px; border: 1px solid #2eafbb; display: inline-block; width: 1200px; } .crumbs { border-bottom: 1px solid #f7f7f7; line-height: 40px; color: #999999; font-family: "宋体"; } .crumbs .icon { display: inline-block; width: 14px; height: 14px; background: url("../img/sprite.png") -80px 4px no-repeat; margin-right: 4px; } .crumbs a { color: #999; } .crumbs a:hover { color: #666; } .crumbs .on { color: #666; } .case_top { margin-top: 40px; } .case_top h2 { margin-bottom: 8px; } .case_top h2 a { font-size: 16px; color: #2eafbb; font-weight: normal; display: inline-block; margin-right: 12px; } .case_top h3 { font-size: 20px; color: #333333; font-weight: normal; margin-bottom: 8px; } .case_top .date { color: #999; } .case_top .intro { width: 440px; line-height: 26px; color: #999; } .case_sign { margin-top: 30px; } .case_sign .info { line-height: 26px; color: #999; margin-top: 10px; } .case_sign .info a { color: #999; margin-top: 10px; display: inline-block; text-decoration: underline; } .case_phone { background: url(../img/case_phone_bg.jpg) no-repeat center; width: 100%; height: 882px; padding-top: 78px; margin-top: 40px; } .case_phone_bg { background: url(../img/phone_bg2.png) no-repeat center; width: 405px; height: 723px; margin: 0px auto; position: relative; } .phone_slider { padding-top: 69px; margin-left: 28px; width: 350px; height: 560px; } .case_erweima { width: 200px; margin: 60px auto; border: 1px solid #e3e3e3; } .case_erweima_btn { background-color: #2eafbb; text-align: center; padding: 0px 10px; height: 40px; line-height: 40px; width: 140px; margin: 0px auto; } .case_erweima_btn a { color: #e3e3e3; } .case_erweima2 { width: 480px; margin: 60px auto; } .case_erweima2 dl { float: left; margin: 0 20px; text-align: center; width: 200px; } .case_erweima2 dd { line-height: 30px; height: 30px; width: 188px; background-color: #2eafbb; color: #fff; margin: 10px auto; } a.btn_case_see { width: 100%; height: 32px; line-height: 32px; color: #2eafbb; font-size: 14px; background-color: #fff; border: 1px solid #2eafbb; text-align: center; display: block; margin: 30px auto; } .c_back { text-align: center; margin-top: 60px; } .c_back img { cursor: pointer; } .ser_project ul { margin: 40px auto; width: 1200px; } .ser_project li { float: left; margin-left: 40px; position: relative; overflow: hidden; } .ser_project li:first-child { margin: 0; } .blur { filter: blur(4px); -webkit-filter: blur(4px); -moz-filter: blur(4px); -ms-filter: blur(4px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false); /* IE6~IE9 */ } .blur_shade { background: url("../img/blur.png") no-repeat; position: absolute; top: -600px; left: 0; width: 100%; height: 100%; text-align: center; z-index: 2; opacity: 0; } .blur_shade h4 { font-size: 20px; color: #333; font-weight: normal; padding-top: 100px; } .blur_shade .text { background: url("../img/s13.jpg") no-repeat center top; font-size: 14px; color: #333; margin-top: 8px; padding: 8px 10px 0; } .ser_scope { background: #f7f7f7; padding-bottom: 70px; } .picBox { width: 1200px; margin: 40px auto; } .picBox li { float: left; position: relative; width: 400px; display: table; } .picBox .ser_info { position: absolute; font-size: 16px; color: #333; line-height: 40px; text-align: center; width: 100%; left: 0; } .picBox .s1 .ser_info { bottom: 0; } .picBox .s3 .ser_info { top: 0; } .picBox .s5 .ser_info { bottom: 0; } .picBox .ser_shade { background: #fff; opacity: 0.6; filter: alhpa(opacity=60); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .picBox h2 { font-size: 16px; color: #333; font-weight: normal; position: relative; z-index: 2; } .picBox .s2:after { height: 0; width: 0; content: ""; position: absolute; left: -20px; top: 50%; border-width: 10px; border-style: dashed solid dashed dashed; border-color: transparent #2eafbb transparent transparent; } .picBox .s4:after { height: 0; width: 0; content: ""; position: absolute; right: -20px; top: 50%; z-index: 2; border-width: 10px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #2eafbb; } .picBox .s6:after { height: 0; width: 0; content: ""; position: absolute; left: 50%; top: -20px; border-width: 10px; border-style: dashed dashed solid dashed; border-color: transparent transparent #2eafbb transparent; } .picBox .intro { position: absolute; left: 0; top: 0; font-size: 14px; line-height: 26px; color: #fff; margin: auto 28px; padding-top: 36px; } .picBox dl { position: absolute; left: 0; top: 0; font-size: 14px; line-height: 26px; color: #fff; margin: auto 38px; padding-top: 36px; } .picBox dt { font-size: 18px; margin-bottom: 8px; } .picBox dd { display: list-item; list-style-type: circle; white-space: nowrap; } .picBox li img { width: 400px; height: 220px; } .sp_box { margin-top: 40px; } .picScroll-left { width: 1200px; margin: 0 auto; overflow: hidden; position: relative; padding-bottom: 40px; } .picScroll-left .hd { overflow: hidden; position: absolute; bottom: 0; width: 100%; text-align: center; z-index: 2; } .picScroll-left .hd a { display: inline-block; font-size: 20px; font-weight: 200; color: #999; line-height: 38px; border: 1px solid #999; width: 38px; text-align: center; margin: 0 5px; cursor: pointer; } .picScroll-left .hd a:hover { color: #333; border-color: #333; } .mobile_column { } .mobile_column ul { width: 1200px; margin: 40px auto; } .mobile_column li { width: 360px; text-align: center; float: left; margin-left: 40px; } .mobile_column li:first-child { margin-left: 0; } .mobile_column .title { font-size: 16px; color: #222; margin: 10px auto; line-height: 26px; } .mobile_column .intro { color: #999; line-height: 22px; width: 320px; margin: 0 auto; } .wechat { background: url("../img/m06.jpg") no-repeat center top; position: relative; } .wechat dl { margin-left: 140px; margin-top: 300px; float: left; } .wechat dt { font-size: 36px; color: #333; margin-bottom: 30px; } .wechat dd { font-size: 16px; color: #333; line-height: 30px; } .wechat_intro { margin-top: 60px; position: relative; top: 40px; overflow: hidden; } .wechat_img { width: 540px; float: right; min-height: 680px; overflow: hidden; position: relative; left: 86px; } .wechat_img img { position: absolute; right: 0; bottom: 0; } .wi_left { width: 460px; margin-left: 78px; position: relative; } .wi_left img { position: relative; } .wi_right { width: 540px; background: url("../img/m10.jpg") no-repeat left top; padding-left: 115px; padding-top: 92px; } .wi_right h2 { font-size: 36px; font-weight: normal; color: #333; margin-bottom: 30px; } .wi_right h3 { font-size: 20px; font-weight: normal; color: #333; margin-bottom: 28px; } .wi_right .text { font-size: 16px; font-weight: normal; color: #333; line-height: 30px; } .solution_list { width: 1200px; margin: 40px auto; } .solution_list ul { margin-right: -48px; } .solution_list li { float: left; width: 370px; margin-right: 46px; margin-bottom: 38px; position: relative; } .solution_list h2 { font-size: 20px; color: #333; font-weight: normal; line-height: 48px; border-bottom: 1px solid #2eafbb; } .solution_list h2 a { color: #333; } .solution_list h2 a:hover { color: #2eafbb; } .solution_list .intro { line-height: 22px; color: #999; margin-top: 4px; } .solution_list .intro a:hover { color: #2eafbb; } .solution_list .shade { display: block; width: 370px; height: 120px; } .solution_list .solu_img { width: 370px; height: 120px; overflow: hidden; position: relative; cursor: pointer; } .solu_img .shade { position: absolute; z-index: 3; top: 100%; left: 0; width: 100%; height: 120px; background: #fff; opacity: 0.6; filter: alpha(opacity=60); transition: 0.5s all; } .solu_img:hover .shade { top: 0; transition: 0.6s ease-in-out; } .solu_img .img_icon { transform: rotate(360deg); transition: 0.6s ease-in-out; position: absolute; top: 50%; left: -100%; margin-left: -20px; margin-top: -20px; display: inline-block; z-index: 3; } .solu_img:hover .img_icon { left: 50%; transform: rotate(3600deg); -webkit-transform: rotate(3600deg); -moz-transform: rotate(3600deg); -o-transform: rotate(3600deg); -ms-transform: rotate(3600deg); transition: .6s ease-in-out; -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; -ms-transition: .6s ease-in-out; } .solu_img img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transition: All .6s ease-in-out; -webkit-transition: All .6s ease-in-out; -moz-transition: All .6s ease-in-out; -o-transition: All .6s ease-in-out; -ms-transition: All .6s ease-in-out; } .solu_img:hover>img { transform: scale(1.4); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transition: All .6s ease-in-out; -webkit-transition: All .6s ease-in-out; -moz-transition: All .6s ease-in-out; -o-transition: All .6s ease-in-out; -ms-transition: All .6s ease-in-out; } .news_tab { width: 1200px; margin: 60px auto 0; } .news_tab ul { margin-right: -40px; } .news_tab li { float: left; width: 205px; height: 70px; overflow: hidden; padding-left: 20px; margin-right: 20px; margin-bottom: 20px; } .news_tab h2 { font-size: 30px; color: #fff; font-weight: normal; padding-top: 12px; } .news_tab .eg { font-size: 14px; color: #fff; text-transform: uppercase; padding-bottom: 12px; font-family: Arial; } .news_tab li:hover { opacity: 1; filter: alpha(opacity=100) } .news_tab li.sel { opacity: 0.8; filter: alpha(opacity=80) } .news_tab .cyan { background: #43bcc7; opacity: 0.8; filter: alpha(opacity=80) } .news_tab .red { background: #de6764; opacity: 0.8; filter: alpha(opacity=80) } .news_tab .blue { background: #31a0e1; opacity: 0.8; filter: alpha(opacity=80) } .news_tab .purple { background: #6a8bd2; opacity: 0.8; filter: alpha(opacity=80) } .news_tab .green { background: #9ac047; opacity: 0.8; filter: alpha(opacity=80) } .news_tab .black { background: #000000; } .news_tab .cyansel { background: #43bcc7; opacity: 1; filter: alpha(opacity=100) } .news_tab .redsel { background: #de6764; opacity: 1; filter: alpha(opacity=100) } .news_tab .bluesel { background: #31a0e1; opacity: 1; filter: alpha(opacity=100) } .news_tab .purplesel { background: #6a8bd2; opacity: 1; filter: alpha(opacity=100) } .news_tab .greensel { background: #9ac047; opacity: 1; filter: alpha(opacity=100) } .news_list { width: 1200px; margin: 0 auto; overflow: hidden; } .news_list li { background: #f7f7f7; zoom: 1; margin-top: 40px; position: relative; } .news_list .line { display: block; position: absolute; background: #2eafbb; } .news_list li:after { content: ""; clear: both; display: table; } .news_time { background: #2eafbb; width: 120px; height: 100%; padding: 18px 20px 40px 0; } .news_time .day { display: block; font-size: 70px; color: #fff; font-family: "Impact"; text-align: right; } .news_time .year { display: block; color: #eee; text-align: right; line-height: 22px; } .news_time .author { display: block; color: #eee; text-align: right; line-height: 22px; } .news_time .type { display: block; text-align: right; background: url("../img/n01.jpg") no-repeat right top; padding-top: 6px; margin-top: 4px; } .news_time .type a { color: #fff; font-family: '宋体', Arial; } .news_cont { width: 980px; margin-right: 40px; } .news_cont h2 { font-size: 20px; font-weight: normal; padding-top: 26px; } .news_cont h2 a { color: #333; } .news_cont a:hover { color: #2eafbb; } .news_cont .demo { line-height: 24px; margin-top: 14px; } .news_cont .vis { color: #999; line-height: 38px; margin-top: 12px; } .news_cont .more { float: right; color: #2eafbb; display: inline-block; border: 1px solid #2eafbb; line-height: 38px; padding: 0 24px; } .news_more { width: 1200px; margin: 40px auto 80px; text-align: center; } .news_more a { display: block; font-size: 14px; color: #2eafbb; border: 1px solid #2eafbb; line-height: 38px; } .backg_new { background: #f7f7f7; padding: 1px 0 40px; margin-bottom: -40px; } .news_info { width: 1200px; margin: 0 auto; } .news_box { width: 840px; } .news_title { border-bottom: 1px solid #eeeeee; margin-top: 40px; padding-bottom: 18px; } .news_title h2 { font-size: 20px; color: #333; font-weight: normal; } .news_title .sign { color: #999; margin-top: 12px; } .news_title .label { color: #2eafbb; } .news_title .mark { padding-right: 20px; } .news_page { text-align: center; margin-top: 16px; } .news_page a { display: inline-block; font-size: 20px; font-weight: 200; line-height: 38px; width: 38px; text-align: center; margin: 0 0px 0 10px; color: #999; border: 1px solid #999; } .news_page a:hover { color: #333; border-color: #333; } .news_box .demo { font-size: 14px; color: #333; line-height: 30px; margin-top: 30px; } .news_box .notice { font-size: 12px; color: #999; padding-top: 20px; clear: both; } .page_list { border-top: 1px dashed #d3d3d3; margin-top: 16px; padding-top: 10px; margin-bottom: 30px; } .page_list li { line-height: 24px; color: #999; } .page_list li a { color: #999; } .page_list li a:hover { color: #2eafbb; } .page_list .return { float: right; font-size: 14px; color: #2eafbb; border: 1px solid #2eafbb; line-height: 38px; padding: 0 20px; margin-top: 6px; } .news_menu { width: 240px; background: #f7f7f7; padding: 30px; margin-top: 40px; } .news_menu dt { font-size: 20px; color: #333; margin-bottom: 24px; } .news_menu dd { border-bottom: 1px dashed #cccccc; margin-bottom: 20px; } .news_menu dd h3 { color: #333; font-size: 16px; font-weight: normal; margin-bottom: 10px; } .news_menu a:hover { color: #2eafbb; } .news_menu .text { color: #666; line-height: 24px; margin-bottom: 14px; } .news_menu .time { color: #999999; line-height: 24px; margin-bottom: 6px; } .news_seek { border: 1px solid #fff; display: inline-block; *display:inline; zoom: 1; background: none; position: absolute; left: 0; top: 280px; } .news_seek input { border: 0; background: none; color: #fff; width: 0; text-indent: 10px; } .news_seek img { padding: 10px; cursor: pointer; } .news_img { position: absolute; right: 0; top: 76px; } .form_msg { height: 400px; width: 420px; position: relative; padding-left: 40px; } .form_msg dl { position: relative; z-index: 3; } .form_msg dt { font-size: 18px; color: #fff; padding-top: 40px; } .form_msg dd { margin-top: 10px; } .form_msg .text { border: 1px solid #cccccc; background: transparent; color: #ccc; height: 32px; width: 182px; line-height: 32px; text-indent: 12px; margin-right: 14px; } .form_msg .text:focus { border-color: #fff; color: #fff; } .form_msg .textarea { color: #ccc; line-height: 32px; padding-left: 12px; } .form_msg .sub_btn { font-size: 14px; border: 1px solid #fff; background: transparent; color: #fff; height: 38px; width: 118px; line-height: 36px; margin-right: 14px; *margin-left:12px; filter: chroma(color=#000000); cursor: pointer; } .form_msg textarea { width: 371px; border: 1px solid #ccc; background: transparent; height: 100px; color: #ccc; resize: none; *margin-left: 12px; overflow: auto; } .form_msg textarea:focus { color: #fff; border-color: #fff; outline: none; } .c_shade { position: absolute; top: 0; left: 0; background: #fff; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; } .connect { background: url("../img/cn01.jpg") no-repeat center; min-height: 500px; } .connect_column { margin-top: 40px; } .connect_column li { float: left; text-align: center; width: 285px; height: 218px; margin-left: 20px; position: relative; padding-top: 42px; font-size: 16px; color: #333; line-height: 32px; } .connect_column li:first-child { margin-left: 0; } .connect_column h2 { font-size: 18px; color: #333; font-weight: normal; margin-top: 10px; margin-bottom: 10px; } .connect_column .info { position: relative; z-index: 2; } .connect_column .text { margin: 0 20px; } .connect_column .s1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #de6764; opacity: 0.2; filter: alpha(opacity=20); } .connect_column .s2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #58bec8; opacity: 0.2; filter: alpha(opacity=20); } .connect_column .s3 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #9ac047; opacity: 0.2; filter: alpha(opacity=20); } .connect_column .s4 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #31a0e1; opacity: 0.2; filter: alpha(opacity=20); } .connect_column .i1 { display: inline-block; width: 36px; height: 46px; background: url("../img/sprite2.png") no-repeat 0 0; } .connect_column .i2 { display: inline-block; width: 42px; height: 46px; background: url("../img/sprite2.png") no-repeat -38px 0; } .connect_column .i3 { display: inline-block; width: 40px; height: 46px; background: url("../img/sprite2.png") no-repeat -83px 0; } .connect_column .i4 { display: inline-block; width: 40px; height: 46px; background: url("../img/sprite2.png") no-repeat -125px 0; } .connect_column a { color: #333; } .connect_share { border-top: 2px solid #43bcc7; width: 120px; margin: 46px auto 0; text-align: center; padding-top: 46px; } .connect_share .sh1 { display: inline-block; width: 40px; height: 40px; background: url("../img/sprite2.png") 0 -48px; margin-right: 9px; } .connect_share .sh2 { display: inline-block; width: 40px; height: 40px; background: url("../img/sprite2.png") -41px -48px; } .arrive { background: #f7f7f7; padding-bottom: 40px; margin-bottom: -40px; } .arrive_column_con { width: 1150px; overflow: hidden; } .arrive_column { margin-left: 50px; width: 1300px; } .arrive_column dl { float: left; width: 318px; margin: 40px 90px 0 0px; } .arrive_column dt { margin-bottom: 20px; } .arrive_column dd { font-size: 16px; color: #333; line-height: 32px; } .bus { font-size: 18px; color: #31a0e1; } .bus dt { margin-left: -50px; } .bus .icon { display: inline-block; width: 32px; height: 32px; background: url("../img/sprite2.png") 0 -90px; vertical-align: middle; margin-right: 18px; } .taxi { font-size: 18px; color: #de6764; } .taxi dt { margin-left: -50px; } .taxi .icon { display: inline-block; width: 32px; height: 34px; background: url("../img/sprite2.png") -34px -90px; vertical-align: middle; margin-right: 18px; } .metro { font-size: 18px; color: #9ac047; } .metro dt { margin-left: -50px; } .metro .icon { display: inline-block; width: 34px; height: 34px; background: url("../img/sprite2.png") -66px -90px; vertical-align: middle; margin-right: 16px; } /*case*/ .container { width: 100%; overflow: hidden; *width:100%; overflow: hidden; } .da-thumbs { width: 100%; position: relative; font-size: 0; margin: 0 auto; } .da-thumbs li { float: left; width: 20%; position: relative; overflow: hidden; *width:19.97%; } .da-thumbs li a img { display: block; margin: 0 auto; position: relative; border: 0; } .da-thumbs li a>img { width: 100%; max-width: 100%; transform: scale(1); transition: all 0.6s ease-in-out; } .da-thumbs li a:hover>img { transform: scale(1.1); transition: all 0.4s ease-in-out; } .da-thumbs li a { overflow: hidden; display: block; } .da-thumbs li a div { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding-top: 10%; display: none; } .da-thumbs li a:hover div { *display: block; } .da-thumbs li a div img { position: relative; z-index: 2; top: 0px; } .da-shade { background: #2eafbb; opacity: 0.8; position: absolute; width: 100%; height: 100%; } .da-thumbs h2 { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 16px; color: #fff; font-family: "微软雅黑"; font-weight: normal; text-align: center; line-height: 40px; z-index: 4; } .da-thumbs .title_shade { background: #000; opacity: 0.5; filter: alpha(opacity=50); position: absolute; z-index: 2; bottom: 0; left: 0; height: 40px; width: 100%; } .da-thumbs li a:hover h2 { display: none; } .da-thumbs li a:hover .title_shade { display: none; } /* case201601 */ .case_t { text-align: center; padding-top: 60px; background: url(../img/case_t_line.jpg) repeat-x 0 128px; } .case_t_title { color: #000000; font-size: 20px; height: 56px; line-height: 56px; width: 90px; text-align: center; background-color: #fff; margin: 0px auto; } .case_t_line { width: 42px; height: 1px; line-height: 1px; background-color: #6bc1ca; margin: 0px auto; } .case_type201601 { margin-top: 60px; position: relative; z-index: 1; } .case_type201601 ul { width: 800px; margin: 0px auto; padding-bottom: 20px; } .case_type201601 li { float: left; width: 104px; height: 38px; line-height: 38px; border: 1px solid #fff; text-align: center; margin-right: 20px; } .case_type201601 li a { font-size: 14px; color: #000; } .case_type201601 li:hover { border: 1px solid #2eafbb; } .case_type201601 li:hover a { color: #2eafbb; } .case_type201601 li.sel { border: 1px solid #2eafbb; } .case_type201601 li.sel a { color: #2eafbb; } .case_search { width: 240px; position: absolute; right: 0; top: 0px; z-index: 1; text-align: right; } .case_seek { border: 1px solid #4bcdd9; display: inline-block; *display:inline; zoom: 1; } .case_seek input { border: 0; background: none; color: #666; width: 0; text-indent: 10px; } .case_seek img { padding: 10px; cursor: pointer; } .case_list_201601 { width: 1600px; overflow: hidden; margin-top: 20px; margin-left: auto; margin-right: auto; } .portfolio-grid { width: 1660px; } .thumbnail { overflow: hidden; position: relative; display: inline-block; float: left; width: 385px; margin-right: 20px; margin-top: 20px; } .thumbnail a.thumbnail_a:hover { cursor: url('../images/index201601/more.cur'), crosshair; cursor: url('../images/index201601/cases_shi.png') 40 40, crosshair; } .projectinfo { position: absolute; z-index: 2; top: -60px; left: 0; width: 100%; height: 100%; background: rgb(126,127,115); background: rgba(126,127,115,.4); height: 0\9; } .thumbnail .meta { width: 100%; height: 60px; line-height: 60px; text-align: left; overflow: hidden; } .thumbnail .meta h4 { font-size: 18px; padding-left: 10px; font-weight: normal; width: 285px; } .thumbnail .meta h4 a { color: #000; } .thumbnail .meta .fr { width: 80px; text-align: right; padding-right: 10px; } .thumbnail .meta .fr a { display: inline-block; padding: 0px 2px; padding-right: 12px; width: 20px; height: 60px; } .thumbnail .meta .fr a.cases_a_pc { background: url(../img/cases_ico_pc_b.png) no-repeat center; } .thumbnail .meta .fr a.cases_a_phone { background: url(../img/cases_ico_phone_b.png) no-repeat center; } .thumbnail:hover .meta { background-color: #2eafbb; } .thumbnail:hover .meta h4 a { color: #fff; } .thumbnail:hover .meta .fr a.cases_a_pc { background: url(../img/cases_ico_pc_w.png) no-repeat center; } .thumbnail:hover .meta .fr a.cases_a_phone { background: url(../img/cases_ico_phone_w.png) no-repeat center; } /* contact_pay */ .pay_t { margin: 48px auto 30px auto; width: 223px; } .pay_list { width: 1200px; margin: 0px auto; } .pay_list table { border-collapse: collapse; border: 1px solid #ddd; padding: 0px; margin: 0px; width: 100%; } .pay_list table td { padding: 12px 0px 20px 10px; margin: 0px; border: 1px solid #ddd; font-family: "微软雅黑"; font-size: 14px; color: #333; line-height: 31px; } .pay_list dt { height: 80px; } .pay_list dt.dt2 { padding-left: 12px; } .pay_list dd { padding-left: 10px; } .pay_spec { font-family: "微软雅黑"; font-size: 14px; color: #333; line-height: 31px; width: 1200px; margin: 30px auto; } #superContainer { height: 100%; position: relative; /* Touch detection for Windows 8 */ -ms-touch-action: none; /* IE 11 on Windows Phone 8.1*/ touch-action: none; } .section { overflow: hidden; } .fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; } .fp-slide { float: left; } .fp-slide, .fp-slidesContainer { height: 100%; display: block; } .fp-slides { z-index: 1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; } .fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; } .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .fp-slidesContainer { float: left; position: relative; } .fp-controlArrow { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; } .fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } .fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } .fp-scrollable { overflow: scroll; } .fp-notransition { -webkit-transition: none !important; transition: none !important; } .page_next { width: 63px; height: 63px; position: absolute; bottom: 0px; left: 50%; margin-left: -40px; z-index: 999; opacity: 0.6; filter: alpha(opacity=60); animation: 3s linear 0s normal none infinite running fade; } /* webdesign begin */ .webdesign1 { width: 100%; height: 100%; background: #4bcdda; } .wd_1 { width: 1000px; height: 480px; margin: 0px auto; position: relative; } .wd_1_text { position: absolute; top: -3000px; left: 432px; } .wd_1_text2 { position: absolute; top: 166px; left: 2202px; } .wd_1_2 { position: absolute; top: 300px; left: 356px; opacity: 0.1; filter: alpha(opacity=10); } .wd_1_left { position: absolute; bottom: -300px; left: -1000px; } .wd_1_right { position: absolute; top: -400px; right: -1000px; } .webdesign2 { background: url(../img/webdesign2.jpg) no-repeat center; height: 100%; width: 100%; position: relative; } .webdesign3 { background: url(../img/webdesign3.jpg) no-repeat center; height: 100%; width: 100%; position: relative; } .webdesign4 { background: url(../img/webdesign4.jpg) no-repeat center; height: 100%; width: 100%; position: relative; } .webdesign5 { background: url(../img/webdesign5.jpg) no-repeat center; height: 100%; width: 100%; position: relative; } .webdesign6 { background: url(../img/webdesign6.jpg) no-repeat center; height: 100%; width: 100%; position: relative; } .webdesign7 { background: url(../img/webdesign7.jpg) no-repeat center; height: 100%; width: 100%; position: relative; } /* right contact */ .right_contact { position: fixed; bottom: 60px; right: 0px; width: 40px; display: none; z-index: 100000; } .right_contact .r_qq { background: url(../img/contact_qq.png) no-repeat center #ececec; width: 40px; height: 40px; cursor: pointer; } .right_contact .r_tel { background: url(../img/contact_tel.png) no-repeat center #ececec; width: 40px; height: 40px; cursor: pointer; } .right_contact .r_close { background: url(../img/contact_close.png) no-repeat center #f9f9f9; width: 40px; height: 40px; cursor: pointer; } .right_contact .r_close:hover { background: url(../img/contact_close2.png) no-repeat center #43bcc7; cursor: pointer; } .right_contact .r_show { background: url(../img/contact_h.jpg) no-repeat center; width: 40px; height: 40px; cursor: pointer; } .right_contact .right_hide { display: none; } .right_contact .sel .r_qq { background: url(../img/contact_qq2.png) no-repeat center #43bcc7; } .right_contact .sel .r_tel { background: url(../img/contact_tel2.png) no-repeat center #43bcc7; } .right_contact .r_sub { display: none; position: absolute; right: 40px; top: 0px; background-color: #43bcc7; padding: 20px; line-height: 34px; z-index: 100000; } .right_contact .r_sub_tel { width: 110px; top: 40px; } .right_contact .r_sub_tel span { display: block; font-size: 14px; color: #fff; font-family: "微软雅黑"; } .right_contact .r_top { background: url(../img/contact_top.png) no-repeat center #f9f9f9; width: 40px; height: 40px; cursor: pointer; display: none; } .right_contact .r_top:hover { background: url(../img/contact_top2.png) no-repeat center #43bcc7; } /* right_contact_201601 */ .right_contact_201601 { position: fixed; bottom: 300px; right: 0px; width: 60px; height: 240px; z-index: 100000; background: url(../img/right_bg.png) no-repeat; } .right_contact_201601 li { position: relative; cursor: pointer; width: 60px; height: 60px; } .right_contact_201601 li .hover { display: none; } .right_contact_201601 .li_top { width: 60px; height: 60px; background: url(../img/right_1.png) no-repeat; } .right_contact_201601 .li_tel { width: 238px; height: 60px; background: url(../img/right_2_h.png) no-repeat; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .right_contact_201601 .li_tel .text { color: #fff; font-size: 16px; line-height: 24px; padding-left: 60px; padding-top: 6px; } .right_contact_201601 .li_qq { width: 238px; height: 60px; background: url(../img/right_3_h.png) no-repeat; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .right_contact_201601 .li_qq .text { color: #fff; font-size: 16px; line-height: 24px; padding-left: 60px; padding-top: 6px; } .right_contact_201601 .li_close { width: 60px; height: 60px; background: url(../img/right_4.png) no-repeat; } .right_contact_201601 .li_tel:hover { margin-left: -178px; width: 238px; height: 60px; background: url(../img/right_2_h.png) no-repeat; } .right_contact_201601 .li_qq:hover { margin-left: -178px; width: 238px; height: 60px; background: url(../img/right_3_h.png) no-repeat; } .right_contact_201601 li:hover .hover { display: block; } /* right nav */ #fp-nav { position: fixed; z-index: 100000; top: 50%; opacity: 1; } #fp-nav.right { right: 17px; } #fp-nav.left { left: 17px; } #fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; } .fp-slidesNav ul li { display: inline-block; } #fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span { background: #ccc; } #fp-nav ul li a span, .fp-slidesNav ul li a span { top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #ccc; background: rgba(0, 0, 0, 0); border-radius: 50%; position: absolute; z-index: 1; } /* 员工天地 */ .news_list_yuangong { width: 100%; background: url(../img/news_yuangong_bg.jpg) no-repeat center top; height: 800px; margin-top: 40px; } .news_list_yuangong ul { width: 1200px; margin: 0px auto; } .news_list_yuangong li { width: 200px; height: 200px; float: left; position: relative; cursor: pointer; overflow: hidden; } .news_list_yuangong li .li_caption { position: absolute; left: 0; display: none; width: 200px; height: 200px; overflow: hidden; z-index: 2; } .news_list_yuangong li.li .li_caption a { font-size: 18px; line-height: 30px; color: #fff; display: block; padding-top: 56px; padding-left: 6px; padding-right: 6px; } .news_list_yuangong li.li .li_t { position: absolute; left: 0; z-index: 3; text-align: center; width: 200px; } .news_list_yuangong li.li2 .li2_t { position: absolute; left: 0; z-index: 3; text-align: center; width: 200px; } .news_list_yuangong li.li2 .t { font-size: 18px; line-height: 30px; color: #fff; display: block; padding-top: 56px; padding-left: 6px; padding-right: 6px; } .news_list_yuangong li.li2 .date { font-size: 14px; line-height: 30px; color: #fff; font-family: Arial; } .news_list_yuangong li .li2_caption { position: absolute; left: 0; display: none; width: 200px; height: 200px; overflow: hidden; z-index: 2; opacity: 0.2; filter: alpha(opacity=20); } /* kehu info */ .kehu_info_logo { text-align: center; margin: 40px auto; } .kehu_spec { font-size: 14px; color: #333; line-height: 1.8; width: 70%; text-align: center; margin: 40px auto; } .kehu_text_1 { background: url(../img/kehu_text1.jpg) no-repeat top center; height: 23px; width: 100%; } .kehu_text_2 { background: url(../img/kehu_text2.jpg) no-repeat top center; height: 26px; width: 100%; } .kehu_text_3 { background: url(../img/kehu_text3.jpg) no-repeat top center; height: 25px; width: 100%; } .kehu_info_list { margin: 30px auto; } .kehu_info_list dl { float: left; width: 300px; text-align: center; margin: 30px 0; } .kehu_info_list dt { padding-bottom: 18px; } .kehu_info_list dd { line-height: 2; font-size: 14px; color: #444444; } .kehu_info_list dd a { line-height: 2; font-size: 14px; color: #2eafbb; } .kehu_piclist { margin: 60px auto; } .kehu_piclist li { border: 5px solid #ddd; width: 290px; position: relative; z-index: 1; cursor: pointer; float: left; margin: 30px 50px; } .kehu_piclist li .preview { display: none; } .kehu_piclist li:hover { alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } .kehu_piclist li:hover .preview { display: block; background: url(../img/kehu_ico_fangda.png) no-repeat center center; width: 50px; height: 50px; position: absolute; top: 36%; left: 120px; } /* Easy Slider */ /* 成功案例 */ #slider ul, #slider li, #slider2 ul, #slider2 li { margin: 0; padding: 0; list-style: none; } #slider2 { margin-top: 1em; } #slider li, #slider2 li { width: 350px; height: 560px; overflow: hidden; } #prevBtn, #nextBtn, #slider1next, #slider1prev { display: block; width: 30px; height: 77px; position: absolute; left: -380px; top: 350px; z-index: 1000; font-size: 0px; } #nextBtn, #slider1next { left: 730px; } #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a { display: block; position: relative; width: 43px; height: 85px; background: url(../img/btn_prev.png) no-repeat 0 0; } #nextBtn a, #slider1next a { background: url(../img/btn_next.png) no-repeat 0 0; } /* numeric controls */ ol#controls { margin: 156px auto 0px auto; padding: 0; height: 28px; padding-left: 42%; } ol#controls li { margin: 0 10px 0 0; padding: 0; float: left; list-style: none; height: 12px; line-height: 12px; width: 12px; } ol#controls li a { display: block; height: 12px; width: 12px; line-height: 12px; padding: 0px; text-decoration: none; font-size: 0px; background: url(../img/case_ico.png) no-repeat 0px -12px; } ol#controls li.current a { background: url(../img/case_ico.png) no-repeat 0px 0px; } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline: none; } @media all and (min-width:1200px) and (max-width:1610px) { /* case */ .case_list_201601 { width: 1195px; } .portfolio-grid { width: 1300px; } } @media all and (max-width:1199px) { .wrap { width: 968px; } /*index */ .header .logo_text { display: none; } //home service*/ .serve_column ul { width:824px; margin:0px auto; } .serve_column li { float: left; width: 272px; height: 390px; background: #ffffff; margin: 10px 95px 20px 45px; } /*home_news*/ .hn_main { width: 450px; position: relative; padding-bottom: 28px; margin-top: 40px; } .hn_column { width: 480px; margin-top: 30px; } .top_news_img { width: 450px; height: 194px; } .hn_column .text { padding: 15px 20px; line-height: 24px; height: 110px; color: #fff; display: none; border-top: 1px solid #7c9bad; } .home_service { display: none; } /* case */ .case_list_201601 { width: 790px; } .portfolio-grid { width: 850px; } /*about*/ .about { width: 100%; overflow: hidden; } .about .points { height: 500px; } .about_tab { width: 860px; } .about_main { width: 400px; } .about_cont2 { display: none; } .about_cont li { margin-bottom: 14px; width: 200px; float: left; } .about_main .about_cont:first-child { border-bottom: 0px none; } .zhizi li:first-child { display: none; } .job_tab { display: none; width: 440px; } .jion_box { width: 960px; margin: 0 auto; position: relative; } .jion .send { position: absolute; right: 22px; top: 444px; } .jion_img { top: 135px; left: 0; } .jion_info { margin-left: 250px; margin-top: 360px; } /* contact */ .connect_column li { margin-left: 40px; } .connect_column li:first-child { margin-left: 10px; } .arrive_column_con { width: 950px; overflow: hidden; } .arrive_column { margin-left: 50px; width: 950px; } .arrive_column dl { width: 260px; margin: 30px 25px; } .arrive_column dd { font-size: 15px; color: #333; line-height: 32px; } .connect_column li:last-child { display: none; } .bus { padding-left: 10px; } /* service */ .inside_banner_service { background: url("../img/service_banner.jpg") no-repeat -600px 0px; height: 400px; } .inside_banner_mobile { background: url("../img/m_banner.jpg") no-repeat -200px 0px; height: 400px; } .inside_banner_solution { background: url("../img/sl_banner.jpg") no-repeat -200px 0px; height: 400px; } .inside_banner_news { background: url("../img/n_banner.jpg") no-repeat -600px 0px; height: 400px; } .ser_project ul { width: 750px; } .ser_project li { margin-left: 40px; margin-right: 60px; margin-top: 40px; } .ser_project li:first-child { margin: 40px 60px 0px 40px; } .picScroll-left { width: 960px; } .picBox li img { width: 334px; height: 184px; } .picBox li { float: left; position: relative; width: 334px; } .picBox .intro { font-size: 13px; } .sp_box img { width: 100%; } /* mobile */ .mobile_column ul { width: 960px; } .mobile_column li { width: 300px; margin-left: 20px; } .wechat dl { margin-left: 30px; margin-top: 300px; float: left; } .wechat_intro { margin-top: 60px; } .wi_left { margin-left: 10px; width: 350px; } .wi_right { width: 400px; } /* solution */ .solution_list { width: 960px; } .solution_list li { margin-left: 60px; } .solution_list ul { margin-right: 0px; } .news_info { width: 960px; } .news_menu { display: none; } .news_box { width: 940px; padding-left: 20px; } /* news */ .news_tab { width: 960px; overflow: hidden; } .news_list { width: 960px; } .news_cont { width: 780px; margin-right: 20px; } .news_list_yuangong { width: 100%; background: url(../img/news_yuangong_bg.jpg) no-repeat center top #95c9bc; height: 1200px; margin-top: 40px; } .news_list_yuangong ul { width: 800px; margin: 0px auto; } /* contact_pay */ .pay_list { width: 960px; } .pay_list table { width: auto; } .pay_list table td { font-size: 13px; line-height: 28px; width: 240px; overflow: hidden; vertical-align: top; } .pay_list dt { height: 80px; width: 228px; overflow: hidden; } .pay_spec { font-size: 13px; width: 960px; } .pay_list dt.dt2 { padding-left: 6px; } .pay_list dd { padding-left: 4px; } }