/* 澶撮儴寮€濮 */ #header{ height: 83px; background-color: #fff; } .header{ height: 83px; background-color: #fff; width: 100%; } .content{ width: 1200px; margin: 0 auto; } .business_btn p{ display: inline-block; height: 40px; width: 92px; line-height: 40px; text-align: center; border: 2px solid #d7d7d7; cursor: pointer; } .business_btn span{ display: inline-block; height: 40px; width: 40px; line-height: 40px; text-align: center; border: 2px solid #d7d7d7; } .business_btn input{ display: inline-block; height: 40px; width: 50px; line-height: 40px; text-align: center; border: 2px solid #d7d7d7; margin: 0 5px; outline: none; } .business_btn button{ display: inline-block; height: 45px; width: 55px; line-height: 45px; text-align: center; border: 2px solid #d7d7d7; background: #eeeeee; cursor: pointer; } .header_logo{ float: left; margin-left: 4px; margin-top: 19px; } .header_home { float: right; width: 800px; height: 83px; } .header_home ul { margin-left: 50px; height: auto; width: 100%; line-height: 83px; } .header_home ul li { width: 100px; list-style-type: none; float: left; height: 45px; line-height: 38px; font-weight: 900; /* display: inline-block; */ } .banner_ll.jy li{ width: 100%; } .banner_l.zj li{ width: 100%; } .nav_bottom.content .link{ position: absolute; right: 0 !important; bottom: auto; background: rgba(255, 255, 255, 0.5); border: none !important; width: 218px !important; top: -32px !important; height: auto !important; display: none; } .aft { text-decoration: none; display: block; width: 97px; height: 83px; line-height: 83px; text-align: center; color: #666; font-weight: 900; position: relative; font-size: 16px; /* font-family: "瀹嬩綋";*/ } .qy .banner_t ul{ width: 313px; /* margin-left: 10px!important; */ } .zj ul{ width: 603px; } .zj.banner_l{ width: 146px; /* height: 100px; */ } .zj .banner_t li{ height: 45px; } .qy ul li{ width: 98px; } .aft:after { margin-top: 32px; content: ""; width: 0; height: 5px; background: #1478f0; position: absolute; top: 50px; left: 50%; transition: all .5s; } .aft:hover:after { left: 0%; width: 100%; } .header_home ul li div { float: none } .header_home ul li div a { color: black } /* banner鍥惧叕鍏辨牱寮 */ #banner_wapper { /* height: 100%; */ margin-top: 3px; position: relative; } .banner_img img{ width: 100%; min-width: 100%; /* height: 100%; */ display: block; } .banner_list { position: absolute; bottom: -1px; left: 0; width: 100%; } .banner { width: 1200px; } .banner div { float: right; background: #fff; opacity: 0.84; height: 45px; width: 280px; line-height: 45px; text-align: center; display: table-cell; } .banner div img { display: inline-block; vertical-align: middle; margin-bottom: 4px; } .banner div p { display: inline-block; font-size: 12px; color: #666; font-weight: 700; } .banner div p a { color: #666; font-weight: 700; } .banner div span { color: #1478f0; font-size: 12px; font-weight: 700; } /* 搴曢儴瀵艰埅寮€濮 */ #nav{ height: 62px; background: #efefef; border-bottom: 4px solid #fff; } .nav_bottom { height: 62px; background: #efefef; } .nav_bottom_left{ float: left; } .nav_bottom_left ul li{ color: #666666; line-height: 62px; height: 62px; float: left; } .nav_bottom_left ul li a { margin: 0 6px; color: #666666; text-decoration: none; font-size: 12px; } .nav_bottom_right{ float: right; line-height: 35px; height: 35px; } .nav_bottom_right div{ margin-top: 15px; text-align: center; height: 35px; width: 216px; border: 1px solid #1478f0; } .nav_bottom_right p { display: inline-block; color: #1478f0; } .nav_bottom_right img { display: inline-block; } /* 鐗堟潈鎵€鏈 */ #footer{ height: 60px; background: #1478f0; } .footer_wap div { line-height: 60px; display: flex; justify-content: space-between; } .footer_wap div p { color: #fff; } /* 娓呴櫎娴姩 */ /* .clearfix::after { content: "."; clear: both; display: block; overflow: hidden; font-size: 0; height: 0; } */ /* 涓棿tab鏍峰紡 */ #chairman_wapper{ height: 98px; background-color: #fff; width: 100%; border-bottom: 1px solid #e7e7e7; } .chairman { height: 98px; background-color: #fff; } .chairman ul { float: left; margin-top: 38px; } .chairman ul li { height: 58px; width: 126px; line-height: 58px; float: left; text-align: center; position: relative; } .chairman ul li a { display: block; height: 58px; width: 126px; line-height: 58px; float: left; text-align: center; font-weight: 900; color: #666; font-size:16px; /*font-family: "瀹嬩綋";*/ } .banner div p a:nth-child(1) { margin: 0 8px; } .banner div p a:nth-child(2) { margin: 0 8px; } .banner div p a span #text{ margin-left: 8px; } /* .banner div p span i { margin-right: 2px; display: inline-block; } */ .chairman ul li a:after{ margin-top: 58px; content: ""; width: 0; height: 2px; background: #1478f0; position: absolute; top: 0; left: 50%; transition: all .5s; } .chairman ul li a:hover{ color: #1478f0; } .chairman ul li a:hover:after{ left: 0%; width: 100%; } /* 瀵艰埅鏉 */ .banner_l { top: 84px; left: 0; z-index: 99; /* display: block !important; */ position: absolute; /* height: 49px; */ overflow: hidden; /* transition: 0.5s; */ background-color: rgba(132, 164, 183, 0.5); display: none; } .header_home ul li:hover div { display: block; height: auto; overflow: hidden; } .header_home ul li:hover .jy { height: auto !important; } .jy ul li { height: 45px !important; line-height: 45px !important; } .header_home { position: relative; } .zj { position: absolute; left: 181px; width: 603px; } .jy { position: absolute !important; left: 264px !important; width: 171px !important; } .jy ul { display: flex; flex-wrap: wrap; width: 145px !important; } .jy ul li{ /* margin-left: 15px !important; */ } .xw { position: absolute !important; left: 379px !important; width: 141px !important; } .qy { position: absolute !important; left: 480px !important; width: 136px !important; } .zx { position: absolute !important; left: 579px !important; width: 141px !important; } .lx { position: absolute !important; left: 677px !important; width: 141px !important; } .banner_l .banner_t { z-index: 999; } .banner_t ul{ margin-left: 23px !important; } .banner_t ul li a { font-weight: 900; } .banner_t ul li a { font-weight: 900; font-size: 14px; } .banner_tt ul li a { font-weight: 900; font-size: 14px; } .banner_l ul { float: left; } .banner_l ul li a{ height: 49px; width: 95px; line-height: 49px; float: left; text-align: center; margin-right: 15px; color: #fff !important; font-size: 14px; /*font-family: "瀹嬩綋";*/ } .banner_l ul li a:hover { background: #e1e9f0; color: #1478f0 !important; } /* 2 */ /* 瀵艰埅鏉 */ .banner_ll { top: 84px; left: 0; display: block !important; z-index: 99; position: absolute; height: 0; overflow: hidden; /* transition: 0.5s; */ background-color: rgba(132, 164, 183, 0.5); } .banner_ll .banner_t { z-index: 999; } .banner_ll ul { float: left; margin-left: 2px !important; } .banner_ll ul li { margin-left: 25px; } .banner_ll ul li a{ height: 49px; width: 100%; line-height: 49px; float: left; text-align: center; margin-right: 25px; color: #fff !important; font-size: 14px; /*font-family: "瀹嬩綋";*/ } .banner_ll ul li a:hover { background: #e1e9f0; color: #1478f0 !important; } .banner_t.content li{ width: 100%; display: block; } @media screen and (max-width:760px) { .banner_top { display: none; } .banner_list { display: none; } .header_home { display: none; } #header { height: 100%; width: 100%; } .header { height: 100%; width: 100%; display: flex; justify-content: space-between; position: relative; } .header .header_logo { width: 150px; height: 30px; margin-top: 10px; margin-left: 10px; margin-bottom: 10px; } .header .header_logo h1 img { width: 150px; height: 30px; } .header_phone { display: block !important; text-align: center; width: 150px; position: absolute; right: 0; top: 18px; z-index: 999; } .s-side { text-align: right; width: 100%; height: 100%; } #caidan { font-size: 20px; padding-right: 20px; } .d-firstDrop { background: #f3f3f3; width: 100%; text-align: left; margin-top: 15px; } .d-secondDrop { background: #fff; margin-left: 20px; } .s-thirdItem a{ padding-left: 20px; color: #999; } .d-secondNav { width: 100%; background: #fff; color: #999; height: 30px; line-height: 30px; padding-left: 20px; border-bottom: 1px solid #e7e7e7 !important; } .d-secondNav span { cursor:pointer; } .d-secondNav span a{ color: #999; cursor:pointer; } .s-thirdItem { width: 100%; background: #f3f3f3; height: 30px; line-height: 30px; border-bottom: 1px solid #e7e7e7 !important; } ul { list-style: none; } .s-firstDrop, .s-secondDrop { display: none; } /* 涓棿tab鏍峰紡 */ #chairman_wapper{ height: 98px; background-color: #fff; width: 100%; border-bottom: 1px solid #e7e7e7; } .chairman { width: 100%; height: 98px; background-color: #fff; } .chairman ul { width: 100%; float: left; margin-top: 38px; display: flex; justify-content: space-between; } .chairman ul li { overflow: hidden; height: 58px; width: 100%; line-height: 58px; } .chairman ul li a { display: block; height: 58px; font-weight: 900; width: 100%; line-height: 58px; float: left; text-align: center; } /* 搴曢儴鎸夐挳 */ .page_num:hover { background: #1478f0; color: #fff; } }