body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; font-family:'microsoft yahei',Arial,Helvetica,sans-serif } table { border-collapse:collapse; border-spacing:0 } fieldset,img { border:0 } address,caption,cite,code,dfn,i,th,var { font-style:normal; font-weight:normal } ol,ul { list-style:none } caption,th { text-align:left } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal } q:before,q:after { content:'' } abbr,acronym { border:0 } .overclear{ margin:0; line-height:0; padding:0; clear:both; border:0; height:0 } body { font-size:14px; color:#000; background-color: #f0f3f9; font-family:'microsoft yahei',Arial,Helvetica,sans-serif; } html{ height: 100%; } a{ text-decoration:none; cursor: pointer; } html,body{ min-width: 1120px; min-height: 100%; } body{ position: relative; background-color: #fff; } .clear { clear:both } .clearfix:after { content:"."; display:block; height:0; font-size:0; visibility:hidden; clear:both } .clearfix { zoom:1 } a { outline:0 } a,input { outline:none } input,textarea,select { font-size:13px; font-family:'microsoft yahei'; } p{ word-wrap:break-word; word-break:normal; } /*鍗曡娉ㄩ噴*/ .e_s{ white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; } .e_p{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } /*鏄剧ず闅愯棌*/ .show{ display: block!important; } .hide{ display: none; } /*header*/ .header{ height: 69px; width: 100%; background: #ffffff; position: fixed; top: 0; z-index: 9999; } .header-bg{ height: 69px; width: 100%; } .main{ width:1250px; margin: 0 auto; } .header img{ /*width: 98px;*/ height: 60px; /*margin: 16px 0px;*/ } .header .header_ul{ float: right; height: 66px; } .header ul li{ height: 50px; font-size: 16px; line-height: 69px; /*padding: 0 8px;*/ margin: 0 23px; float: right; cursor: pointer; position: relative; text-align: center; } .header ul li:hover{ border-bottom: 2px solid #E6BF37; } .index-bor-b{ border-bottom: 2px solid #E6BF37; } .header ul li a{ width: 32px; height: 55px; color: #616161; font-size: 20px; } /*footer*/ .footer{ background-color: #262839; height: 291px; width: 100%; font-size: 14px; } .footer .foot-info{ height: 100%; width: 1164px; margin: 0 auto; } .foot-top{ height: 233px; width: 100%; border-bottom: 1px solid #44535E; } .QR-code{ width: 150px; height: 100%; float: left; } .foot-top img{ width: 109px; height: 109px; margin-top: 40px; } .QR-code .qr-text{ float: left; color: #B3B7D7; margin-top: 10px; } .foot-top .company-introl{ width: 493px; float: left; height: 100%; } .company-introl ul{ height: 107px; margin-top: 63px; border-left: 1px solid #44535e; } .company-introl ul li{ text-indent: 49px; color: #B3B7D7; margin-bottom: 10px; } .contact-way{ width: 370px; float: left; } .contact-way ul{ height: 107px; margin-top: 63px; border-left: 1px solid #44535e; } .contact-way ul li{ text-indent: 49px; color: #B3B7D7; margin-bottom: 10px; } .contact-way ul li:nth-of-type(1){ margin-top: 30px; } .foot-bottom{ height: 56px; line-height: 56px; text-align: center; color: #B3B7D7; } .foot-bottom a{ color: #B3B7D7; } .loadMore{ width: 373px; height: 575px; font-size: 20px; color: #ffffff; text-align: center; display: block; height: 56px; line-height: 56px; border-radius: 4px; background: #232D6F; margin: 60px auto 0; } .loadMore.nothing{ background: #f0f3f9; height: 54px; border: 1px solid #e2e8f3; color: #b6b5b5; } .menu{ width: 30px; height: 20px; position: relative; display: none; align-items: center; justify-content: flex-end; } .menu span{ display: block; width: 20px; height: 3px; background-color: #342B29; transition: all .6s; } .menu::before, .menu::after{ content: ''; width: 100%; height: 3px; background-color: #342B29; position: absolute; left: 0; } .menu::before{ top: 0; } .menu::after{ bottom: 0; } .menu.menuActive span{ width: 0; } .menu.menuActive::before, .menu.menuActive::after{ top: 0; bottom: 0; margin: auto; } .menu.menuActive::before{ transform: rotate(45deg); } .menu.menuActive::after{ transform: rotate(-45deg); } @media screen and (max-width:1200px) { html, body { min-width: auto; } .main{ width: 950px; } .footer .foot-info{ width: 950px; } .company-introl ul li,.contact-way ul li { text-indent: 10px; } .QR-code { width: 130px; } .footer { font-size: 12px; } .foot-top .company-introl { width: 315px; } } @media screen and (max-width:1020px) { .main{ width: 90%; } .header ul li { margin: 0 10px; } .footer .foot-info{ width: 90%; } .foot-top{ display: flex; } .foot-top .company-introl { width: 300px; float: none; } .contact-way { width: 160px; float: none; } .QR-code{ float: none; } .QR-code { width: 100px; box-sizing: border-box; padding: 5px; height: auto; } .foot-top img{ width: 100%; height: auto; } } @media screen and (max-width:767px) { .header{ position: relative; } .header .header_ul { float: none; height: auto; background-color: #fff; width: 100%; position: absolute; left: 0; top: 69px; display: none; box-shadow: 0 15px 20px #535353; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .header ul li { margin: 5px 0; float: none; } .header-bg{ display: none; } .main{ display: flex; justify-content: space-between; align-items: center; } .menu{ display: flex; } .footer{ height: auto; } .foot-top { height: auto; } .QR-code { width: 150px; } .contact-way ul { height: auto; margin-top: 0; border-left: none; } .foot-top .company-introl,.contact-way { width: 100%; } .company-introl ul { height: auto; margin-top: 20px; border-left: none; } .foot-top{ flex-wrap: wrap; } }