* { box-sizing: border-box;}
html { overflow-x:hidden;}
body { background:#FFF; font-family:'microsoft yahei'; font-size:14px; overflow-x:hidden;}
img { vertical-align:bottom; max-width: 100%;}
a { color:#333; text-decoration:none;}

.banner .swiper-container-horizontal>.swiper-pagination { bottom: 10px;}
.swiper-pagination-bullet { background: #fff; opacity: 1; vertical-align: middle;}
.swiper-pagination-bullet-active{ background: #fff; width: 12px; height: 12px; transition: all .3s;}

.head { position: relative; z-index: 1000;}

.link { margin-top: -1px;}
.link li { width: 33.3333%; float: left;}
.link li a { display: block; height: 40px; line-height: 40px; text-align: center; color: #FFF; background: #1571c8; border-right: #2695ff solid 1px; border-top: #2695ff solid 1px;}
.link li:nth-child(3n) a { border-right: 0px;}

.title { padding: 20px 0px; position: relative; padding-bottom: 0px;}
.title .text { width: 100px; margin: auto; background: #FFF;}
.title::before { content: ' '; position: absolute; left: 0px; top: 50%; border: #d7d8d8 solid 1px; right: 0px; z-index: -1;}
.title strong,.title span { display: block; font-size: 15px; text-align: center;}
.title span { font-size: 12px;}

.more { padding-bottom: 20px;}
.more a { width: 100px; border:#999 solid 1px; color: #999; line-height: 40px; border-radius: 5px; margin: auto; display: block; text-align: center;}

.list-txt { padding-bottom: 10px;}
.list-txt li { border-bottom: #efefef solid 1px;}
.list-txt a { display: block; padding: 20px 10px; padding-right: 40px; background: url(../themes/skin/icon-more.png) right 20px center no-repeat; background-size: auto 20px;}
.list-txt strong,.list-txt span { font-weight: normal; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list-txt span { padding-top: 5px; color: #949292;}

.copyright { background: #ececec; color: #9b9b9b; padding: 20px 0px; text-align: center;}

.foot-height { height: 75px;}
.foot { background: #0061a8; display: flex; position: fixed; height: 75px; bottom: 0px; width: 100%;}
.foot li { flex: 1; text-align: center; height: 50px;}
.foot li a { display: block; color: #FFF; font-size: 14px; padding-top: 15px;}
.foot li img { vertical-align: middle; width: 6vw; display: block; margin: auto;}
.foot li span { padding-top: 5px; display: block; text-align: center;}

.menu { padding: 20px; padding-top: 0px;}
.menu li { padding-top: 20px;}
.menu li a { display: block; text-align: center; font-weight: bold; font-size: 18px; line-height: 55px; color: #FFF; background: #f8011e url(skin/menu-a.jpg) center no-repeat; background-size: auto 100%; border-radius: 5px;}

.list-img { padding: 10px; padding-top: 0px; padding-bottom: 20px;}
.list-img li { width: 33.33333%; float: left; padding: 20px 10px 0px 10px;}
.list-img a { display: block;}
.list-img img { display:block;}
.list-img span { line-height: 40px; float: right;}

.list-img-2 { padding: 10px; padding-top: 0px; padding-bottom: 20px;}
.list-img-2 li { width: 50%; float: left; padding: 20px 10px 0px 10px;}
.list-img-2 a { display: block;}
.list-img-2 img { display:block;}
.list-img-2 span { display: block; text-align: center; padding-top: 10px;}

.center { text-align: center;}
.right { text-align: right;}
.html { padding: 20px; line-height: 35px; text-align: justify;}