/* -----------------------------删除 css reset */
body,
html {-webkit-touch-callout: none;color: #222;font-family: Microsoft YaHei, 微软雅黑, Microsoft JhengHei, 华文细黑, STHeiti, MingLiu;font-size: 16px;line-height: 1.5;outline: 0;position: relative}

a,
body,
center,
cite,
code,
dd,
del,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hr,
html,
img,
input,
label,
legend,
li,
mark,
ol,
p,
section,
span,
strong,
textarea,
time,
ul,
var {border: 0;font-style: normal;margin: 0;padding: 0}

button,
input,
select,
textarea {outline: none}

bottom,
botton,
input[type=“button”],
input[type=“reset”],
input[type=“search”],
input[type=“submit”],
input[type=“text”] {-webkit-appearance: none}

li,
ul {list-style: none}

b,
strong {font-weight: 700}

pre {overflow: auto}

img {border: none;max-width: 100%;vertical-align: middle}

p {margin-bottom: 0;margin-top: 0}

a {background-color: transparent;color: #222;display: inline-block;text-decoration: none}

a:hover {outline: 0}

i {content: "";display: inline-block}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {-webkit-appearance: none}

input[type=“number”] {-moz-appearance: none}

/* ------------------------end删除 css reset */

















.w {margin: 0 auto;width: 1280px}


/* header */
.header {height: 180px;transition: all .3s;width: 100%;z-index: 10}

.header .i2 {display: none}

.head {background: url(../images/top_bg.jpg) 50% no-repeat;background-size: cover;width: 100%}

.head .w {align-items: center;display: flex;height: 120px;justify-content: space-between;transition: height .3s}

.head .right {position: relative}

.submit-btn {background: #07468a;border: none;border-radius: 10px;color: #fff;cursor: pointer;display: block;font-size: 18px;height: 50px;line-height: 50px;margin: 0 auto;text-align: center;width: 100px}

.submit-btn:hover {background: #125eac}

.top-link {align-items: center;display: flex;margin-bottom: 20px}

.top-link a {border-right: 1px solid #fff;color: #fff;font-size: 14px;height: 14px;line-height: 1em;padding: 0 20px}

.top-link a:hover {text-decoration: underline}

#today {color: #b8cee5;font-size: 14px;margin-top: 10px;text-align: right}

.h1-search {background: #fff;border: 1px solid #fff;border-radius: 40px;bottom: -15px;display: none;padding: 0 20px;position: absolute;right: 0}

.h1-search--group {display: flex}

.h1-search--group-input {background: #fff;border-right: none;box-sizing: border-box;font-size: 14px;line-height: 40px;transition: all .3s;width: 210px}

.h1-search--group-input::placeholder {color: #999}

.h1-search--group-input:hover {border-color: #07468a}

.h1-search--group-submit {align-items: center;background: none;border: none;color: #fff;cursor: pointer;display: flex;justify-content: center}

.h1-search--group-submit {margin-left: 5px}


.h1-search--collapse-button {align-items: center;background: none;border: none;color: #fff;cursor: pointer;display: flex;justify-content: center;margin-left: 20px}


/* end header */

/* nav */
.nav {background: #07468a;transition: all .3s;width: 100%;z-index: 5}

.nav ul {display: flex}

.nav ul li {position: relative;width: 20%}

.nav ul li:after {background: hsla(0, 0%, 100%, .5);content: "";height: 100%;left: 0;position: absolute;top: 0;transition: all .3s;width: 1px}

.nav ul li:first-child:after {display: none}

.nav ul li>a {color: #fff;display: block;font-size: 20px;font-weight: bold;height: 60px;line-height: 60px;position: relative;text-align: center;transition: all .3s;white-space: nowrap}

.nav ul li.parent>a,
.nav ul li.selected>a,
.nav ul li:hover>a {background: #125eac}

.nav ul li:hover .navbox {opacity: 1;transform: translate(-50%, 100%);visibility: visible;z-index: 2}

.nav_fixed {left: 0;position: fixed;top: 0;z-index: 10}

.navbox {bottom: 0;font-size: 0;left: 50%;min-width: 100%;opacity: 0;position: absolute;transform: translate(-50%, 90%);transition: all .3s;visibility: hidden;z-index: -1}

.navbox-item {background: rgba(7, 70, 138, .8);box-sizing: border-box;min-width: 100%;overflow: hidden;padding: 10px}

.navbox-item>a {box-sizing: border-box;color: hsla(0, 0%, 100%, .5);display: block;font-size: 16px;line-height: 40px;margin-right: 5px;padding: 0 10px;position: relative;text-align: center;transition: all .3s;white-space: nowrap}

.navbox-item>a:hover {color: #fff}

.navbox-item>a:last-of-type {border-bottom: none}

/* end nav */


/* footer */

.footer {background: #125eac;color: #fff;padding: 15px 0}

.foot-block {position: absolute;width: 100%;bottom: 0;}

.footer .w {display: flex;justify-content: space-between}

.friend-link {align-items: center;display: flex;justify-content: space-between;width: 100%}

.friend-link span {color: #fff;display: inline-block;font-size: 18px;margin-right: 20px}

.friend-link .link-more {align-items: center;color: hsla(0, 0%, 100%, .7);cursor: pointer;display: flex;font-size: 14px;margin-left: 20px}

.friend-link .link-more:hover {color: #fff}

.friend-link .link-more img {margin-left: 10px}

.friend-link .link-box {flex: 1;overflow: hidden;width: 0}

.friend-link .link-box ul {display: flex;overflow: hidden}

.friend-link .link-box ul li {color: #fff;white-space: nowrap}

.friend-link .link-box ul li a {color: #fff;padding: 0 10px;white-space: nowrap}

.friend-link .link-box ul li a:hover {color: #fff;text-decoration: underline}

.friend-link .link-box ul li em {font-size: 14px}

.friend-link .link-box ul li:last-of-type em {display: none}



.copyright {background: #07468a;color: #fff;font-size: 14px;line-height: 1.8em}

.copyright .w {padding: 20px 0;position: relative;text-align: center}

.back-top {align-items: center;background: #07468a;border: 2px solid #5a8fc5;border-radius: 10px;color: hsla(0, 0%, 100%, .5);color: #fff;display: flex;flex-direction: column;font-size: 14px;font-size: 18px;height: 68px;justify-content: center;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 68px}

.back-top p {margin-top: 10px}

/* end footer */