@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre,
form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
}

body {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
	
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

address, cite, dfn, em, var {
    font-style: normal;
}

code, kbd, pre, samp {
    font-family: courier, courier, monospace;
}

li {
    list-style: none;
}

a, a:hover, a:link, a:visited, a:active {
    text-decoration: none;
}

img {
    border: 0;
}

button, input, select, textarea {
    font-size: 100%;
    outline: none
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.hide {
    display: none;
}
.show {
    display: block;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear{zoom:1;}
.clear:after{content:"."; display:block; clear:both; height:0; visibility:hidden;}

/* 列表 */
.list-index {
	background-color:#e4e4e4;
	padding-bottom:19vw;
}

.list-top {
	padding:5vw 4vw;
	width:92vw;
	margin:0vw auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
	background:#3775cc;
	border-radius:0 0 2vw 2vw
}
.list-top .logo {
	width:20vw;
}
.list-top .title {
	color:#fff;
	font-size:5vw;
}
.list-top .title a {
	color:#fff;
	font-size:5vw;
	margin-right:2vw;
}
.list-top .icon {
	width:16vw;
	text-align:right;
}
.list-top .icon a {
	width:4vw;
	display:block;
	margin:0 2vw;
}
.list-top .icon a img {
	width:100%;
}

.details-con .sub {
	position:absolute;
	display:block;
	padding:.5vw 3vw;
	text-align:center;
	font-size:3vw;
	color:#333;
	border:1px solid #999;
	background:#fff;
	border-radius:5vw;
	right:1vw;
	bottom:2vw;
}
.details-con .sub.acitve {
	border:1px solid #e89c2e;
	background:#e89c2e;
	color:#fff;
}


.select-con {
	margin:2vw auto;
	width:90vw;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.select-con .select-box {
	text-align:center;
	width:40vw;
	padding:1vw 2vw;
	background:#fff;
	border-radius:1vw;
}
.select-con .select-box span {
	font-size:3vw;
	color:#005cbb;
	margin-right:1vw;
}

.mySelect {
	text-align:left;
  padding:1vw 3vw;
  border: 1px solid #fff;
  border-radius:1vw;
  font-size:3vw;
  cursor: pointer;
  background-color: #fff;
  outline: none;
   appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right:3vw;
  background-image: url(../images/select.png);
  background-position: center right;
  background-repeat:no-repeat;
  background-size:1.5vw;
}

.mySelect option {
  padding:1vw 3vw;
  background-color: #fff;
}

/* 详情页面 */
.info-title-con {
	position: relative;
	width:90vw;
	margin:2vw auto;
	background:#fff;
	border-radius:2vw;
	padding:3vw 1vw 6vw;
}
.info-title-con span {
	display:block;
	width:90%;
	margin:0 auto;
	font-size:4vw;
	line-height:6vw;
	color:#000;
}
.info-title-con .horn {
	text-align:right;
	border-radius:0vw 2vw 0vw 6vw;
	position:absolute;
	right:0;
	top:0;
	width:7vw;
	height:7vw;
	background: url(../images/horn-bg-1.png) no-repeat;
	background-size:100% 100%;
}
.info-title-con .horn.acitve {
	background: url(../images/horn-bg.png) no-repeat;
}
.info-title-con .horn img {
	width:3.5vw;
	margin-top:.5vw;
	margin-right:.5vw;
}

.info-title-con .time {
	width:86%;
	padding-left:4vw;
	background:url(../images/icon-time.png) left center no-repeat;
	font-size:3.5vw;
	background-size:3.5vw;
	color:#333;
	margin:2vw auto 1vw;
}
.info-title-con .address {
	width:86%;
	padding-left:3vw;
	background:url(../images/icon-address.png) left center no-repeat;
	font-size:2vw;
	line-height:2vw;
	background-size:2.5vw;
	color:#333;
	margin:2vw auto 1vw;
}
.info-title-con .sub {
	position:absolute;
	display:block;
	padding:.5vw 3vw;
	text-align:center;
	font-size:3vw;
	color:#333;
	border:1px solid #999;
	background:#fff;
	border-radius:5vw;
	right:1vw;
	bottom:1vw;
}
.info-title-con .sub.acitve {
	border:1px solid #e89c2e;
	background:#e89c2e;
	color:#fff;
}

.info-title-con .button {
	position:absolute;
	display:flex;
	padding:.5vw 3vw;
	text-align:center;
	right:1vw;
	bottom:1vw;
}
.info-title-con .button div {
	display:inline-block;
	width:5vw;
	height:5vw;
	margin-right:2vw;
	margin-left:2vw;
}
.info-title-con .button .collect {
	background:url(../images/icon-collect-1.png) no-repeat;
	background-size:5vw 5vw;
}
.info-title-con .button .collect.acitve {
	background:url(../images/icon-collect-2.png) no-repeat;
	background-size:5vw 5vw;
}
.info-title-con .button .good {
	background:url(../images/icon-good-1.png) no-repeat;
	background-size:5vw 5vw;
}
.info-title-con .button .good.acitve {
	background:url(../images/icon-good-2.png) no-repeat;
	background-size:5vw 5vw;
}
.info-title-con .button .forward {
	background:url(../images/icon-forward-1.png) no-repeat;
	background-size:5vw 5vw;
}
.info-title-con .button .forward.acitve {
	background:url(../images/icon-forward-2.png) no-repeat;
	background-size:5vw 5vw;
}

.info-staff-con {
	width:90vw;
	margin:2vw auto;
	background:#fff;
	border-radius:2vw;
	padding:3vw 1vw;
}
.info-staff-con .staff-con {
	padding:1vw 0 2vw 0;
	border-bottom:1px solid #ccc;
}
.info-staff-con .staff-con .unit {
	width:90%;
	margin:1vw auto;
	padding-left:5vw;
	font-size:4.5vw;
	color:#004687;
	background: url(../images/icon-staff.png) no-repeat left center;
	background-size:4vw;
}
.info-staff-con .staff-con .name {
	width:90%;
	margin:1vw auto;
	padding-left:5vw;
	font-size:3.5vw;
	color:#000;

}
.info-staff-con .staff-con .name span {
	margin-right:10%;
}

.info-nav-con {
	width:90vw;
	margin:2vw auto;
	background:#fff;
	border-radius:2vw;
	padding:3vw 1vw;
}
.info-nav-con .title {
	width:90%;
	padding-left:5vw;
	background: url(../images/icon-link.png) no-repeat left center;
	background-size:4vw;
	font-size:4vw;
	margin:1vw auto;
}

.info-nav-con .list-con {
	width:80vw;
	margin:1vw auto;
	font-size:4vw;
	color:#004687;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:3vw 0;
	border-bottom:1px dotted #004687;
}
.info-nav-con .list-con span {
	display:flex;
	align-items:center;
	font-size:4vw;
}
.info-nav-con .list-con i {
	display:block;
	width:1vw;
	height:1vw;
	border-radius:50%;
	background:#004687;
	margin-right:2vw;
}

.info-txt-tab {
	margin:1vw auto 0;
	width:90vw;
	display:flex;
	align-items:center;
	justify-content:space-around;
}
.info-txt-tab li {
	display:block;
	width:42vw;
	line-height:12vw;
	font-size:4vw;
	background-color:rgba(255, 255, 255, 0.5);
	border-radius:2vw 2vw 0 0;
	text-align:center;
}
.info-txt-tab li.acitve {
	background-color:rgba(255, 255, 255, 1);
	color:#005cbb;
}


.info-txt-con {
	display:none;
	width:90vw;
	margin:-1px auto 2vw;
	background:#fff;
	border-radius:2vw;
	padding:3vw 1vw;
	font-size:4vw;
}
.info-txt-con.show {
	display:block;
}
.info-txt-con .head {
	width:96%;
	margin:3vw auto;
	font-size:4vw;
	color:#004687;
	line-height:5vw;
	text-align:center;
}
.info-txt-con .txt {
	display:block;
	width:96%;
	margin:2vw auto;
	font-size:2.5vw;
	line-height:5vw;
	color:#000;
}
.info-txt-con .txt img {
	width:100%;
	text-align:center;
}
.info-txt-con .file {
	width:80vw;
	display:block;
	margin:3vw auto;
	padding-left:4vw;
	background:url(../images/icon-file.png) no-repeat left 1vw;
	background-size:3vw;
	font-size:2vw;
	color:#004687;
	line-height:4.5vw;
	text-decoration:underline;

	}

/* 设置页面 */
.set-title-con {
	position: relative;
	width:90vw;
	margin:2vw auto;
	background:#fff;
	border-radius:2vw;
	padding:3vw 1vw 6vw;
}
.set-title-con .title {
	width:90%;
	padding-left:0;
	background-size:4vw;
	font-size:4vw;
	margin:1vw auto;
	color:#004687;
}
.set-title-con .txt-con {
	width:90%;
	margin:6vw auto 2vw;
	padding-bottom:4vw;
	color:#000;
	display:flex;
	border-bottom:1px dotted #999;
	justify-content:space-between;
	 
}
.set-title-con .txt-con span {
	font-size:4vw;
}
.set-title-con .sub {
	display:block;
	padding:.5vw 3vw;
	text-align:center;
	font-size:3.5vw;
	color:#333;
	border:1px solid #999;
	background:#fff;
	border-radius:5vw;
}
.set-title-con .sub.acitve {
	border:1px solid #e89c2e;
	background:#e89c2e;
	color:#fff;
}

.set-title-con .title img {
	width:4vw;
	margin-right:2vw;
	vertical-align:middle;
}
.set-title-con .input-con {
	width:90%;
	margin:1vw auto 2px;
	border-bottom:1px solid #999;
	padding:1vw 0 3vw;
	display:flex;
	justify-content:space-between;
}
.set-title-con .input-con .input-box {
	border:none;
	line-height:6vw;
	font-size:4vw;
	color:#000;
}
.bt-con {
	width:50%;
	margin:6vw auto 0;
	background:#e89c2e;
	color:#fff;
	text-align:center;
	font-size:5vw;
	line-height:9vw;
	border-radius:6vw;
}

.label-con {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
}
.label-con .sub {
	margin:20px 10px;
}

.index-list .details-con .horn2 {
	border-radius:0vw 2vw 0vw 6vw;
	position:absolute;
	right:0;
	top:0;
	width:7vw;
	height:7vw;
	background: url(../images/horn2-bg.png) no-repeat;
	background-size:100% 100%;
}