.top{ width: 100%; height:40px; background-color: #232323; } .top .top-bar .li-right{ float: right; margin:0; } .top .top-bar .li-right span{ margin-left: 20px; float: left; } .top .top-bar .li-right span s{ margin: 14px 5px 0 5px; } .top .top-bar .li-right span a{ margin: 0; } .i5_login{ width: 78px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .top .top-bar .li-right a{ color: #ffffff; float: left; margin-left: 20px; } .top .top-bar .li-right s{ float: left; width: 1px; border-right: 1px solid #ffffff; height: 12px; } .top .top-bar .li-right i{ float: left; width: 13px; margin-right:5px; height: 40px; } .top .top-bar .li-right .i1{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/top-1.png") no-repeat center; } .top .top-bar .li-right .i2{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/top-2.png") no-repeat center; } .top .top-bar .li-right .i3{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/top-3.png") no-repeat center; } .top .top-bar .li-right .i4{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/top-4.png") no-repeat center; } .top .top-bar .li-right .i5{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/top-5.png") no-repeat center; } .top .top-bar .li-right .i6{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/erweim.png") no-repeat center; } .top .top-bar .li-right p{ float: left; color: #ffffff; } .top .top-bar .li-right a.sjmf{ position: relative; margin-left: 0; padding: 0 17px; margin: 0 10px; border-left: 1px solid #232323; border-right: 1px solid #232323; } .top .sjmf .help-box{ width: 62px; margin: 0 auto; } .top .sjmf .help{ width: 100px; height: 350px; background-color: #ffffff; border: 1px solid #dddddd; border-top: none; z-index: 100; position: absolute; top: 40px; left: -1px; display: none; } .top .top-bar .li-right a.sjmf:hover{ border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; background-color: #fff; } .top .sjmf:hover p{ color: #333; } .top .sjmf:hover .help{ display: block; } .top .top-bar .li-right a.sjmf.int{ border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; background-color: #fff; } .top .sjmf.int p{ color: #333; } .top .sjmf.int .help{ display: block; } .top .sjmf .help img{ width: 100px;height: 100px;float: left; } .top .sjmf .help span{ color: #666666; width: 101px; text-align: center; float: left; line-height: 14px; margin-left: 0; } .top .top-bar{ height:100%; background-color:#232323; } .top .top-bar .li-right span.welcomeGray1{ margin-left: 0; } .top .top-bar li{ height:100%; line-height:40px; margin-right:10px ; font-size: 12px; float: left; color: #fff; } .top .top-bar li .Tail{ float: left; width: 11px; margin: 0 3px; height:40px; font-size: 18px; color: #FFFFFF; font-weight: bold; line-height: 40px; } .top .top-bar li .weihao{ float: left; display:?inline-block; } .top .top-bar li .location{ width: 16px;height: 40px; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/top-Location.jpg") no-repeat center; } .top .top-bar li .location1{ float: left; } .top .top-bar .weatherIframe{ line-height:47px; margin-right: 10px; } .header-box .nav-box{ overflow: hidden; } .header-box .nav-box .nav-logo img{ margin:10px 0 ; width: 312px; } .header-box .nav-box li{ margin-right: 35px; height: 125px; float: left; } .header-box .nav-box .nav-list{ height: 125px; line-height: 125px; text-align: center; } .header-box .nav-box .nav-list a{ font-weight:bold; color: #333; margin-left:12px; font-size: 15px; padding: 5px 2px; } .header-box .nav-box .nav-list a:hover{ color: #FF3030; border-bottom: 2px solid #FF3030; } .header-box .nav-box .nav-list .bg{ color: #FF3030; border-bottom: 2px solid #FF3030; } .header-box .nav-box .nav-search{ margin-left:100px; } .header-box .nav-box .nav-search .b-box{ margin-top: 30px; } .header-box .nav-box .nav-search .b-box .f1{ float: left; } .header-box .nav-box .nav-search .b-box .text{ width: 230px; height: 24px; font-size: 12px; color: #999999; margin-top: 6px; padding-left: 15px; line-height: 24px; text-align: left; /*border: 1px solid #333333;*/ } .header-box .nav-box .nav-search .b-box .bt{ width: 75px; height: 36px; font-size: 14px; line-height: 36px; color: #ffffff; background-color: #ff3030; margin-top: -1px; text-align: center; float: right; cursor:pointer; margin-right: -1px; } .header-box .nav-box .nav-search .b-box p{ margin: 5px; font-size: 12px; } .header-box .nav-box .nav-search .b-box p a{ margin: 0 5px; color: #666666; } .header-box .nav-box .nav-search .b-box p a:hover{ color: #FF3030; } .header-box .nav-box .nav-search .search{ width: 379px; height: 34px; border: 1px solid #dddddd; } .header-box .nav-box .nav-search .search:hover{ border: 1px solid #FF3030; } .header-box .nav-box .nav-search .search .Search-class{ float: left; height: 100%; font-weight: bold; color: #333333; cursor: pointer; border-right: #ccc solid 1px } .header-box .nav-box .nav-search .search .Search-class i{ float: left; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/b-jt2.png") no-repeat center; height: 100%;width: 8px; } .header-box .nav-box .nav-search .search .Search-class .class-con{ float: left; height: 100%; text-align: center; line-height: 34px; margin: 0 10px; } .header-box .nav-box .nav-search .search .class-c{ cursor: pointer; display: none; width: 52px; height: 32px; border: 1px solid #dddddd; background-color: #ffffff; font-weight: bold; border-top:none; color: #333333; top:35px;left: -1px; z-index: 10; } .header-box .nav-box .nav-search .search .class-c:hover{ border: 1px solid #FF3030; background-color: #FF3030; color: #ffffff; } .header-box .nav-box .nav-search .search .class-c p{ float: left; width: 57px;height: 32px; text-align: center; line-height: 32px; margin: 0; margin-left: -7px; } .header-box .nav-box .nav-search .searchBg{ border: 1px solid #ff3030; } .header-box .nav-box .Rotate-Icon{ width: 280px; margin-right: 0; float: right; } .header-box .nav-box .Rotate-Icon .Directly-platform { width: 147px; margin:0 auto; } .header-box .nav-box .Rotate-Icon .Directly-platform p{ float: left; margin: 0 5px; } .header-box .nav-box .Rotate-Icon .Directly-platform span{ float: left; margin-top: 9px; width: 40px; height: 1px; border-top: 1px solid #333333; } .carousel-container img { display: block; width: 50px; height: 69px; margin: 0 auto; margin-top: 15px; } .carousel-container p { display: block; width: 156px; margin: 0 auto; text-align: center; font-weight: bold; color: #333333; font-size: 14px; margin-top: -8px; } /* .carousel-container .demo{list-style:none;padding:0;margin:15px auto;width:130px;height:35px;margin-top: 28px;} .carousel-container .demo li{height:58px;width:50px;text-align:center;cursor:default;line-height: 58px} .carousel-container .demo li.roundabout-in-focus{cursor:default;} .carousel-container .demo li a{ display: block;width: 100%;height: 100%;cursor:default; } .carousel-container .demo li a img{ width: 100%;height: 100%; } */ .carousel-container .monolith{background-color:#222;color:#fff;text-align:center;width:300px;height:400px;position:absolute;z-index:260;left:135px;border-color:#222;opacity:0.92} /* .carousel-container p{ display: block;width: 100%;margin: 0 auto;text-align: center;font-weight: bold;color: #333333; } */