@charset "utf-8"; * { margin: 0; padding: 0; } li { list-style: none; } a { text-decoration: none; } h2, h3, i, em { font-style: normal; } html, body { font-family: 微软雅黑;main-width: 1400px; } input, img, a { outline: none; border: 0; } .px1400 { width: 1400px; margin: 0 auto; } .header{ background-color: #18489c; } .head{ overflow: hidden; } .head>div{ float: right; height: 40px; } .dh>ul{ overflow: hidden; margin-top: 13px; } .dh>ul>li{ float: left; line-height: 14px; } .dh>ul>li>a{ font-size: 14px; color: #ffffff; padding: 0 10px; } .dh>ul>li:nth-child(1){ border-right: 2px solid #bbc3db; } .dh{ float: left; } .seach{ float: right; position: relative; margin-left: 15px; } .seach input[type="text"]{ width: 169px; height: 27px; background-color: rgba(24, 72, 156, 0.18); border: solid 1px #4269ae; box-sizing: border-box; padding-left: 10px; padding-right: 30px; margin-top: 7px; } .seach input[type="image"]{ /* position: absolute; */ /* top: 60%; */ /* transform: translateY(-50%); */ /* right: 10px; */ /* margin: 0 auto; */ padding: 5px; } input{ color: #ffffff; } input:-moz-placeholder{ color: #8798c2; } input:-ms-input-placeholder{ color: #8798c2; } input::-webkit-input-placeholder{ color: #8798c2; } #nav::after{ content: ""; display: block; height: 0; clear: both; } .logo{ float: left; max-width: 556px; margin-top: 30px; } .logo>a>img{ display: block; width: 100%; /* height: 75px; */ } .nav{ float: right; } .nav>ul::after { content: ""; display: block; height: 0; clear: both; } .nav>ul>li{ float: left; text-align: center; margin-left: 35px; position: relative; } .nav>ul>li>a{ display: block; font-size: 18px; line-height: 117px; color: #222222; } .nav>ul>li>ul>li:hover { background-color: #18489c;color:#ffffff; } .nav>ul>li>ul>li:hover a { color:#ffffff; } .nav>ul>li>ul { position: absolute; left: -40%; right: 0; display: none; z-index: 9999; width: 130px; background-color: #ffffff; } .nav>ul>li>ul>li { text-align: center; line-height: 40px; } .nav>ul>li>ul>li>a { font-size: 16px; color: #18489c; } .footer{ padding: 40px 0; background-color: #003391; } .foot{ overflow: hidden; } .foot-l{ float: left; width: 47.14% } .foot-m{ float: left; width: 35.71%; } .foot-r{ float: right; } .foot-l>p{ font-size: 16px; line-height: 30px; color: #ffffff; margin-top: 15px; } .foot-l p a { color: white; } .foot-m>h2{ font-size: 16px; line-height: 30px; color: #fefefe; margin-bottom: 15px; } .foot-m>p{ font-size: 14px; line-height: 30px; color: #fefefe; } .foot-m>p>img{ margin:0 10px; } .rwm{ margin-top: 15px; } .dh>ul>li:hover a{ color: #4884ee; } /* 移动端头部 */ .top { max-width: 1920px; margin: 0 auto; position: fixed; right: 10px; top: 18px; width: 25px; height: 25px; z-index: 9999; } .wap { display: none; } .top>img { display: block; width: 100%; } .wap-menu { position: absolute; top: 0; right: 0; z-index: 99999; font-size: 0; } .close-menu { display: none; position: absolute; right: 0; top: 0; } .wap-menu img { height: 25px; } .m-head { position: fixed; top: 0; left: 0; right: 0; padding: 10px; z-index: 999; } .banner a { display: block; } .banner img { width: 100%; } /* 移动端头部 */ .top { max-width: 1920px; margin: 0 auto; position: fixed; right: 10px; top: 18px; width: 25px; height: 25px; z-index: 9999; } .wap { display: none; } .top>img { display: block; width: 100%; } .wap-menu { position: absolute; top: 0; right: 0; z-index: 99999; font-size: 0; } .close-menu { display: none; position: absolute; right: 0; top: 0; } .wap-menu img { height: 25px; } .m-head { position: fixed; top: 0; left: 0; right: 0; padding: 10px; z-index: 999; } .banner a { display: block; } .banner img { width: 100%; } .text-list table td b { overflow-wrap: anywhere; } .ser_img { background: #18489c; width: 22px; height: 25px; position: absolute; right: 1px; top: 8px; }