.width1300{ width: 1300px; margin: 0 auto; } .text1 { display: none; } .index_container .section { width: 100vw; } .index_container .section .nav { position:fixed; top:0; left:0; float: left; width: 300px; height: 100vh; z-index: 999; background-color: #043376; padding-top: 47px; box-sizing: border-box; // position: relative; } .index_container .section .nav .logo2 { width: 253px; height: 43px; // background-image: url(/static/jiuyi/images/logo2.png); background-image: url(/static/jiuyi/images/mLogo2.png); background-size: contain; background-repeat: no-repeat; margin: 0 auto; margin-bottom: 48px; } .index_container .section .nav .nav_ul { max-height: calc(100vh - 138px - 186px); overflow-y: auto; } .index_container .section .nav .nav_ul::-webkit-scrollbar { width: 4px; height: 4px; } .index_container .section .nav .nav_ul::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2); } .index_container .section .nav .nav_ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0; background: rgba(0, 0, 0, 0.1); } .index_container .section .nav .nav_ul .active { background-color: #3565bd; } .index_container .section .nav .nav_ul div a:hover { background-color: #3565bd; } .index_container .section .nav .nav_ul li { width: 100%; height: 60px; background-color: #043376; } .index_container .section .nav .nav_ul li a { display: block; text-align: center; line-height: 60px; width: 100%; height: 100%; color: #fff; font-size: 18px; } .index_container .section .nav .nav_ul li:hover { background-color: #3565bd; } .index_container .section .nav .search { position: absolute; bottom: 40px; left: 0; width: 100%; } .index_container .section .nav .search .input { width: 240px; height: 40px; margin:0 auto; margin-bottom: 36px; background: #265698; border-radius: 20px; display: flex; align-items: center; // margin-left: 30px; } .index_container .section .nav .search .input input { width: 100%; height: 100%; opacity: 0.6; border-radius: 20px; background: #265698; width: calc(240px - 21px); border: none; padding: 0 18px; color: #fff; } .index_container .section .nav .search .input i { width: 26px; cursor: pointer; height: 21px; opacity: 0.4; margin-right: 12px; background-image: url(/static/jiuyi/images/search.png); background-repeat: no-repeat; background-size: cover; } .index_container .section .nav .search .input button { width: 26px; cursor: pointer; height: 21px; opacity: 0.4; margin-right: 12px; background: none; background-image: url(/static/jiuyi/images/search.png); background-repeat: no-repeat; background-size: cover; border: none; } .index_container .section .nav .search .text p { font-size: 16px; color: #ffffff; display: flex; margin-left: 15px; margin-bottom: 13px; } .index_container .section .nav .search .text p i { background-repeat: no-repeat; background-size: contain; margin-right: 13px; width: 20px; } .index_container .section .nav .search .text p:nth-child(1) i { width: 18px; height: 18px; background-image: url(/static/jiuyi/images/xf.png); } .index_container .section .nav .search .text p:nth-child(2) i { width: 18px; height: 18px; background-image: url(/static/jiuyi/images/nt.png); } .index_container .section .nav .search .text p:nth-child(3) i { width: 18px; height: 18px; background-image: url(/static/jiuyi/images/myi.png); } .index_container .section .nav .search .text p:nth-child(4) i { width: 18px; height: 18px; background-image: url(/static/jiuyi/images/menzhen.png); opacity: 0.4; } .index_container .section .nav .search .text p:nth-child(5) i { width: 20px; height: 17px; background-image: url(/static/jiuyi/images/maps.png); } .index_container .section .nav .search .text p:nth-child(6) i { width: 18px; height: 18px; background-image: url(/static/jiuyi/images/tal.png); } .index_container .section .nav .search .text p a{ font-size: 16px; color: #ffffff; } .index_container .section aside .new { width: 700px; height: 100vh; position: relative; } .index_container .section aside .new .pic { display: inline-block; position: relative; height: 50vh; } .index_container .section aside .new .pic .stop { position: absolute; z-index: 2; width: 90px; height: 90px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .index_container .section aside .new .pic img { width: 100%; height: 100%; object-fit: cover; } .index_container .section aside .new .pic div { position: absolute; bottom: 31px; display: flex; width: 100%; left: 0; z-index: 2; justify-content: space-between; } .index_container .section aside .new .pic div p { width: 500px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; color: #fff; font-size: 18px; margin-left: 31px; } .index_container .section aside .new .pic div a { width: 90px; min-width: 90px; height: 32px; line-height: 32px; text-align: center; color: #fff; margin-right: 25px; } .index_container .section aside .new_list { width: calc(100% - 700px); max-height: 100vh; overflow-y: scroll; padding: 60px 70px; box-sizing: border-box; } .index_container .section aside .new_list .logo { width: 108px; height: 10px; margin-bottom: 18px; } .index_container .section aside .new_list h1 { font-size: 36px; font-family: SourceHanSerifSC, SourceHanSerifSC-SemiBold; font-weight: bold; margin-bottom: 49px; color: #000000; } .index_container .section aside .new_list .list_ul li { margin-bottom: 43px; } .index_container .section aside .new_list .list_ul li a { display: flex; width: 100%; } .index_container .section aside .new_list .list_ul li a img { width: 35%; min-width: 160px; object-fit: contain; margin-right: 35px; } .index_container .section aside .new_list .list_ul li a .list { width: 100%; } .index_container .section aside .new_list .list_ul li a .list h4 { width: 100%; font-size: 18px; font-family: Microsoft YaHei, Microsoft YaHei-Bold; font-weight: 700; color: #222222; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 30px; } .index_container .section aside .new_list .list_ul li a .list h4 .tzgg { display: inline-block; width: 88px; line-height: 32px; text-align: center; height: 32px; color: #fff; background: #eb161c; border-radius: 2px; margin-right: 13px; } .index_container .section aside .new_list .list_ul li a .list p { margin-top: 17px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; width: 100%; opacity: 0.7; font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei-Regular; font-weight: 400; color: #222222; line-height: 28px; } .index_container .section aside .new_list .list_ul li a .list span { margin-top: 18px; display: flex; align-items: center; } .index_container .section aside .new_list .list_ul li a .list span i { display: block; margin-right: 7px; width: 16px; height: 16px; background-image: url(/static/jiuyi/images/time.png); background-repeat: no-repeat; background-size: contain; } .index_container .section aside .new_list .border { width: calc(100vw - 300px - 700px -140px); height: 1px; background: #dddddd; } .index_container .section aside .new_list > a { font-size: 16px; font-family: SourceHanSansCN, SourceHanSansCN-Medium; font-weight: 500; text-align: left; color: #3264bf; line-height: 56px; display: flex; align-items: center; } .index_container .section aside .new_list > a i { width: 16px; height: 12px; background-image: url(/static/jiuyi/images/right.png); background-size: contain; background-repeat: no-repeat; margin-left: 8px; } .index_container .section .listbg1 { width: calc(100% - 300px); height: 2730px; min-width: 1100px; background-image: url(/static/jiuyi/images/list1.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; } .index_container .section .listbg2 { width: calc(100% - 300px); height: 2730px; min-width: 1100px; background-image: url(/static/jiuyi/images/list1.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; } .index_container .section .jiuyifuwu { width: calc(100% - 300px); height: 900px; min-width: 1100px; background-image: url(/static/jiuyi/images/jiuyifuwu.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; } .index_container .section .listbg3 { width: calc(100% - 300px); height: 1600px; min-width: 1100px; background-image: url(/static/jiuyi/images/list3.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; } .index_container .section .listbg4 { width: calc(100% - 300px); height: 1876px; min-width: 1100px; background-image: url(/static/jiuyi/images/list5.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; } .index_container .section .listbg5 { width: calc(100% - 300px); height: 1350px; min-width: 1100px; background-image: url(/static/jiuyi/images/list2.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; } .index_container .section .keshi1 { width: calc(100% - 300px); height: 2370px; min-width: 1100px; background-image: url(/static/jiuyi/images/list04.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; } .index_container .section .gongyi { width: calc(100% - 300px); height: 900px; min-height: 100vh; min-width: 1100px; background-image: url(/static/jiuyi/index_img/list1.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; } .index_container .section .keshi3 { width: calc(100% - 300px); height: 2370px; min-width: 1100px; background-image: url(/static/jiuyi/images/keshi3.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; } .nav_ul-top{ width: 100%;height: 60px;background-color: #043376; } .nav_ul-top a{ display: block; text-align: center; line-height: 60px; width: 100%; height: 100%; color: #fff; font-size: 18px; } // ÊÖ»ú°æ .m-nav{ background-image: url(/static/jiuyi/images/navBg.png); position: fixed; top: 0; left: 0; z-index: 999; width: 100%; background-size: cover; display: none; } .m-nav-fluid{ padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .m-nav-content{ margin: 0 auto; } .m-nav-header { height: 60px; } .m-nav-header a{ margin-right: 40px; height: 60px; display: flex; align-items: center; float: left; } .navbar-brand { // padding-top: 5px; } .navbar-brand img { width: 210px; object-fit: contain; margin-top: 0px !important; } .navbar-toggle { padding: 0.15rem 0; margin-top: 8px; margin-right: 0 !important; } .navbar-toggle img { width: 30px; } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-right: 15px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .m-nav-main{ display: none; width: 100%; } .m-nav-list { padding-right: 15px; padding-left: 15px; overflow-x: visible; width: 100%; box-sizing: border-box; } .m-nav-list>ul { padding-left: 0; list-style: none; width: 100%; } .m-nav-list>ul>li { position: relative; display: block; overflow: hidden; width: 100%; } .m-nav-list>ul>li>a { position: relative; display: block; padding: 10px 21px; padding-top: 10px; padding-bottom: 10px; line-height: 20px; color: #fff; text-decoration: none; } .dropdown-menu { display: none; float: left; padding: 5px 10px; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; border-radius: 4px; margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .dropdown-menu>li>a { display: block; padding: 8px 25px; clear: both; font-weight: 400; line-height: 1.42857143; color: #fff; white-space: nowrap; } .m-nav-search{ position: relative; display: block; margin-top: 20px; padding-bottom: 15px; } .header_icon{ display: flex; flex-direction: row; justify-content: start; align-items: center; } .m-nav-search .En { width: 22px !important; height: 22px !important; background-image: url(/static/jiuyi/images/en.png); background-repeat: no-repeat; background-size: cover; } .m-nav-search .input{ flex: 1; height: 40px; background: #265698; border-radius: 20px; display: flex; align-items: center; margin-right: 15px; } .m-nav-search input{ flex: 1; height: 100%; opacity: 0.6; border-radius: 20px; background: #265698; width: calc(240px - 21px); border: none; padding: 0 18px; color: #fff; } .m-nav-search .input i{ width: 21px; cursor: pointer; height: 21px; opacity: 0.4; margin-right: 12px; background-image: url(/static/jiuyi/images/search.png); background-repeat: no-repeat; background-size: cover; } .m-nav-search .input button{ width: 21px; cursor: pointer; height: 21px; opacity: 0.4; background: none; margin-right: 12px; background-image: url(/static/jiuyi/images/search.png); background-repeat: no-repeat; background-size: cover; border: none; } .yuanbao{overflow: hidden;margin-bottom: 30px;margin-top: 20px;} .page_selest { height: 120px; background-color: #EBEBEB; position: relative; margin-bottom: 20px; } .page_selest h3 { height: 60px; width: 65%; position: absolute; line-height: 60px; left: 40px; top: 30px; font-size: 56px; color: #AEAEAE; } .page_selest h3 em { font-style:normal; font-weight:normal; font-size: 26px; color: #AEAEAE; } .page_selest .nianfen { width: 200px; height: 40px; font-size: 16px; line-height: 40px; position: absolute; top: 40px; right: 40px; } .yuanbao ul{ display:flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; } .yuanbao ul{ display:flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; } .yuanbao li{ width: 45%; float: left; border:1px solid #eae9e9; margin-right: 22px; margin-bottom: 22px; overflow: hidden; height: 100px; transition: all 0.3s; } .yuanbao li:nth-of-type(2n){ margin-right: 0px; } .yuanbao li a{ width: 100%; // height: 60px; display: block; overflow: hidden; padding: 20px 25px; box-sizing: initial; display: flex; box-sizing: border-box; } .yuanbao li:hover{ border:1px solid #003277; } .xhleft{ width: 82px; height: 60px; float: left; overflow: hidden; background: url('/static/jiuyi/images/yuanbao.png')no-repeat center; } .xhright{ float: right; width: 400px; height: 60px; flex: 1; } .xhright h2{ // width: 315px; float: left; font-size: 18px; color: #000; height: 60px; line-height: 60px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .xhright span{ font-size: 14px; display: block; color: #fff; text-align: center; width: 75px; height: 30px; line-height: 30px; background: #003277; float: right; border-radius: 15px; margin-top: 15px; } .content-flex{ display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; margin-bottom: 40px } .content-tabs{ margin-top: 50px; margin-bottom: 50px; } .content-tabs ul{ display: flex; flex-wrap: nowrap; justify-content: space-between; border-bottom: 1px solid #ccc; } .content-tabs ul li{ padding-left: 80px; background: url('/static/jiuyi/images/jsicon2.png') no-repeat; height: 125px; position: relative; } .content-tabs ul li:nth-child(1){ background: url('/static/jiuyi/images/jsicon1.png') no-repeat; } .content-tabs ul li:nth-child(3){ background: url('/static/jiuyi/images/jsicon3.png') no-repeat; } .content-tabs ul li::before{ position: absolute; bottom: -10px; content: ''; width: 50px; height: 20px; background: url('/static/jiuyi/images/jsdot.jpg') no-repeat 25px; } .content-tabs ul li h1{ height: 48px; opacity: 0.9; font-size: 44px; font-weight: 700; color: #353535; line-height: 48px; } .content-tabs ul li h2{ height: 48px; font-size: 16px; font-weight: 400; color: #353535; line-height: 48px; } .content-tabs ul li h1 span{ font-size: 16px; color: #353535; line-height: 48px; font-weight: normal; margin-left: 10px; } .content-tabs2{ height: 320px; background: url('/static/jiuyi/images/jsbg1.png') no-repeat; background-size: cover !important; } .content-tabs2 ul{ display: flex; flex-wrap: nowrap; justify-content: space-between; } .content-tabs2 ul li{ text-align: center; width: 33.33%; padding:0 48px; padding-top: 50px; } .content-tabs2 ul li img{ display: inline-block; } .content-tabs2 ul li h1{ font-size: 24px; color: #fff; text-align: center; height: 70px; line-height: 70px; } .content-tabs2 ul li h2{ font-size: 16px; color: #a0aab7; line-height: 27px; } .content-tabs2 ul li p{ text-align: center; } .xgzhuanjia ul { overflow: hidden; margin-bottom: 20px; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; margin-top: 20px; } .xgzhuanjia ul li { overflow: hidden; margin-right:2%; height: 322px; width: 15%; margin-bottom: 55px; font-size: 0; } .xgzhuanjia ul li:nth-of-type(6n){margin-right: 0;} .zjpic { width: 100%; height: 247px; overflow: hidden; } .zjpic img { width: 100%; } .zjxinxi { width: 100%; height: 44px; border: 1px solid #e9e9e9; border-top: none; padding: 15px 25px; text-align: center; overflow: hidden; box-sizing: border-box; } .zjxinxi h1 { font-size: 16px; color: #323232; line-height: 20px; overflow: hidden; height: 20px; } .zjxinxi p{display: none;} .zhishuoxhlist ul{ display: flex; flex-wrap: wrap; justify-content: space-between; } .zhishuoxhlist li { width: 46%; float: left; border: 1px solid #eae9e9; margin-right: 22px; margin-bottom: 22px; overflow: hidden; height: 160px; transition: all 0.3s; } .zhishuoxhlist li a { width: 100%; display: block; overflow: hidden; padding: 30px 25px; display: flex; flex-wrap: nowrap; box-sizing: border-box; } .xhleft2 { width: 82px; float: left; overflow: hidden; margin-right: 15px; } .xhleft2 h1 { font-size: 28px; color: #b0b0b0; height: 26px; line-height: 26px; overflow: hidden; font-weight: bold; } .xhleft2 em { display: block; font-size: 12px; color: #a9a7a7; height: 35px; line-height: 35px; overflow: hidden; } .xhright2 { float: right; width: 60%; flex: 1; } .xhright2 h2 { font-size: 16px; color: #44aa68; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .zhishuoxhlist .xhright2 p { color: #989898; line-height: 25px; height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 20px 0; } .dituleft { width: 100%; height: 100vh; box-sizing: border-box; margin-bottom: 20px; position: relative; } .dituleft .ditucontainer { width: 100%; height: 100%; } .map-detail{ position: absolute; right: 10%; top: 0; width: 399px; height: 100%; z-index: 10000; background-color: rgba(4,51,118,0.9); } .map-detail img{ width: 100%; } .xingfeng{ position: absolute; height: 100vh; top: 0; left: 0; margin-left: 300px; width: calc(100% - 300px); } .xingfeng a{ display: block; width: 100%; height: 100%; } .xingfeng a img{ width: 100%; height: 100%; max-width: 100%; object-fit: cover; } .wrapper{ min-height: 100vh; }