* { -ms-word-break: break-all; } body { text-align: left; color: #333333; font-family: "Microsoft YaHei", tahoma, arial, simsun, ; font-size: 14px; } html,body,div,ul,li,dl,dt,dd,form,input,select,h1,h2,h3,h4,h5,h6,p { margin: 0px; padding: 0px; } a { text-decoration: none; color: inherit; cursor: pointer; outline: none; } ul { list-style: none; } li { list-style: outside none; } img { margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; } input { font-size: 12px; } select { font-size: 12px; } table { border-collapse: separate; border-spacing: 2px; } /*common*/ .container { width: 1200px; margin: 0 auto; } .fl { float: left; } .fr { float: right; } .clearfix::after { content: ""; display: block; clear: both; } /*header*/ .header { background: url(../images/header_bj.png) no-repeat; } .header .container { height: 227px; position: relative; } .header .logo { width: 500px; padding-top: 35px; overflow: hidden; clear: both; } .header .logo .logo_2 { padding: 20px; } .english { color: white; padding-top: 10px; } .xian { height: 3px; margin-top: 18px; background: url(../images/xian.png) center no-repeat; } /*nav*/ .nav { display: flex; justify-content: space-around; padding: 0px; height: 50px; line-height: 50px; position: relative; z-index: 1; clear: both; } .nav-main { height: 50px; margin-top: 0px; } .nav a { color: #fff; } .nav .nLi { float: left; position: relative; display: inline; } .nav .nLi h3 { float: left; } .nav .nLi h3 a { display: block; padding: 0 14px; font-size: 16px; font-weight: normal; } .nav .sub { display: none; width: 120px; left: 0; top: 49px; position: absolute; background: #003366; line-height: 26px; padding: 5px 0; } .nav .sub li { zoom: 1; text-align: center; height: 40px; font-size: 14px; line-height: 40px; } .nav .sub a { display: block; padding: 0 10px; } .nav .sub a:hover { background: #FFFFFF; color: #003366; } .nav .on h3 a { background: #FFFFFF; color: #003366; } .db { background: url(../images/db_bj.png) top center no-repeat; overflow: hidden; } .db .logo { width: 480px; padding-top: 40px; margin: 0 auto; clear: both; } .db .logo .logo_2 { padding: 20px; } .db .bq .txt { color: white; font-size: 16px; padding-top: 20px; margin-bottom: 10px; text-align: center; margin-left: 216px; } .bq span { font-size: 12px; color: #98bee3; } .dbb { height: 34px; background-color: #002952; } /*search*/ .search-wrap{position: absolute;top: -12px;right: 0;bottom: 0;margin: auto;width: 193px;height:36px;background: #fff;border: 1px solid #d1d1d1;padding: 0 16px;border-radius: 30px;} .search-input{width: 169px;float: left;height: 100%;font-size: 14px;} .search-wrap input{border: none;outline: none;background: #ffffff;} .search-but{width: 24px;position: absolute;top:2px;right: 16px;bottom: 0;margin: auto;}