@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,button,input,select,textarea{font:12px/1.5 \5b8b\4f53,arial,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
a{text-decoration:none;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align:top;}
html{overflow-y:scroll;}
body { -webkit-user-select: none; -webkit-text-size-adjust: none;  }
header, section, footer { display: block; margin: 0; padding: 0 }

.hidden{display:none;}
.invisible{visibility:hidden;}
.noBg{background:none !important;}
.noBorder{border:none !important;}
.clear{display:block;height:0;overflow:hidden;clear:both;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
.clearfix{zoom:1;}
.fl { float: left !important;}
.fr { float: right !important;}
.noMargin{margin:0 !important;}
.noPadding{padding:0 !important;}
.red { color: red; }

body { background:url(../images/bg.jpg) center top; background-size:cover; color:#242424; margin:0 auto; font: 13px/22px "微软雅黑";}
a { color:#484848; }
a:hover { color:#246d99; text-decoration:none; }
.wrap { position:relative; margin:0 auto; }
.header,.container,.footer { margin:0 auto; }
.paddingBottom { padding-bottom:60px; background:#fff;}
.fwss { background:#35B6A9; padding:60px 0;}
.alc {background:#A62778; padding:60px 0;}
.mess { background:#D9D9D9;}

/*header*/
header {}
header .logo {text-align:center; padding:25px 0 10px;}
header .logo img { width:100%; max-width:640px;}

header .banner{ position:relative; overflow:hidden; margin:10px auto;  }
header .banner .hd{ position:relative; width: 100%; height:25px; line-height:25px; padding-top:0px; text-align: center; z-index:1; }
header .banner .hd li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#A9A6A5; text-indent:-9999px; overflow:hidden; margin:0 3px;   }
header .banner .hd li.on{ background:#7D7D7D;  }
header .banner .bd{ position:relative; z-index:0; background:#fff; padding:7px;box-shadow:2px 2px 2px #999; width:90%; max-width:582px; margin:0 auto;}
header .banner .bd li{ position:relative; text-align:center;  }
header .banner .bd li img{ background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
header .banner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
/*header .banner .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }*/

.bodyimg { padding:20px 0 25px; text-align:center;}
.bodyimg img { width:100%; max-width:640px;}

.index_nav { text-align:center; margin-bottom:10px;}
.index_nav li {display:inline-block; width:60px; height:60px; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; line-height:60px; background:#A9A6A5; overflow:hidden; margin-left:-10px; }
.index_nav li.nav_1 { background:#612083;}
.index_nav li.nav_2 { background:#A51386;}
.index_nav li.nav_3 { background:#C50F1D;}
.index_nav li.nav_4 { background:#D17A11;}
.index_nav li.nav_5 { background:#198B4A;}
.index_nav li.nav_6 { background:#165295;}
.index_nav li a { color:#fff; font-size:10px;}

@media (min-width: 450px) {
	.index_nav li {width:80px; height:80px; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; line-height:80px; font-size:16px;}
}

.page { text-align: center; background: #ffcc99; padding:5px 0 15px;  }
.page .btn-default { background: none; background-color: #fff; }

.active { line-height: 200%; color: #181818; padding: 15px 20px; }
.active h1 { font-size:24px; font-weight:bold;}
.active .artinfo { border-bottom:1px solid #E4E4E4; color:#7D7D7D; margin-bottom:15px;}
.active img { max-width: 100%; margin-bottom: 10px; }

.list {}
.list li { border-bottom:1px solid #CECECE; height:50px; line-height:50px; font-size:14px; position:relative;}
.list li.odd { background:#EAEAEA;}
.list li img { height:100%; margin-right:10px;}

.fwssimg { text-align:center; position:relative;}
.fwssimg img {max-width:640px;}
.fwssimg a { position:absolute; display:block; text-indent:-9999px;}

.alcimg {text-align:center; position:relative;}
.alcimg img {max-width:640px;}
.alcimg a { position:absolute; display:block; text-indent:-9999px;}


@media (min-width: 640px) {
	.fwssimg { width:640px; margin:0 auto; height:755px;}
	.fwssimg img  {width:640px;}
	.fwssimg a { width:115px; height:115px;}
	.fwssimg .fwss_1 { left:42px; top:270px;}
	.fwssimg .fwss_2 { left:110px; top:105px;}
	.fwssimg .fwss_3 { left:274px; top:38px;}
	.fwssimg .fwss_4 { left:438px; top:107px;}
	.fwssimg .fwss_5 { left:507px; top:270px;}
	
	.alcimg { width:640px; margin:0 auto; height:834px;}
	.alcimg img  {width:640px;}
	.alcimg a { width:100px; height:100px;}
	.alcimg .alc_1 { left:232px; top:20px;}
	.alcimg .alc_2 { left:310px; top:150px;}
	.alcimg .alc_3 { left:230px; top:278px;}
	.alcimg .alc_4 { left:310px; top:400px;}
	.alcimg .alc_5 { left:227px; top:525px;}
}
@media (min-width: 450px) and (max-width: 640px) {
	.fwssimg { width:450px; margin:0 auto; height:531px;}
	.fwssimg img {width:450px;}
	.fwssimg a { width:81px; height:81px;}
	.fwssimg .fwss_1 { left:30px; top:190px;}
	.fwssimg .fwss_2 { left:78px; top:75px;}
	.fwssimg .fwss_3 { left:193px; top:27px;}
	.fwssimg .fwss_4 { left:308px; top:75px;}
	.fwssimg .fwss_5 { left:356px; top:190px;}
	
	.alcimg { width:450px; margin:0 auto; height:586px;}
	.alcimg img  {width:450px;}
	.alcimg a { width:80px; height:70px;}
	.alcimg .alc_1 { left:155px; top:17px;}
	.alcimg .alc_2 { left:210px; top:105px;}
	.alcimg .alc_3 { left:155px; top:194px;}
	.alcimg .alc_4 { left:210px; top:284px;}
	.alcimg .alc_5 { left:155px; top:370px;}
}
@media (max-width: 450px) {
	.fwssimg { width:320px; margin:0 auto; height:378px;}
	.fwssimg img {width:320px;}
	.fwssimg a { width:57px; height:57px;}
	.fwssimg .fwss_1 { left:21px; top:135px;}
	.fwssimg .fwss_2 { left:55px; top:55px;}
	.fwssimg .fwss_3 { left:138px; top:20px;}
	.fwssimg .fwss_4 { left:220px; top:54px;}
	.fwssimg .fwss_5 { left:254px; top:135px;}
	
	.alcimg { width:320px; margin:0 auto; height:417px;}
	.alcimg img  {width:320px;}
	.alcimg a { width:60px; height:55px;}
	.alcimg .alc_1 { left:108px; top:7px;}
	.alcimg .alc_2 { left:150px; top:70px;}
	.alcimg .alc_3 { left:109px; top:134px;}
	.alcimg .alc_4 { left:150px; top:197px;}
	.alcimg .alc_5 { left:110px; top:260px;}
}

.alx { width:80%; text-align:center; margin:0 auto; margin-top:20px;}
.alx li { margin:10px 0 0;}
.alx img { width:100%; max-width:477px;}

.messimg { background:#EFEAE4; text-align:center;}
.messimg img {width:100%; max-width:640px;}
.messtxt { background:#5B5B5B; font-size:14px; color:#fff; line-height:20px; padding:5px 20px;}

.messintro {border:1px solid #A2A2A2;border-radius: 5px 5px 5px 5px; background:#fff; width:90%; margin:10px auto; padding:5px 10px; font-size:14px; line-height:25px;}
.messintro h2 { font-size:16px; line-height:25px; border-bottom:1px dotted #A2A2A2;}
.messintro p { border-bottom:1px solid #BDBDBD; font-size:11px;}

.message { width:90%; background:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;margin:0 auto;}
.message h2 { background:url(../images/messh2.jpg) repeat-x left bottom; height:37px; line-height:35px; font-size:14px; text-indent:1em;-moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius:5px 5px 0 0;}
.message .bd { padding:10px 15px;}
.message label {font-weight:300; float:left; padding-right:8px; width:65px;}
.message input.form-control{ height:25px; font-size:12px;}
.message .form-control { width:50%; display:inline-block; padding:0 3px; width:77%; }
.message .item { padding:3px 0;}

footer { color: #12121f; text-align: center; line-height: 180%; }
footer .p20 { padding: 40px 20px 10px; font-size:14px; }