@charset "utf-8";

/* CSS Document */
* { margin: 0; padding: 0; font-style: normal; }
html,
body,
div,
h2,
h3,
h4,
p,
td,
tr,
ul,
ol,
li,
table,
dl,
dd,
dt,
img,
form,
span { margin: 0; padding: 0; }
html { height: auto; }
body { padding: 0; font-size: 12px; line-height: 18px; font-family: "Microsoft YaHei"; }
table { margin: 0; border-collapse: collapse; border-spacing: 0; }
table tr td { vertical-align: top; }
i,
b,
em { font-style: normal; }
h2,
h3,
h4 { font-family: "Microsoft YaHei"; }
td.numerical { text-align: right }
a:link,
a:visited { color: #666; text-decoration: none; }
a:hover,
a:active { text-decoration: underline; }
img { border: 0; -ms-interpolation-mode: bicubic }
li { list-style: none; }
input,
textarea { font-size: 12px; outline: medium none; }
input,
select { vertical-align: middle; }
textarea { resize: vertical }
.clear:after { content: "."; display: block; width: 0; height: 0; clear: both; visibility: hidden }
* html .clear { height: 1% }
.clear { min-height: 1% }
.rounded { position: absolute; width: 0; height: 0; font-size: 0 }
.tl { top: 0; left: 0 }
.tr { top: 0; right: 0 }
.bl { bottom: 0; left: 0 }
.br { bottom: 0; right: 0 }
@media (min-width:768px) {
	.container { width: 1000px; padding-left: 0px; padding-right: 0px; }
}
@media(max-width:767px) {
	.container { padding-left: 3%; padding-right: 3%; }
}
@media (min-width:768px) {
	body { padding-top: 76px; }
	#header { position: fixed; width: 100%; top: 0; left: 0; background-color: #fff; height: 76px; box-shadow: 0 3px 12px rgba(0, 0, 0, .2); z-index: 999; }
	#header .logo { width: 209px; height: 52px; background: url(../images/logo.jpg) no-repeat; display: block; margin-top: 12px; float: left; }
	.main-photo { height: 493px; background: #fff url(../images/main.jpg) center 0; padding: 10px 0; width: 100%; }
}
@media(max-width:767px) {
	body { }
	#header { width: 100%;background-color: #fff; box-shadow: 0 3px 12px rgba(0, 0, 0, .2); z-index: 999; }
	#header .logo { width: 40%; height: 38px; margin-top: 5px; margin-bottom: 5px; background: url(../images/logo.jpg) no-repeat; display: block; background-size: 100%; }
	.main-photo { width: 100%; height: 200px; background: url(../images/m_main.jpg) center 0 no-repeat; background-size: cover; }
}
@media (min-width:768px) {
	.header_nav { width: 700px; float: right; margin-top: 5px; }
	.header_nav li { display: flex; float: left; margin-right: 10px; margin-top: 10px; }
	.header_nav li:last-child { background-color: #f05f66; }
	.header_nav li a { font-size: 16px; font-family: "Microsoft YaHei"; padding: 15px 30px; }
	.header_nav li:last-child a { text-align: center; color: #fff; padding: 15px 40px; }
	.header_nav li a:hover { text-decoration: none; color: #016DEB; }
	.header_nav li:last-child a:hover { color: #eee; }
}
@media(max-width:767px) {
	.header_nav { display: none; }
}
@media (min-width:768px) {
	.nav_ico { height: 266px; background-color: #fff; }
	.nav_ico li { width: 137px; height: 137px; border-radius: 50%; float: left; margin-right: 120px; margin-left: 15px; margin-top: 45px; text-align: center; font-size: 18px; background-color: #1b91ec; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
	.nav_ico li.p4 { margin-right: 0px; }
	.nav_ico li a { display: block; padding-top: 33px; color: #1b1b1b; }
	.nav_ico li a:hover { color: #337ab7; text-decoration: none; }
	.nav_ico li:hover { background-color: #097DD6; }
	.nav_ico li span { display: block; margin-bottom: 50px; background: url(../images/ico.png) no-repeat; width: 70px; height: 70px; margin-left: 35px; }
	span.ico.intro { background-position: 0 0; margin-top: 5px; }
	span.ico.theme { background-position: 0 -65px !important; }
	span.ico.date { background-position: 0 -135px !important; }
	span.ico.note { background-position: 0 -205px !important; }
}
@media(max-width:767px) {
	.nav_ico { padding-bottom: 15px; }
	.nav_ico li { width: 21%; float: left; text-align: center; font-size: 18px; margin: 2%; }
	.nav_ico li .dot { width: 100%; height: 0px; padding-bottom: 100%; background-color: #1b91ec; border-radius: 50%; position: relative; margin-bottom: 5px; }
	.nav_ico li .dot:hover{ background-color:#337ab7}
	.nav_ico li.p4 { margin-right: 0px; }
	.nav_ico li a { display: block; color: #1b1b1b; font-size: 1.3rem; }
	.nav_ico li a:hover,.nav_ico li a:link,.nav_ico li a:visited{ text-decoration: none;background-color:none; }
	.nav_ico li span { display: block; margin-bottom: 50px; background: url(../images/ico.png) no-repeat; width: 40px; height: 40px; background-size: 100%; position: absolute; top: 50%; margin-top: -20px; left: 50%; margin-left: -20px; }
	span.ico.intro { background-position: 0 0; }
	span.ico.theme { background-position: 0 -42px !important; }
	span.ico.date { background-position: 0 -84px !important; }
	span.ico.note { background-position: 0 -128px !important; }
}
@media (min-width:768px) {
	.title { height: 50px; margin-top: 45px; }
	.title h2 { font-size: 24px; color: #333; position: relative; display: table; margin-left: 130px; height: 50px; line-height: 50px; padding: 0 35px; background-color: #F5F7F9; z-index: 99; overflow: hidden; margin-top: -31px; }
	.title .left_color { background-color: #9cb0bf; height: 11px; width: 130px; display: inline-block;z-index: 2; }
	.title .right_color { background-color: #d5d5d5; height: 11px; width: 100%; display: block; margin-top: -30px;z-index: 1; }
	.title h2:before { border-top: 50px solid #cfe4c9; }
	.title h2:after { border-bottom: 50px solid #cfe4c9; }
	.title h2 i { position: absolute; height: 100%; z-index: -1; }
	.title h2 .left { border-top: 11px solid #9CB0BF; top: 20px; left: 0; border-right: 18px solid transparent; }
	.title h2 .right { border-bottom: 11px solid #D5D5D5; top: -19px; right: 0; border-left: 18px solid transparent; }
	.title h2 span:before { border-bottom: 50px solid #60a64d; }
	.title h2 span:after { border-top: 50px solid #60a64d; }
}
@media(max-width:767px) {
	.title { height: 50px; margin-top: 45px; }
	.title h2 { font-size: 1.8em; color: #333; margin: 0 auto; position: relative; display: table; height: 50px; line-height: 50px; padding: 0 35px; background-color: #F5F7F9; z-index: 99; overflow: hidden; margin-top: -31px; }
	.title .left_color { background-color: #9cb0bf; height: 11px; width: 50%; display: inline-block; position: relative; }
	.title .right_color { background-color: #d5d5d5; height: 11px; width: 100%; display: inline-block; margin-top: -30px; }
	.title h2:before { border-top: 50px solid #cfe4c9; }
	.title h2:after { border-bottom: 50px solid #cfe4c9; }
	.title h2 i { position: absolute; height: 100%; z-index: -1; }
	.title h2 .left { border-top: 11px solid #9CB0BF; top: 20px; left: 0; border-right: 18px solid transparent; }
	.title h2 .right { border-bottom: 11px solid #D5D5D5; top: -19px; right: 0; border-left: 18px solid transparent; }
	.title h2 span:before { border-bottom: 50px solid #60a64d; }
	.title h2 span:after { border-top: 50px solid #60a64d; }
}
@media (min-width:768px) {
	#part1 { border: 1px solid #e9eaec; background-color: #F5F7F9; padding-bottom: 40px;}
	#part1 .primary { margin-left: 25px; }
	#part1 .primary p { color: #333; font-size: 14px; line-height: 30px; }
}
@media(max-width:767px) {
	#part1 { border: 1px solid #e9eaec; background-color: #F5F7F9; padding-bottom: 20px; }
	#part1 .primary { margin-left: 15px; }
	#part1 .primary p { color: #333; font-size: 1.1em; line-height: 28px; }
}
@media (min-width:768px) {
	#part2 { background-color: #1b91ec; padding-bottom: 40px; }
	#part2 .title { margin-bottom: 10px; }
	#part2 .title h2 { background-color: #1B91EC; color: #fff; }
	#part2 .title .left_color { background-color: #fff; }
	#part2 .title .right_color { background-color: #e5e5e5; }
	#part2 .title h2 .left { border-top: 11px solid #fff; }
	#part2 .title h2 .right { border-bottom: 11px solid #e5e5e5; }
	#part2 li { float: left; margin-right: 20px; width: 490px; height: 115px; background-color: #fff; border-radius: 6px; margin-bottom: 25px; margin-top: 0px; box-shadow: 0 3px 12px rgba(0, 0, 0, .2); }
	#part2 li.last { margin-right: 0px }
	#part2 li h3 { font-size: 22px; line-height: 30px; height: 80px; font-weight: bold; color: #040404; }
	#part2 li p { color: #000; font-size: 14px; margin-bottom: 5px; margin-right: -8px; }
	#part2 li .media-left { background-color: #a0b5d4; height:100%; }
	#part2 li .media-body { padding: 35px; padding-top: 30px; }
	.icon { width: 50px; height: 65px; display: block; background: url(../images/icon_number.png) no-repeat; margin-left: 15px; margin-top: 20px; }
	.icon.number2 { background-position: 0 -55px; }
	.icon.number3 { background-position: 0 -120px; }
	.icon.number4 { background-position: 0 -180px; }
}
@media(max-width:767px) {
	#part2 { background-color: #1b91ec;padding-bottom: 20px; }
	#part2 .title h2 { background-color: #1B91EC; color: #fff; }
	#part2 .title .left_color { background-color: #fff; }
	#part2 .title .right_color { background-color: #e5e5e5; }
	#part2 .title h2 .left { border-top: 11px solid #fff; }
	#part2 .title h2 .right { border-bottom: 11px solid #e5e5e5; }
	#part2 li { float: left; width: 100%; height: 115px; background-color: #fff; border-radius: 6px; margin-bottom: 15px; margin-top: 0px; box-shadow: 0 3px 12px rgba(0, 0, 0, .2); }
	#part2 li.last { margin-right: 0px }
	#part2 li h3 { font-size: 1.3em; line-height: 30px; height: 80px; font-weight: bold; color: #040404; }
	#part2 li p { color: #000; font-size: 14px; margin-bottom: 5px; margin-right: -8px; }
	#part2 li .media-left { background-color: #a0b5d4; width:20%; float:left; height: 100%;}
	#part2 li .media-body { padding: 15px; padding-top: 30px; width:80%; float:right;}
	.icon { width: 50px; height: 65px; display: block; background: url(../images/icon_number.png) no-repeat;margin-top: 20px; margin-left: 10px; }
	.icon.number2 { background-position: 0 -55px; }
	.icon.number3 { background-position: 0 -120px; }
	.icon.number4 { background-position: 0 -180px; }
}
@media (min-width:768px) {
	#part3 .title h2 { background-color: #fff; }
	#part3 { border: 1px solid #e9eaec; background-color: #fff; padding-bottom: 50px; }
	#part3 .day { height: 46px; background: #e1ecee; }
	#part3 .day p { height: 46px; line-height: 46px; color: #22a6ba; font-size: 18px; text-indent: 15px; }
	#part3 .day p span { color: #333; font-size: 14px; }
	#part3 h3 { text-align: center; padding: 15px; font-size: 18px; color: #333; background-color: #f5f7f9; padding-top: 20px; }
	.con .table { background-color: #fff; margin-bottom: 0px; }
	.con .table>thead { background-color: #8dd3ff; border: 1px solid #70c8ff; }
	.con .table>thead>tr>th { font-size: 16px; color: #135D96; }
	.con .table>tbody { }
	.con .table>tbody>tr>th { font-weight: normal; font-size: 14px; color: #666; }
	.con .table>tbody>tr>td { font-size: 14px; color: #333; border-bottom: 1px solid #ddd; border-top: none; }
	.con .table>thead>tr>th span { color: #00529A; }
	.con .t_title:hover{ color:#2F93D2;}
	.con .hide_detail { margin-top: 10px; color: #666; background-color: #F0F0F0;  border: 1px solid #eee; padding: 8px; text-indent: 2em;}
	.con p { font-size: 14px; color: #333; padding-top: 10px; }
}
@media(max-width:767px) {
	#part3 { background-color: #fff; border: 1px solid #e9eaec; padding-bottom: 30px; }
	#part3 .title h2 { background-color: #fff; }
	#part3 .day { background: #e1ecee; }
	#part3 .day p { line-height: 30px; color: #22a6ba; font-size: 1.1em; text-indent: 2em; }
	#part3 .day p span { color: #333; font-size: 1.0em; }
	#part3 h3 { text-align: left; padding: 15px; padding-left: 0px; font-size: 1.2em; color: #333; background-color: #fff; padding-top: 20px; }
	.con .table { background-color: #fff; margin-bottom: 0px; }
	.con .table>thead { background-color: #8dd3ff; border: 1px solid #70c8ff; }
	.con .table>thead>tr>th { font-size: 14px; color: #135D96; }
	.con .table>tbody { }
	.con .table>tbody>tr>th { font-weight: normal; font-size: 12px; color: #666; }
	.con .table>tbody>tr>td { border-bottom: 1px solid #ddd; font-size: 14px; color: #333; }
	.con .table>thead>tr>th span { color: #00529A; }
	.con .t_title:hover{ color:#2F93D2;}
	.con .hide_detail { margin-top: 10px; color: #666; background-color: #F0F0F0;  border: 1px solid #eee; padding: 8px; text-indent: 2em;}
	.con p { font-size: 14px; color: #333; padding-top: 10px; }
}
.join_note { background-color: #f0f0f0; padding-bottom: 30px; }
@media (min-width:768px) {
	.join_note .title h2 { background-color: #f0f0f0; }
	#part5 { margin-bottom: 20px; float: left; }
	.partner { display: none; }
	.hot-action { position: relative; width: 1000px; height: 132px; text-align: left; padding-top: 10px; padding-bottom: 40px; }
	.hot-action .prev,
	.hot-action .next { width: 45px; height: 100px; position: absolute; top: 30px; left: -55px; z-index: 100; cursor: pointer; background: url(../images/arrow.png) 0px 0px no-repeat; }
	.hot-action .next { left: auto; right: -55px; background-position: 0 -100px; }
	.hot-action .prev:hover { background-position: 0px 0px; background-color: #def0ff; }
	.hot-action .next:hover { background-position: 0px -100px; background-color: #def0ff; }
	.hot-action .scrollWrap { width: 1000px; overflow: hidden; position: absolute; }
	.hot-action dl { float: left; width: 235px; background-color: #f0f0f0; margin-right: 20px; }
	.hot-action dt { margin: 0 auto; width: 235px; height: 132px; overflow: hidden; }
	.hot-action img { display: block; width: 235px; height: 132px; }
}
@media(max-width:767px) {
	.join_note .title { height: 30px; }
	.join_note .title h2 { background-color: #f0f0f0; }
	.scrollWrap { display: none; }
	.hot-action { position: relative; height: auto; text-align: left; }
	.hot-action .prev,
	.hot-action .next { display: none; }
	.partner li { float: left; width: 47%; background-color: #f0f0f0; margin-left: 1.5%; margin-right: 1.5%; margin-bottom: 5px; }
	.partner img { width: 100%; }
}
@media (min-width:768px) {
	#part6 { float: right; width: 539px; }
	#part6 .con { padding: 20px; padding-left: 30px; }
	#part6 .con p { line-height: 30px; }
	#part6 .con p.tit { font-size: 16px; color: #0264B1; width: 19%; }
	#part6 .con p span { font-size: 14px; color: #666; }
	#part6 .con p .spt { text-decoration: underline; color: #177DCC; }
}
@media(max-width:767px) {
	#part6 { padding: 0px 20px; border: 1px solid #BACAD8; margin-top: 20px; }
	#part6 .con { padding-bottom: 10px; }
	#part6 .con p { line-height: 30px; }
	#part6 .con p.tit { font-size: 1.1em; color: #0264B1; }
	#part6 .con p { line-height: 24px; }
	.media-body,
	.media-left,
	.media-right { display: block; }
	.media-body { width: 100%; }
	.media { margin-top: 5px; }
}
@media (min-width:768px) {
	#part7 { margin-bottom: 40px; float: left; }
	.entry_form { border-right: 1px solid #e5e5e5; width: 460px; }
	#div_post ul { border-top: 1px dashed #e5e5e5; padding: 20px; margin-right: 20px; position: relative; }
	#div_post ul:first-child { border-top: none; }
	#div_post li { font-size: 16px; color: #333; }
	#div_post li input { width: 315px; height: 39px; margin-bottom: 10px; border-radius: 4px; border: 1px solid #e5e5e5; text-indent: 10px; margin-top: 5px; }
	#div_post li input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); }
	#div_post li input:hover { border: 1px solid #8DD3FF; }
	.entry_form p { color: #333; font-size: 14px; text-indent: 65px; margin-top: -10px; }
	.entry_form p a { color: #177DCC }
	.submit { width: 315px; height: 42px; border-radius: 30px; background-color: #0069c0; color: #fff; font-size: 24px; margin-left: 65px; border: none; margin-top: 10px; }
	.submit:hover { background-color: #095896; }
	button.close { position: absolute; right: 10px; top: 10px; }
}
@media(max-width:767px) {
	#part7 { position: relative; padding-bottom: 10px; }
	#div_post ul { border-top: 1px dashed #E5E5E5; padding: 20px; position: relative; }
	#div_post ul:first-child { border-top: none; }
	#div_post li { font-size: 1.1em; color: #333; }
	#div_post li input { width: 80%; height: 39px; margin-bottom: 10px; border-radius: 4px; border: 1px solid #e5e5e5; text-indent: 10px; margin-top: 5px; }
	#div_post li input:hover { border: 1px solid #8DD3FF; }
	.entry_form p { color: #333; font-size: 14px; text-align: center; }
	.entry_form p a { color: #177DCC }
	.submit { width: 100%; height: 42px; border-radius: 30px; background-color: #0069c0; color: #fff; font-size: 24px; border: none; margin-top: 10px; }
	.submit:hover { background-color: #095896; }
	button.close { position: absolute; right: 10px; top: 10px; }
}
.go-top { position: fixed; right: 10px; bottom: 10px; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #0069c0 url(../images/float.png) center center no-repeat; cursor: pointer; }
#footer { background-color: #385b76; height: 40px; }
#copyright p { color: #6a99be; line-height: 40px; height: 40px; text-align: center; font-size: 12px; }


#sModal .modal-dialog.modal-sm{ height:100%;}
#sModal .modal-content { top: 50%; margin-top: -150px; }
#sModal .modal-header { background-color: #fff;border-top-left-radius: 10px; border-top-right-radius: 10px; }
#sModal .modal-body { text-align: center;background: #1B91EC;border-bottom-left-radius:4px;  border-bottom-right-radius: 4px; }
#sModal .modal-header .modal-title{  color: #0069C0;font-size: 18px;}
#sModal .modal-header .close{color: #1B91EC;}
#sModal .modal-body  p{color: #0069C0; font-size: 32px; height: 60px; line-height: 54px; background: #FFFFFF; border:3px solid #a0b5d4;}