@charset "utf-8"; body{ overflow-x:hidden; } body,p,a,span,h1{ font-family:'微软雅黑'; } * { line-height: 1; box-sizing: border-box; margin: 0; padding: 0; } .clear{ padding:0; margin:0; float:none; overflow:hidden;} input { border: none; } a:hover { text-decoration: none; outline: none; color: #217af0 } .header { background:rgba(240,60,37,0.7); overflow:hidden; position:relative; height:80px; z-index:9999; } .header .home-logo { position: absolute; top: 22px; left: 25px; display: block; overflow: hidden; } .header .topnav { text-align: center; margin-top:25px; } .header .topnav1 { display:inline-block; } .hm { height: 100%; } .clearfix { zoom: 1; } ul,ol,li { list-style-type: none; } a, button { cursor: pointer; } .header .top-phone { float: right; } .topnav li{ float:left; } .topnav li a{ font-family: 'hc', '微软雅黑'; font-size: 16px; line-height: 32px; display: block; margin-right: 26px; margin-left: 26px; letter-spacing: .5px; color: #fff; } .topnav li a:hover{ text-decoration:none; border-bottom-width:4px; border-bottom-style:solid; border-bottom-color:#fff; display: inline-block; } .top-phone { position: absolute; top: 22px; right: 25px; height: 100%; } .header .top-phone .pn_1 { background: url(/uploads/image/tdimages/en.png) no-repeat center; background-size: cover; display: block; width: 30px; position: absolute; top: 3px; right: 164px; height: 30px; cursor: pointer; } .header .top-phone .pn_3 { width: 160px; position: absolute; top: 0px; right: 0px; height: 30px; line-height: 36px; color: #fff; font-family: tahoma, geneva, sans-serif; font-size: 20px; display: block; } .header-banner { background:url(/uploads/image/tdimages/banner.jpg); padding-bottom:3em; } .header-banner .banner-cont h1 { font-family: 'hc', '微软雅黑'; font-size: 28px; color: #fff; text-align:center; margin-top:60px; } .header-banner .banner-cont p { font-size:20px; color: #fff; text-align:center; margin-top:30px; } .header-banner .banner-cont p span{ font-size:20px; color: #f03c25; } .header-banner .banner-cont { text-align: center; } .header-banner .banner-cont .msg_box { display:inline-block; margin-top:30px; } .banner-cont #fillinfo .msg_box ul li { float: left; margin-right:10px; } .banner-cont input{ padding:10px 20px; border: 1px solid #ededed; border-radius: 3px; color:#494949; } input,select,button{ text-shadow: none; display: inline-block; } .banner-cont select{ padding:9px 20px; border-radius:3px; } .banner-cont button{ background:#f03c25; color:#fff; padding:13px 40px; border:none; border-radius:3px; } /*预算弹出框*/ #modal-body { width:360px; height:180px; background:#e6e6e6; font-family:"微软雅黑"; padding:20px; display:none; overflow-x:hidden; text-align:center; } #modal-body p { font-size:21px; color:#666666; margin-top:10px; } #modal-body input{ padding:7px 20px; border: 1px solid #ededed; border-radius: 3px; color:#494949; } #modal-body form button{ background:#f03c25; padding:10px 20px; margin-top:20px; border-radius:3px; font-size:15px; color:#fff; border:none; } .banner-cont #fillinfo .msg_box ul li #service { max-width:500px; } .banner-cont #fillinfo .msg_box ul li #amount { max-width:150px; } .banner-cont .py-service { display:inline-block; margin-top:10px; } .banner-cont .py-service ul li { float: left; padding:0px 9px; border-right:1px solid #99382c; } .banner-cont .py-service li a{ color:#99382c; font-size:10px; } .banner-cont .py-service li a:hover{ text-decoration:none; color:#f03c25; } .header-banner .banner-cont .hotline { margin-top:70px; font-size:16px; } /*案例展示*/ .block-title { text-align: center; padding:50px 0px; background:url(/uploads/image/tdimages/fgx.png)no-repeat center; } .block-title h1,span { font-family: 'hc', '微软雅黑'; } .block-title h1{ font-size:30px; margin:0px; padding:0; } .block-title span{ color:#505050; line-height:20px; } .falsetab{ text-align:center; } .falsetab ul{ display:inline-block; margin-bottom:2em; } .falsetab li{ float:left; } .falsetab ul li a { font-family: 'hc', '微软雅黑'; font-size: 16px; line-height: 32px; display: block; padding-right: 20px; padding-left: 20px; letter-spacing: .5px; color:#363535; } .falsetab ul li a:hover { background:#f03c25; border-radius:4px; color:#fff; text-decoration:none; } .r{ background:#f03c25; border-radius:4px; color:#fff; text-decoration:none; } /*首页底部*/ .bottom { background-color: #dddddd; overflow:hidden; } .bottom .scope { max-width:1100px; margin:0 auto; padding:10px 0px; } .bottom hr { width:100%; border:2px solid #f03c25; margin:0px; padding:0px; } .bottom .service { max-width:1100px; margin:0 auto; } .bottom .service .item-ser { float: left; padding:0px 20px; margin:20px 0px; } .service .item-ser p { font-size:16px; font-weight:bold; } .service .item-ser ul{ margin-top:5px; } .service .item-ser ul li { background:#000; width:auto; margin-top:5px; color:#9f9f9f; padding:0px 2px 2px; float:left; font-family:'微软雅黑'; } .service .item-ser ul li a{ color:#9f9f9f; } .service .item-ser ul li a:hover{ color:#f03c25; } .item-ser .fgx { float:right; } .service .item-ser .cont { float:left; margin-right:30px; } .service .item-ser .erm{ text-align:center; margin-top:10px; } .service .item-ser p.htline { font-size:12px; color:#f03c25; margin-top:20px; } /*底部的红色部分*/ .footer .botnav { text-align:center; background:#f03c25; padding:20px; overflow:hidden; } .footer .botnav a{ color:#fff; } .footer .botnav li{ float:left; padding:0px 20px; letter-spacing:3px; } .botnav .btnav { display:inline-block; margin-bottom:0px; } .botnav .botlogo { display:inline-block; margin-top:20px; } .footer .botnav p { color:#fff; line-height:20px; } .botnav .botlogo img { display:block; float:left; vertical-align:middle; width:40px; } .botnav .botlogo .dh{ float:right; text-align:left; letter-spacing:0px; vertical-align:middle; margin-left:10px; } .botlogo .dh span { color:#fdaea4; font-size:10px; } .botlogo .dh p { font-size:18px; margin-top:5px; } .botlogo ul li >a { line-height:40px; height:40px; margin-left:5px; } .footer .copyright { background:#000; color:#fff; text-align:center; padding:10px; } .footer .copyright p{ margin:0px; } /*图片上的遮罩层*/ .content-wrap { padding: 0; position: absolute; text-align: center; width: 100%; top: 0; bottom: 0; display: table-cell; vertical-align: middle; overflow: hidden; } .content-wrap h1.entry-title { display: table; font-size: 110%; height: 100%; text-transform: uppercase; width: 100%; margin:0; } .featured-image { display: table-cell; position: relative; transition: opacity .25s ease-in-out, background .25s ease-in-out; -moz-transition: opacity .25s ease-in-out, background .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out, background .25s ease-in-out; vertical-align: middle; z-index: 1; color: #fff; text-decoration: none; opacity: 0; padding: 10%; } .featured-image:hover { opacity: 0.9; color: #fff; background: rgba(0,0,0,0.8); } /*产品页面*/ .lefttab ul{ display:inline-block; margin-top:2em; } /*关于我们*/ .about-banner { background:url(/uploads/image/tdimages/banner2.jpg); padding-bottom:6em; } .about-banner .about-cont h1{ font-family: 'hc', '微软雅黑'; font-size: 50px; color: #fff; text-align:center; margin-top:120px; } .about-banner .about-cont p { font-size:30px; color: #fff; text-align:center; margin-top:30px; letter-spacing:10px; } .main-about { max-width:1200px; margin:0 auto; font-family: 'hc', '微软雅黑'; } .main-about .about-first { margin-top:60px; } .about-first .fir-left { width:30%; float:left; } .about-first .fir-right { width:70%; float:right; } .about-first .fir-right p{ font-size:18px; line-height:32px; color:#535353; } .about-first .fir-right p span{ color:#f03c25; font-weight:bold; } .fir-left h1 { font-size:32px; font-weight:600; line-height:0px; } /*服务范围*/ .server-banner { background:url(/uploads/image/tdimages/banner3.jpg); padding-bottom:6em; } .server-banner .server-cont h1{ font-family: 'hc', '微软雅黑'; font-size: 50px; color: #fff; text-align:center; margin-top:120px; } .server-banner .server-cont p { font-size:30px; color: #fff; text-align:center; margin-top:30px; letter-spacing:40px; } .main-server { max-width:1200px; margin:0 auto; height:100%; font-family: 'hc', '微软雅黑'; } /*服务范围样式1*/ .main-server .server-first .server-two{ margin:0; } .server-first .fir-left { width:60%; float:left; } .server-first .fir-left img{ width:100% } .server-first .fir-right { width:35%; float:right; font-size:16px; line-height:32px; color:#898888; height:100%; } .server-first .fir-right span { display:block; vertical-align: bottom; background-color:#eee; } .server-first .fir-right span a{ color:#888; font-size:16px; line-height:50px; text-align:left; padding-left:15px; } .server-first .fir-right span a:hover{ color:#555; text-decoration:none; } .server-first .fir-right h1 { font-size:20px; line-height:50px; color:#030303; } /*服务范围样式2*/ .server-two .fir-left { width:35%; float:left; font-size:16px; line-height:32px; color:#898888; height:100%; } .server-two .fir-right img{ width:100% } .server-two .fir-right { width:60%; float:right; } .server-two .fir-left span { display:block; vertical-align: bottom; background-color:#eee; } .server-two .fir-left span a{ color:#888; font-size:16px; line-height:50px; text-align:left; padding-left:15px; } .server-two .fir-left span a:hover{ color:#555; text-decoration:none; } .server-two .fir-left h1 { font-size:20px; line-height:50px; color:#030303; } /*新闻中心*/ .news-banner { background:url(/uploads/image/tdimages/banner5.jpg); padding-bottom:6em; } .news-banner .news-cont h1{ font-family: 'hc', '微软雅黑'; font-size: 50px; color: #fff; text-align:center; margin-top:120px; } .news-banner .news-cont p { font-size:30px; color: #fff; text-align:center; margin-top:30px; letter-spacing:20px; } .main-news { max-width:1200px; margin:0 auto; font-family: 'hc', '微软雅黑'; }