/* 幻灯片-新闻*/ .main-headerban { background:none; } .main-headerban #mainimg img { width: 100%; height: 100%; } .main-headerban .r-form { background-color: hsla(0,0%,100%,0.90); height: 400px; margin-left: 18px; padding: 20px; text-align: center; } .main-headerban .layui-form { text-align: left; margin-top: 20px; } .main-headerban .layui-form input{ border: 1px solid #be7d2b; } .main-headerban .r-form>p{line-height: 1.2; } /*项目导航*/ .main-quicknav h3 { height: 40px; line-height: 40px; background-image: url(/statics/fd/images/head_bg.png); background-repeat: no-repeat; background-position: 0px 0px; color: #FFF; } .main-quicknav h3 { position: relative; } .main-quicknav h3 span { position: absolute; left: 25px; display: block; } .main-quicknav h3 span+span { position: absolute; left: 180px; display: block; } .main-quicknav ul { padding: 10px; } .main-quicknav ul .list { border: 2px solid #266CB5; margin: 10px; padding: 95px 10px 10px; border-radius: 5px; text-align: center; background-image: url(/statics/fd/images/jc_18.png); background-repeat: no-repeat; background-position: center 8px; height: 150px; font-size: 16px; } .main-quicknav ul li:nth-child(2) .list { background-image: url(/statics/fd/images/jc_20.png); } .main-quicknav ul li:nth-child(3) .list { background-image: url(/statics/fd/images/jc_22.png); } .main-quicknav ul li:nth-child(4) .list { background-image: url(/statics/fd/images/jc_24.png); } .main-quicknav ul li:nth-child(5) .list { background-image: url(/statics/fd/images/jc_26.png); } .main-quicknav ul li:nth-child(6) .list { background-image: url(/statics/fd/images/jc_28.png); } .main-quicknav2 ul li:nth-child(1) .list { background-image: url(/statics/fd/images/jc_29.png); } .main-quicknav2 ul li:nth-child(2) .list { background-image: url(/statics/fd/images/jc_30.png); } .main-quicknav2 ul li:nth-child(3) .list { background-image: url(/statics/fd/images/jc_31.png); } .main-quicknav2 ul li:nth-child(4) .list { background-image: url(/statics/fd/images/jc_32.png); } .main-quicknav2 ul li:nth-child(5) .list { background-image: url(/statics/fd/images/jc_33.png); } .main-quicknav2 ul li:nth-child(6) .list { background-image: url(/statics/fd/images/jc_34.png); } /*公司简介*/ .main-title-hd { height: 40px; line-height: 40px; background-image: url(/statics/fd/images/header.png); background-repeat: no-repeat; background-position: 0px 0px; color: #FFF; position: relative; background-color: #FFF; } .main-title-hd span { position: absolute; left: 25px; display: block; } .main-title-hd span+span { position: absolute; left: 180px; display: block; font-size: 18px; } .main-subtitl-hd { position: relative; height: 40px; border-bottom: 1px solid #40941b; padding-bottom: 10px; } .main-subtitl-hd i { position: absolute; display: block; width: 20px; background-image: url(/statics/fd/images/li_01.jpg); background-repeat: no-repeat; height: 30px; left: 0px; top: 5px; } .main-subtitl-hd span { position: absolute; left: 25px; font-size: 18px; top: 5px; } .main-subtitl-hd a { font-size: 16px; position: absolute; top: 10px; right: 5px; } .company-about .company-bd, .ask-nav .company-bd { background-color: #FFF; } .company-about .left-bd li, .ask-nav .left-bd li { height: 100px; background-color: #F5F5F5; margin-top: 10px; } .company-about .left-bd li:hover, .ask-nav .left-bd li:hover { background-color: #edf1f5; } .company-about .left-bd li img, .ask-nav .left-bd li img { height: 100px; } /*便捷导航*/ .ask-nav .right-bd { margin: 0px; } .ask-nav .right-bd li { border: 1px solid #EDEDED; height: 185px; text-align: center; margin: 0 -1px -1px 0; } .ask-nav .right-bd li:hover { background-color: #F0FBFF; } .ask-nav .right-bd li i { background-image: url(/statics/fd/images/new_page/kjdh-img1.jpg);height: 120px; display: block; } .ask-nav .right-bd li+li i { background-image: url(/statics/fd/images/new_page/kjdh-img2.jpg); } .ask-nav .right-bd li+li+li i { background-image: url(/statics/fd/images/new_page/kjdh-img3.jpg); } .ask-nav .right-bd li+li+li+li i { background-image: url(/statics/fd/images/new_page/kjdh-img4.jpg); } .ask-nav .right-bd li+li+li+li+li i { background-image: url(/statics/fd/images/new_page/kjdh-img1.jpg); } .ask-nav .right-bd li+li+li+li+li+li i { background-image: url(/statics/fd/images/new_page/kjdh-img1.jpg); } .ask-nav .right-bd li a { width: 100%; display: block; height: 130px; color: #292929; } /*客户案例*/ .main-case .case-bd { background-color: #FFF } .main-case .swiper-container { width: 100%; height: 100%; } .main-case .swiper-slide { font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; } .main-case .swiper-slide img{ height: 170px;width: 260px; } .main-case .case-bd h2 { text-align: left; text-overflow: ellipsis; overflow: hidden; height: 40px; } .main-case .case-bd h2 a { color: #1A1A1A } .main-tag { padding: 10px; } .main-tag em { display: inline-block; padding: 2px 15px 2px 15px; border: 1px solid #DCDCDC; margin-left: 10px; font-style: normal; } .main-tag em:hover { background-color: #1165AA; color: #FFF; } .main-tag em a { color: #B4B4B4; } .main-tag em:hover a { color: #FFF; } /*服务网点*/ .server-area { background-color: #FFF; padding-bottom: 20px; } .server-area h3 { text-align: center; height: 70px; line-height: 70px; padding-top: 20px; } .server-area>p { text-align: center; margin-bottom: 20px; } .server-area ul { margin: 10px; } .server-area .list { margin: 10px; position: relative; } .server-area .list a:visited, .server-area .list a:hover { color: #be7d2b; } .server-area .list a { color: #fff; } .server-area .list p { position: absolute; top: 80px; left: 65px; color: #FFFFFF; font-weight: 600; text-shadow: 2px 2px 0px #5A5A5A; font-size: 28px; } .server-area .list button { position: absolute; top: 220px; left: 33px; width: 150px; } .server-area li:nth-child(1) .list { background-image: url(/statics/fd/images/shanghai.jpg); background-repeat: no-repeat; height: 250px; background-position: center top; background-size: 90% auto; } .server-area li:nth-child(2) .list { background-image: url(/statics/fd/images/suzhou.jpg); background-repeat: no-repeat; height: 250px; background-position: center top; background-size: 90% auto; } .server-area li:nth-child(3) .list { background-image: url(/statics/fd/images/hangzhou.jpg); background-repeat: no-repeat; height: 250px; background-position: center top; background-size: 90% auto; } .server-area li:nth-child(4) .list { background-image: url(/statics/fd/images/anhui.jpg); background-repeat: no-repeat; height: 250px; background-position: center top; background-size: 90% auto; } .server-area li:nth-child(5) .list { background-image: url(/statics/fd/images/wuhan.jpg); background-repeat: no-repeat; height: 250px; background-position: center top; background-size: 90% auto; } .sliderPlay{ width:560px; height:480px; position: relative; overflow: hidden; } .slider{ position: absolute; height:200px; left:0; top:0; width: 100%; } .slider li{ float: left; list-style-type: none; height:100%; width: 560px; } .slider img{ border:0; width:560px; height:480px } .btnBox{ position: absolute; bottom:0px; width:100%; height:30px; text-align:right; line-height:30px } .btnBox .btn{ margin-right:5px; display: inline-block; width:20px; height:20px; text-align:center; line-height:20px; background:#ddd; cursor: pointer; border-radius: 15px; } .btnBox .cur{background: #D12F1A;color: #fff} .logo-sm-text { font-size: 36px; margin-left: 30px; color: #D12F1A; } .gd-nav-img { width:589px; float:left; } .gd-nav-img:first-child{ margin-right:20px; } .gd-nav-img a { display: block; width: 100%; } .gd-nav-img a img{ width: 100%; } .navigatorBox .a-avg-sm-3>li { width: 50%; } .navigatorBox .a-avg-sm-3>li:nth-of-type(3n+1) { clear: none; } .tab-main-subtitl-hd{ border-bottom: 1px solid #D12F1A; } .tab-main-subtitl-hd .main-subtitl-hd { width: 120px; border-bottom: none; } .tab-main-subtitl-hd .main-subtitl-hd.fl{ float: left; } .tab-main-subtitl-hd .clearBoth { clear: both; } .tab-main-subtitl-hd .main-subtitl-hd.current,.tab-main-subtitl-hd .main-subtitl-hd:hover { background:#D12F1A; color: #fff; cursor: pointer; }