@charset "utf-8";
html,body { width:100%; overflow-x:hidden; position:relative;}
html { height:100%; background:#f5f5f5;}
body { max-width:640px; min-height:100%; margin:0 auto; background:#fff; background-size:cover; font:0/0 Arial; color:#595757;}
div,ul { font:14px/20px "microsoft yahei","SimSun";}
h1,h2,h3,h4,h5,h6,.h1,.h3 { font-weight:normal;}
* { margin:0; padding:0; list-style:none; -webkit-tap-highlight-color:transparent;}
img { border:0;}
em,i { font-style:normal;}
u { text-decoration:none;}
input,textarea,select { background:none; font:14px/20px "microsoft yahei","SimSun"; color:#b0b2b5; resize:none;}
a,a:hover { text-decoration:none; color:#105caa;}
a { color:#595757; blr:expression(this.onFocus=this.blur());}
:focus { outline:none;}
ul,ol,li { float:left;}
p,li,h1,dt,dd,input,select,textarea { text-align:justify;}
table { border:#ddd 1px solid; border-collapse:collapse; border-spacing:0;}
table td { padding:0 10px; border:#ccc 1px solid; vertical-align:middle;}
table.noborder { border:0;}
table.noborder td { border:0;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.4);}
input::-moz-placeholder,textarea::-moz-placeholder { color:rgba(0,0,0,0.4);}
input:-moz-placeholder,textarea:-moz-placeholder { color:rgba(0,0,0,0.4);}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color:rgba(0,0,0,0.4);}
.m_fl { float:left;}
.m_fr { float:right;}
.m_auto { margin:auto; float:none !important;}
.m_auto:after { clear:both; content:"."; display:block; font:0/0 Arial; visibility:hidden;}
.overflow,li { overflow:hidden;}
.hidden { display:none;}
.display { display:block;}
.name { text-overflow:ellipsis; white-space:nowrap;}
.img,.loading { background:#f9f9f9 url(../images/img_loading.gif) no-repeat center center; background-size:40px; font:0/0 Arial; position:relative;}
.img img { width:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}

header { width:100%; position:relative; z-index:50;}
header .logo { width:100%; background:#105caa; font:0/0 Arial; position:relative; z-index:50;}
header .logo a { width:100%; height:50px; padding:5px 0; text-indent:10px; display:block; position:relative;}
header .logo img { height:100%;}
header .nav_but { height:100%; position:absolute; top:0; right:0; z-index:60; cursor:pointer; transition:all 0.5s;}
header .nav_but:after { width:36px; height:26px; content:""; background:url(../images/base.png) no-repeat 0 -30px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; transform:scale(0.7);}
header .nav_open { background:rgba(205,1,2,0.9); right:0px;}
header .nav_open:after { background-position:0 -30px;}

nav { width:100%; position:absolute; top:0; right:-100%; z-index:60; transition:all 0.5s;}
nav.open { right:0;}
nav li { width:100%; height:39px; background:#105caa; border-bottom:rgba(255,255,255,0.2) 1px solid; line-height:40px; font-size:16px; position:relative; opacity:0; transition:all .8s; transform:translateX(100%);}
nav li a { width:100%; height:100%; text-indent:10px; color:#fff; display:block; position:relative;}
nav li a:after { width:7px; height:21px; content:""; background:url(../images/base.png) no-repeat -4px -59px; position:absolute; top:50%; right:10px; margin-top:-10.5px;}
nav li a:hover,nav li a.active { background:#cd0102; color:#fff;}
nav.open li { opacity:1; transform:translateX(0);}
nav.open li:nth-child(1) { transition-delay:0ms;}
nav.open li:nth-child(2) { transition-delay:60ms;}
nav.open li:nth-child(3) { transition-delay:120ms;}
nav.open li:nth-child(4) { transition-delay:180ms;}
nav.open li:nth-child(5) { transition-delay:240ms;}
nav.open li:nth-child(6) { transition-delay:300ms;}
nav.open li:nth-child(7) { transition-delay:360ms;}
nav.open li:nth-child(8) { transition-delay:420ms;}
nav.open li:nth-child(9) { transition-delay:480ms;}

footer { width:100%; height:0; padding-bottom:44px;}
footer .list { width:100%; height:44px; background:#105caa; display:-webkit-box; overflow:hidden; position:fixed; bottom:0; left:0; z-index:100;}
footer .list li { float:none; height:100%; border-left:rgba(255,255,255,0.5) 1px solid; -webkit-box-flex:1; text-align:center; line-height:46px; font-size:18px;}
footer .list li:first-child { border:0;}
footer .list li a { width:100%; height:100%; display:block; color:#fff;}
footer .list li a:hover { background:#cd0102;}
footer .list li a.active { background:#cd0102; color:#fff;}
footer .list li em { padding-left:25px; position:relative;}
footer .list li em:before { width:30px; height:40px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:50%; left:-5px; margin-top:-22px; transform:scale(0.6);}
footer .list li:nth-child(1) em:before { background-position:-50px 0;}
footer .list li:nth-child(1):hover em:before,footer .list li:nth-child(1) .active em:before { background-position:-50px 0px;}
footer .list li:nth-child(2) em:before { background-position:-80px 0;}
footer .list li:nth-child(2):hover em:before,footer .list li:nth-child(2) .active em:before { background-position:-80px 0px;}
footer .list li:nth-child(3) em:before { background-position:-110px 0;}
footer .list li:nth-child(3):hover em:before { background-position:-110px 0px;}
@media (min-width:640px){
footer .list { width:640px; left:50%; margin-left:-320px;}
}

/**首页**/
section { width:100%; position:relative;}
section>ul { position:relative; z-index:20;}
section img { width:100%;}

.slides { width:100%; font:0/0 Arial; position:relative; z-index:20;}
.slides .img { width:100%; height:100%; position:absolute; top:0; left:0;}
.slides .img ul { width:10000%; height:100%;}
.slides .img ul li { height:100%;}
.slides .img ul li img { width:100%; min-height:100%;}
.slides .dot { width:100%; height:8px; text-align:center; font:0/0 Arial; position:absolute; bottom:6px; left:0; z-index:20;}
.slides .dot li { float:none; width:8px; height:100%; margin:0 3px; background:rgba(255,255,255,.8); border-radius:100%; display:inline-block; cursor:pointer;}
.slides .dot li.active { background:rgba(205,1,2,.8);}
.slides .num { height:20px; padding:2px 7px; background:rgba(0,0,0,0.5); border-radius:5px; text-align:center; position:absolute; bottom:5px; right:5px;}
.slides .num li { float:none; height:100%; font-size:12px; color:#fff; display:inline-block;}
.slides .num .icon { padding:0 2px;}
.slides .button { width:0; height:0; font:0/0 Arial; display:none; position:absolute; top:0; z-index:30; cursor:pointer; transition:all 0.3s;}
.slides .prev { left:0;}
.slides .next { right:0;}

.index_title { width:100%; height:40px; margin-bottom:15px; text-align:center; position:relative;}
.index_title h5,.index_title h6 { width:100%; text-align:center; position:absolute; left:0;}
.index_title h5 { line-height:18px; font-weight:bold; font-size:18px; color:#30363a; top:0;}
.index_title h6 { line-height:12px; font-size:12px; color:#898989; text-transform:uppercase; bottom:7px;}
.index_title:before,.index_title:after { content:""; position:absolute; left:50%; z-index:10;}
.index_title:before { width:200px; height:1px; background:#a6a6a6; bottom:0; margin-left:-100px;}
.index_title:after { width:80px; height:5px; background:#cd0102; bottom:-2px; margin-left:-40px; z-index:20;}

.index_more { width:100%; margin-top:15px; text-align:center; line-height:0; font-size:0; position:relative;}
.index_more li { float:none; line-height:20px; font-size:12px; display:inline-block;}
.index_more li a { float:left; padding:5px 15px 4px; border:#7d7d7d 1px solid; border-radius:5px;}
.index_more li a:hover { background:#cd0102; border-color:#cd0102; color:#fff;}

.index_about { margin-top:20px;}
.index_about .info { width:100%; margin-bottom:-3px;}
.index_about .info p { width:calc(100% - 20px); padding:0 10px;}

.index_notice { width:100%; padding-top:20px; margin-top:20px; border-top:#fff 10px solid;}
.index_notice .list { width:calc(100% - 10px); margin:-10px 10px 0 0;}
.index_notice .list li { width:calc(100% / 2 - 10px); margin:10px 0 0 10px; background:#fff;}
.index_notice .list li a { float:left; width:100%; padding-bottom:10px; position:relative;}
.index_notice .list li a:before { width:calc(100% - 4px); height:calc(100% - 4px); content:""; border:#cd0102 2px solid; position:absolute; top:0; left:0; z-index:50; display:none;}
.index_notice .list li p { float:left; width:calc(100% - 10px); padding:0 5px; font-size:12px; color:#595757; overflow:hidden; position:relative; z-index:10;}
.index_notice .list li .img { width:100%; height:200px; padding:0;}
.index_notice .list li .img img { transition:all 0.8s; z-index:10;}
.index_notice .list li .img.end:before,.index_notice .list li .img.end:after { content:""; position:absolute;}
.index_notice .list li .img.end:before { width:100%; height:100%; background:rgba(0,0,0,0.4); bottom:0; right:0; z-index:15;}
.index_notice .list li .img.end:after { width:100px; height:55px; background:url(../images/base.png) no-repeat -200px 0; bottom:0px; right:-20px; z-index:20; transform:rotate(-30deg) scale(0.5);}
.index_notice .list li .name { height:42px; border-bottom:rgba(0,0,0,0.1) 1px solid; line-height:44px; font-size:16px;}
.index_notice .list li .price { height:20px; margin-top:9px; overflow:visible;}
.index_notice .list li .price span { height:20px; padding:2px 5px 1px 8px; background:#cd0102; border-radius:11px 0 0 11px; font-size:12px; color:#fff; position:absolute; top:-1px; right:0;}
.index_notice .list li .stime { height:20px; margin-top:5px;}
.index_notice .list li .etime { height:40px; margin-top:5px;}
.index_notice .list li .sn { width:calc(100% - 45px); padding:0 5px 0 40px; color:#898989;}
.index_notice .list li .sn em { color:#595757; position:absolute; top:0; left:5px;}
.index_notice .list li:hover a:before { display:block;}
.index_notice .list li:hover .img img { transform:scale(1.05);}

.index_liucheng { width:100%; padding:20px 0; margin-top:20px; background:#105caa;}
.index_liucheng .index_title h5 { color:#fff;}

.index_liucheng .list { width:calc(100% - 140px); margin:0 70px; color:#fff; overflow:hidden; position:relative; z-index:20;}
.index_liucheng .list .auto_list { width:10000%;}
.index_liucheng .list li { width:calc(1% / 2 - 15px); margin-right:30px;}
.index_liucheng .list li p { float:left; width:100%; text-align:center; position:relative;}
.index_liucheng .list li .txt { margin:10px 0; line-height:12px; font-size:12px;}
.index_liucheng .list li .name { line-height:16px; font-size:16px;}
.index_liucheng .list li .icon { background:#fff; border-radius:100%;}
.index_liucheng .list li .icon:after { width:100px; height:100px; content:""; background:url(../images/base.png) no-repeat -50px -60px; position:absolute; top:50%; left:50%; margin:-50px 0 0 -50px; transform:scale(0.6);}
.index_liucheng .list li .icon01:after { margin:-52px 0 0 -47px;}
.index_liucheng .list li .icon02:after { background-position:-150px -60px;}
.index_liucheng .list li .icon03:after { background-position:-250px -60px;}
.index_liucheng .list li .icon04:after { background-position:-50px -160px; margin-top:-45px}
.index_liucheng .list li .icon05:after { background-position:-150px -160px; margin:-54px 0 0 -54px;}
.index_liucheng .list li .icon06:after { background-position:-250px -160px;}

.index_liucheng .button { width:calc(100% - 20px); height:calc(100% - 95px); margin:0 10px; position:absolute; top:75px; left:0; z-index:10;}
.index_liucheng .button li { width:32px; height:38px; border:#fff 1px solid; border-radius:5px; position:absolute; top:50%; margin-top:-20px;}
.index_liucheng .button li:before { width:10px; height:25px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:50%; left:50%; margin:-12px 0 0 -5px;}
.index_liucheng .button .auto_list_prev { left:0;}
.index_liucheng .button .auto_list_prev:before { background-position:0 -110px;}
.index_liucheng .button .auto_list_next { right:0;}
.index_liucheng .button .auto_list_next:before { background-position:-18px -110px; margin-left:-4px;}

.index_news { width:100%; padding:20px 0;}
.index_news .txtlist { width:calc(100% - 20px); margin:-10px 10px 0;}
.index_news .txtlist li { width:100%; height:39px; border-bottom:#c9cacb 1px solid; text-indent:8px; line-height:40px; font-size:14px; position:relative;}
.index_news .txtlist li a { width:100%; height:100%; display:block; position:relative;}
.index_news .txtlist li a:before { width:4px; height:4px; content:""; background:#595757; border-radius:100%; position:absolute; top:50%; left:0; margin-top:-2px;}
.index_news .txtlist li span { float:right; margin-left:10px; line-height:40px; font-size:12px; color:#808284;}
.index_news .txtlist li:hover a:before { background:#105caa;}
.index_news .txtlist li:hover a,.index_news .txtlist li:hover span { color:#105caa;}

.index_contact { padding-top:20px; margin-bottom:20px; border-top:#fff 10px solid;}
.index_contact .info { width:100%; margin-bottom:-3px;}
.index_contact .info p { width:calc(100% - 20px); padding:0 10px;}

/**公共**/
.location { width:100%; height:52px; margin-bottom:15px; border-bottom:#ddd 1px solid; position:relative;}
.location p { height:30px; overflow:hidden; position:absolute; top:50%; margin-top:-15px;}
.location .button { width:30px; background:#105caa; border-radius:100%; left:3%;}
.location .button:before { width:28px; height:26px; content:""; background:url(../images/base.png) no-repeat -140px 0; transform:scale(0.6); position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.location .name { max-width:80%; line-height:32px; font-size:16px; color:#30363a; right:10px;}

menu { width:120px; background:#eee; position:absolute; top:0; left:-125px; z-index:30; transition:all 0.5s;}
menu.menu2 { width:170px; left:-175px;}
menu.open { left:0;}

menu .name { width:100%; margin-top:5px; position:relative;}
menu .name li { width:100%; height:42px; text-indent:10px; line-height:42px; font-size:16px;}
menu .name i { width:24px; height:24px; background:#105caa; border-radius:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 2px auto auto; display:none;}
menu .name i:before { width:12px; height:12px; content:""; background:url(../images/base.png) no-repeat -174px -4px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
menu.open .name i { display:block;}

menu .list { width:100%;}
menu .list li { width:100%; height:34px; margin-top:5px; line-height:36px; font-size:14px;}
menu .list li a { width:calc(100% - 30px); height:100%; padding:0 20px 0 10px; background:rgba(0,0,0,0.05); display:block; position:relative;}
menu .list li a:after { width:6px; height:17px; content:""; background:url(../images/base.png) no-repeat -173px -22px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 10px auto auto;}
menu .list li a.active { background:#105caa; color:#fff;}
menu .list li a.active:after { background-position:-183px -22px;}
menu.menu2 .list { padding-bottom:49px;}

/**内容**/
article { width:calc(100% - 20px); margin:-7px 10px 14px; line-height:24px; font-size:14px; position:relative; z-index:10;}
article img { max-width:100%; height:auto !important; margin:7px 0 -2px;}
article iframe { max-width:100%; margin:7px 0 -2px;}
article video { max-width:100% !important; height:auto !important; margin:7px 0 -2px; background:#000;}
article .no { margin-top:0; font:0/0 Arial;}
article .no:first-child { margin-top:7px !important;}
article .no img { margin-top:0 !important;}

/**列表**/
#list { width:100%; position:relative; z-index:10;}

#list .pages { width:100%; height:30px; padding:10px 0; margin:15px 0; background:#f9f9f9; border-radius:5px; text-align:center;}
#list .pages a,#list .pages span { height:28px; margin:0 5px; border:#808284 1px solid; border-radius:3px; line-height:28px; font-size:12px; color:#808284; display:inline-block;}
#list .pages a { padding:0 15px;}
#list .pages span { padding:0 5px;}
#list .pages a:hover,#list .pages span { background:#105caa; border-color:#105caa; color:#fff;}
#list .pages .none { border-color:#ccc; color:#ccc; cursor:no-drop;}
#list .pages .none:hover { background:none; border-color:#ccc; color:#ccc;}

#list .list_news { width:calc(100% - 20px); margin:-13px 10px 0;}
#list .list_news li { width:100%; padding:15px 0 12px; border-bottom:#eee 1px solid; position:relative; overflow:visible;}
#list .list_news li p { font-size:12px; color:#898989; position:relative; z-index:10;}
#list .list_news li .name { margin:-3px 0 6px; line-height:22px; font-size:16px; color:#333; white-space:normal;}
#list .list_news li .img { float:left; width:100px; height:67px; margin:0 10px 0 0; font:0/0 Arial; overflow:hidden; z-index:20;}
#list .list_news li .img img { transition:all 0.8s;}
#list .list_news li .date { margin:-1px 0 6px 0; height:12px; line-height:12px;}
#list .list_news li .info { line-height:18px;}
#list .list_news li:hover .name { color:#105caa;}

#list .list_notice { width:calc(100% - 10px); margin:-10px 10px 0 0;}
#list .list_notice li { width:calc(100% / 2 - 10px); margin:10px 0 0 10px; background:rgba(0,0,0,0.04);}
#list .list_notice li a { float:left; width:100%; padding-bottom:10px; position:relative;}
#list .list_notice li a:before { width:calc(100% - 4px); height:calc(100% - 4px); content:""; border:#cd0102 2px solid; position:absolute; top:0; left:0; z-index:50; display:none;}
#list .list_notice li p { float:left; width:calc(100% - 10px); padding:0 5px; font-size:12px; color:#595757; overflow:hidden; position:relative; z-index:10;}
#list .list_notice li .img { width:100%; height:200px; padding:0;}
#list .list_notice li .img img { transition:all 0.8s; z-index:10;}
#list .list_notice li .img.end:before,#list .list_notice li .img.end:after { content:""; position:absolute;}
#list .list_notice li .img.end:before { width:100%; height:100%; background:rgba(0,0,0,0.4); bottom:0; right:0; z-index:15;}
#list .list_notice li .img.end:after { width:100px; height:55px; background:url(../images/base.png) no-repeat -200px 0; bottom:0px; right:-20px; z-index:20; transform:rotate(-30deg) scale(0.5);}
#list .list_notice li .name { height:42px; border-bottom:rgba(0,0,0,0.1) 1px solid; line-height:44px; font-size:16px;}
#list .list_notice li .price { height:20px; margin-top:9px; overflow:visible;}
#list .list_notice li .price span { height:20px; padding:2px 5px 1px 8px; background:#cd0102; border-radius:11px 0 0 11px; font-size:12px; color:#fff; position:absolute; top:-1px; right:0;}
#list .list_notice li .stime { height:20px; margin-top:5px;}
#list .list_notice li .etime { height:40px; margin-top:5px;}
#list .list_notice li .sn { width:calc(100% - 45px); padding:0 5px 0 40px; color:#898989;}
#list .list_notice li .sn em { color:#595757; position:absolute; top:0; left:5px;}
#list .list_notice li:hover a:before { display:block;}
#list .list_notice li:hover .img img { transform:scale(1.05);}

#list .msg_form { width:94%; margin:-15px 3% 20px; position:relative;}
#list .msg_form li { width:100%; height:38px; margin-top:15px; position:relative; z-index:10;}
#list .msg_form li input,#list .msg_form li textarea { width:calc(100% - 22px); height:calc(100% - 3px); padding:1px 10px 0; border:#9fa0a0 1px solid; border-radius:5px; color:#9fa0a0;}
#list .msg_form li textarea { height:calc(100% - 18px); padding:8px 10px;}
#list .msg_form li input:focus,#list .msg_form li textarea:focus { border-color:#cd0102; color:#cd0102;}
#list .msg_form li.detail { height:150px;}
#list .msg_form li.submit { height:41px; line-height:42px; font-size:16px; background:#cd0102; border-radius:5px; text-align:center; color:#fff;}
#list .msg_form li.loading { width:100%; height:calc(100% - 15px); background-color:rgba(0,0,0,0.1); position:absolute; top:0; left:0; z-index:20; display:none;}

/**内容**/
#detail { width:100%; position:relative; z-index:20;}

#detail .pages { width:calc(100% - 20px); padding:10px 10px 15px; border-top:#ddddde 1px solid;}
#detail .pages li { width:100%; height:20px; margin-top:5px; font-size:14px; text-overflow:ellipsis; white-space:nowrap;}
#detail .pages li .none { color:#9fa0a0;}

#detail .view_news_title { width:calc(100% - 20px); margin:0 10px;}
#detail .view_news_title h1,#detail .view_news_title h2 { text-align:center;}
#detail .view_news_title h1 { font-weight:bold; line-height:24px; font-size:18px;}
#detail .view_news_title h2 { height:29px; margin:10px 0 20px; background:#f0f0f0; line-height:30px; font-size:12px;}
#detail .view_news_title h2 span { padding:0 8px; display:inline-block;}