@charset "utf-8";
* { margin:0; padding:0; font-style:normal; font-weight:normal; font-size:14px; font-family:Arial,"Microsoft YaHei", "微软雅黑";}
html,body { width:100%; height:100%; background-color:#eee;}
html,body,img { border:none;}
ul,ol,li { list-style:none;}
dfn { font-size:12px; font-family:Arial, Tahoma; padding-right:3px;}

i { font-family:'icofont'; speak:none;}

a { text-decoration:none; color:#09f;}
a:hover { text-decoration:none; color:#f60;}
a.opacity:hover { filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; -webkit-opacity:.8; opacity:.8; text-decoration:none;}

.row { *zoom:1;}
.row:before, .row:after { display:table; content:""; line-height:0;}
.row:after { clear:both;}

::-webkit-input-placeholder { color:#aaa;}
:-moz-placeholder { color:#999;}
::-moz-placeholder { color:#888;}
:-ms-input-placeholder { color:#aaa;}
.placeholder { color:#aaa;}

.fixer{ position:fixed; top:0; _position:absolute; _top:expression(documentElement.scrollTop+10 + "px");}

.rose { color:#f0f;}/*瑰红*/
.gray { color:#999;}/*灰*/
.green { color:#191;}/*绿*/
.orange { color:#f60;}/*橙*/
.red { color:#f00;}/*红*/
.black { color:#111;}/*黑*/
.blue { color:#049;}/*蓝*/
.wathet { color:#0cf;}/*浅蓝*/
.white { color:#fff;}/*白*/
.bold { font-weight:bold;}/*加粗*/
.del { color:#aaa; text-decoration:line-through;}

.overflow { overflow:hidden;}
.hidden { display:none;}
.nowrap { white-space:nowrap;}

.swiper-container { width:100%; height:100%; margin-left:auto; margin-right:auto;}
.swiper-slide { text-align:center; font-size:5.76vw; background:#fff; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.swiper-slide a { display:block; width:100%;}
.swiper-slide img { display:block; width:100%;}
.swiper-pagination span { border:1px solid #fff;}

/*footer*/
.footer1 { height:32px; line-height:32px; font-size:12px; text-align:center; color:#999;}
.footer2 { display:block; height:48px;}
.footer3 { position:fixed; bottom:0; left:0; right:0; z-index:100; width:100%; height:48px; display:table; table-layout:fixed; background-color:#333;}
.footer3 a { display:table-cell; text-align:center; text-decoration:none;}
.footer3 a em { display:block; height:20px; line-height:20px; text-align:center; font-family:'icofont'; font-size:20px; color:#fff; padding-top:5px;}
.footer3 a p { display:block; height:14px; line-height:14px; color:#fff; font-size:12px; padding-top:4px;}
.footer3 a:active { text-decoration:none; background-color:#777;}

/*page*/
.pagex { width:100%; display:table; table-layout:fixed; background-color:#fff; margin:10px 0;}
.pagex div,
.pagex a { display:table-cell; text-align:center; font-size:14px; color:#333; padding:14px 0;}
.pagex div { position:relative;}
.pagex a { overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pagex div p { position:absolute; bottom:100%; width:100%; overflow:hidden; border-width:0 1px; border-color:#ddd; border-style:solid; max-height:0;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}
.pagex div p.pagex3 { max-height:none; border-width:1px;}
.pagex div .pagex1 { right:100%;}
.pagex div .pagex2 { left:100%;}
.pagex div a { display:block; border-bottom:1px dashed #ddd; background-color:#fff;}
.pagex div p a:last-child { border:none;}
.pagex div button { display:none; width:100%; height:100%; position:absolute; bottom:0; background-color:#fff; border:none;}
.pagex div span,
.pagex div input { display:none; width:100%; height:100%; text-align:center; border:none; position:absolute; top:0; left:0;}
.pagex div.pagex4 input,
.pagex div.pagex5 input,
.pagex div span,
.pagex div.pagex4 button,
.pagex div.pagex5 button { display:block;}
.pagex div.pagex4 span,
.pagex div.pagex5 span { display:none;}

/*search*/
#d_search { display:table; width:100%; background-color:#fefefe;}
#d_search div { display:table-cell; padding:5px 0 5px 5px;}
#d_search a { display:table-cell; font-size:14px; color:#555; white-space:nowrap; vertical-align:middle; width:1%; padding:5px 10px 5px 0;}
#d_search a.q1 { font-family:'icofont'; font-size:24px; padding:5px 10px 5px 10px}
#d_search input { width:100%; font-size:14px; height:30px; line-height:30px; box-sizing:border-box; padding:0 5px;}
.submit,.reset { font-size:16px; text-align:center; padding:8px 15px; margin:5px;}
.submit { background-color:#f60; color:#fff;}
.reset { background-color:#eee; color:#333;}
#h_search {}
#h_search table { width:100%; background-color:#fff;}
#h_search table tbody th { font-size:12px; width:1%; white-space:nowrap; padding:10px 10px 5px 10px; color:#777; text-align:right;}
#h_search table tbody td { font-size:12px; padding:0;}
#h_search table tbody td input { width:100%; padding:12px 0 5px 0; font-size:12px; color:#555; outline:none; border-width:0 0 1px 0; border-color:#fff; border-style:solid; background-color:#fff;}
#h_search table tbody td input:focus { border-color:#f60;}

.binput { display:table; background-color:#fff; margin-top:10px; table-layout:fixed; width:100%;}
.binput a { display:table-cell; font-size:14px; color:#777; text-align:center; padding:10px 0;}
.binput a:hover,
.binput a:active { background-color:#ddd;}
.binput a.opacity { background-color:#f60; color:#fff;}
.binput a.opacity:hover,
.binput a.opacity:active { filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; -webkit-opacity:.8; opacity:.8; text-decoration:none;}