body { margin: 0px; padding: 0px; } p { margin: 0px; padding: 0px; } h1 { margin: 0px; padding: 0px; } h2 { margin: 0px; padding: 0px; } h3 { margin: 0px; padding: 0px; } h4 { margin: 0px; padding: 0px; } h5 { margin: 0px; padding: 0px; } h6 { margin: 0px; padding: 0px; } ul { margin: 0px; padding: 0px; } ol { margin: 0px; padding: 0px; } li { margin: 0px; padding: 0px; } dl { margin: 0px; padding: 0px; } dt { margin: 0px; padding: 0px; } dd { margin: 0px; padding: 0px; } table { margin: 0px; padding: 0px; } th { margin: 0px; padding: 0px; } td { margin: 0px; padding: 0px; } form { margin: 0px; padding: 0px; } fieldset { margin: 0px; padding: 0px; } legend { margin: 0px; padding: 0px; } input { margin: 0px; padding: 0px; } textarea { margin: 0px; padding: 0px; } button { margin: 0px; padding: 0px; } select { margin: 0px; padding: 0px; } body { background: rgb(255, 255, 255); line-height: 1.25em; font-size: 14px; } input { background: rgb(255, 255, 255); line-height: 1.25em; font-size: 14px; } textarea { background: rgb(255, 255, 255); line-height: 1.25em; font-size: 14px; } select { background: rgb(255, 255, 255); line-height: 1.25em; font-size: 14px; } button { background: rgb(255, 255, 255); line-height: 1.25em; font-size: 14px; } table { line-height: 1.25em; font-size: 14px; } body { color: rgb(0, 0, 0); font-family: "microsoft yahei", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; min-width: 1200px; -webkit-text-size-adjust: none; } img { border: 0px currentColor; border-image: none; } fieldset { border: 0px currentColor; border-image: none; } ul { list-style: none; } ol { list-style: none; } em { font-style: normal; } address { font-style: normal; } a { color: rgb(51, 51, 51); text-decoration: none; cursor: pointer; } table { border-collapse: collapse; } h1 { font-style: normal; } h2 { font-style: normal; } h3 { font-style: normal; } h4 { font-style: normal; } h5 { font-style: normal; } h6 { font-style: normal; } em { font-style: normal; } i { font-style: normal; } .tops { margin: 0px; width: 100%; height: auto; } .logo { background: rgb(25,89,178); width: 100%; height: auto; overflow: hidden; position: relative; } .logos { background: url("../img/bglg.png") no-repeat 76% 0px; margin: 0px auto; padding: 20px 0px; width: 1200px; overflow: hidden; } .logoleft { margin: 3px 0px; float: left; } .logoright { margin-top: 10px; float: right; } .logolj { margin: 15px 0px; color: rgb(255, 255, 255); } .logolj a { margin: 0px 10px; color: rgb(255, 255, 255); } .ssjg { border-image: none; height: auto; overflow: hidden; } .ssjg input { outline: 0px; border: 0px currentColor; border-image: none; } .inptext { width: 170px; height: 27px; text-indent: 1em; float: left; background-color: transparent; } .inpimg { margin: 4px 0px 0px 5px; float: left; } .nva { margin: 0px auto; width: 1200px; height: 36px; } .nva { margin: 0px auto; width: 1200px; height: 36px; } .navul { width: 100%; height: auto; } .navul > li { width: 9.07%; } .dhl li { width: 100%; } .navul li { height: auto; float: left; position: relative; z-index: 999; } .navul li a { width: 100%; height: 40px; text-align: center; color: rgb(0, 0, 0); line-height: 36px; font-size: 16px; font-weight: 500; display: block; } .dhl { background: rgb(255, 255, 255); left: -12px; top: 40px; width: 130px; display: none; position: absolute; z-index: 999; } .navul > li:hover > a { color: rgb(25,89,178); } .navul > li > .dhl li:hover a { color: rgb(25,89,178); text-decoration: underline; } #dhl { background: url("../img/menu-button-bg.png") no-repeat center / 60% 60%; width: 30px; height: 30px; right: 10px; bottom: 10px; display: none; position: absolute; z-index: 999; cursor: pointer; } .dhdqa { color: rgb(25,89,178) !important; font-weight: 600 !important; } .nva2 { display: none; } .bottoms { background: rgb(25,89,178); width: 100%; height: 100px;color:#ffffff;line-height:45px; } .btm_div { margin: 0px auto; width: 1200px; height: auto; padding-top: 24px; } .btm_div > img { margin: 0px 34px; width: 24%; float: left; } .btm_div > span { width: 1px; height: 130px; float: left; } .spans1 { background: rgb(0, 106, 57); } .spans2 { background: rgb(0, 156, 68); } .btm_bq { margin: 0px 25px; width: 36.3%; float: left; position: relative; } .btm_bq p { width: 100%; color: rgb(255, 255, 255); line-height: 26px; font-weight: 200; } .btm_p { right: 0px; bottom: 4px; color: rgb(255, 255, 255); position: absolute; cursor: pointer; } .btm_bq img { right: 0px; bottom: 20px; display: none; position: absolute; z-index: 10; } .btm_p i { color: rgb(255, 255, 255); font-size: 20px; margin-right: 7px; } .btm_p:hover img { display: block; } .yqlj { margin: 0px 0px 0px 30px; width: 25%; float: left; } .yqlj > p { width: 100%; height: 30px; color: rgb(255, 255, 255); font-weight: 200; } .yqljul { width: 100%; height: auto; } .yqljul > li { background: url("../img/jt4.png") no-repeat 250px 20px rgb(51, 152, 95); width: 100%; height: 45px; position: relative; } .yqljul li ul li { background: rgb(51, 152, 95); width: 100%; height: 45px; } .yqljul li a { width: 100%; color: rgb(255, 255, 255); line-height: 45px; text-indent: 2em; display: block; } .yqljul li ul { left: 0px; width: 100%; bottom: 45px; overflow: hidden; display: none; position: absolute; z-index: 999; } @media screen and (max-width:1199px) { .logos { padding: 10px 0px; width: 100%; } .bottoms { height: 220px; } .btm_div { background: rgb(25,89,178); width: 100%; height: auto; text-align: center; } .btm_div > span { display: none; } .yqlj { margin: 0px auto; } .btm_bq p { text-align: left; } .yqlj > p { text-align: left; } .nva { width: 100%; height: auto; } } @media screen and (max-width:768px) { .nva1 { dispaly: none; } .nva2 { display: block; } .logoleft { padding: 0px 5%; width: 90%; float: none; } .logoleft img { width: 100%; } .logoright { margin: 0px auto; width: 500px; float: none; } .logolj { margin: 5px 0px; } .logolj { float: left; } .ssjg { width: 40%; float: right; } .btm_bq p { text-align: left; } .btm_div > img { margin: 0px 0px 0px 2%; } .btm_bq { margin: 0px 2%; width: 40%; } .yqlj { width: 28%; margin-right: 2%; } .yqlj > p { text-align: left; } .yqljul > li { background: url("../img/jt4.png") no-repeat 280px 20px rgb(51, 152, 95); } .nva { display: none; } .navul li { width: 100%; float: none; position: static; } .navul li ul { width: 100%; position: static; } #dhl { display: block; } .yqljul li a { text-align: center; text-indent: 0em; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; } } @media screen and (max-width:414px) { .logos { padding: 10px 0px; width: 100%; } .logoleft { padding: 0px 5%; width: 90%; float: none; } .logoleft img { width: 100%; } .logoright { margin: 0px auto; width: 210px; overflow: hidden; float: none; } .logolj { margin: 5px 0px; width: 100%; } .ssjg { width: 96%; float: left; } .logolj a { margin: 0px 8px; } .bottoms { height: auto; } .btm_div { background: rgb(25,89,178); width: 100%; height: auto; text-align: center; overflow: hidden; } .btm_div > span { display: none; } .btm_div > img { margin: 0px; width: 80%; float: none; } .btm_bq { margin: 20px auto; width: 90%; float: none; } .btm_bq p { text-align: left; } .yqlj { margin: 0px auto 40px; width: 90%; float: none; } .yqljul > li { background: rgb(51, 152, 95); } .yqljul li a { text-indent: 10px; } } @media screen and (max-width:330px) { .logoright { width: 230px; } .ssjg { width: 86%; } .inptext { width: 76%; } .inpimg { margin-right: 8px; float: right; } .logolj a { font-size: 13px; } .yqljul li a { text-align: left; } .lja1 { margin-left: 0px; } } .fl { float: left !important; } .fr { float: right !important; } .no_margin { margin: 0px !important; } .no_border { border: 0px currentColor !important; border-image: none !important; } .no_bg { background: none !important; } .clear_both { clear: both !important; } .display_block { display: block !important; } .clearfix::after { height: 0px; clear: both; display: block; visibility: hidden; content: " "; } .clearfix { display: inline-block; } .hide { display: none; } .show { display: block; } .red { color: red; } .yellow { color: rgb(255, 102, 0); }