@charset "utf-8";*{box-sizing:border-box}
html{font-size:62.5%}
body,html{width:100%}
body{font-size:14px;font-family:"microsoft yahei",\5b8b\4f53,Arial,Helvetica,sans-serif;}
a{color:#222}
a:hover{color:#f30}
.in{ width:1020px; margin:0 auto; overflow:hidden;}

.header{ background:#187ea8 url(headertyxy.png) center center no-repeat; height:138px;}
.naver{	height:36px; background:#fff; border-bottom:1px solid #187ea8; overflow:hidden}
.naver ul{}
.naver ul li{ float:left; width:102px; height:36px;}
.naver ul li a{ display:block; line-height:36px; font-size:16px; text-align:center; color:#187ea8; font-weight:bold;}
.naver ul li a:hover{ color:#fff; background:#187ea8;}
.footer{ background:#187ea8; overflow:hidden; clear:both; margin-top:20px;}
.footer .copyright{ font-size:12px; margin:0 auto; width:1020px; padding:10px 0; text-align:center; color:#fff; font-weight:bold; line-height:30px;}
.footer .copyright a{ color:#fff;}
#dater{ line-height:40px;}


.mainner{ margin:0 auto; width:1020px; overflow:hidden; clear:both;}
.mainner .section{ margin-top:20px; clear:both; overflow:hidden;}

.mainner .area{ width:340px; float:left; margin-right:50px;}
.mainner .area-s{ width:240px; float:left;}

.block .t{height:30px; border:1px solid #187ea8; border-right-color:#fff; line-height:30px;}
.block .t h2{ display:block; border-left:2px solid #187ea8;  z-index:999; width:88px; text-align:center; font-size:16px; float:left; color:#187ea8; font-weight:bold}

.block .t a.more{ display:block; color:#187ea8; float:right; width:50px; font-size:12px; text-align:right}
.block .t a.more:hover{ color:#f30}
.block .c{ padding:8px 0;}
.block .block-menu a{ display:block; color:#187ea8; font-weight:bold; line-height:30px;}
 
.mainner .side{ float:left; width:220px;}
	.side .menu{border-right:1px solid #187ea8;  padding:39px 0 220px 0;  }
	.side .menu li{ height:36px; line-height:36px; margin-top:10px; width:80%;}
	.side .menu li a{ display:block; text-align:center; font-size:16px; color:#187ea8;}
	.side .menu li a:hover{ color:#222; }
	.side .menu li a.cur{ background:#187ea8; color:#fff; font-weight:bold;}
	
.mainner .main{ float:left; width:800px; }
.mainner .pos{ font-size:12px;  height:40px; line-height:40px; padding-left:20px; border-bottom:1px solid #187ea8}
	.main .content{ padding:20px 40px 40px; font-size:14px; line-height:2em;}
	.main .content p{ margin-bottom:1em;}
.main .pager{ padding:20px; clear:both;}
.main .pager span,.main .pager a{box-sizing:content-box; border:none;}
	
#slider{ width:1020px; height:310px; float:left; position:relative; overflow:hidden; zoom:1}	
#slider .change-div a{position:absolute;top:0;left:0;display:none}
#slider img{ width:1020px; height:310px;}
#slider .title-bg,#slider .title{position:absolute;left:0px;bottom:0;width:100%;height:36px;line-height:36px;overflow:hidden;background:url(tran.png);}
#slider .title-bg{background:url(tran.png)}
#slider .title a{display:block; text-align:center;color:#fff; font-weight:bold; font-size:18px;}

#slider .change{position:absolute;bottom:6px;right:5px; z-index:999;}
#slider .change i{display:inline-block;width:10px;height:10px; background:#fff; margin-right:6px; border-radius:10px; font-style:normal; text-align:center; cursor:pointer;font-size:0px;}
#slider .change i.cur{background:#336699}
#i-about h2{ font-size:16px; color:#187ea8; font-weight:bold; line-height:32px;}
#i-about p{ text-indent:2em; line-height:28px; padding:6px}
#i-app{ background:url(app.jpg) no-repeat; height:206px;}
#i-app a{ display:block; height:98px; text-align:center; line-height:98px; font-size:22px; color:#187ea8; font-family:"黑体";}
#i-app a:hover{ color:#fff; background:url(tr.png)}
#i-app a.mt{ margin-top:10px;}


.list li{ height:32px; padding:0 8px;line-height:32px;}
.list li a{padding-left:7px; display:block; background:url(dot.png) left center no-repeat;}
.list li span{ float:right; width:40px; font-size:12px; color:#888; text-align:right;}


.list-txt li{ height:40px; line-height:40px; padding:0 20px;}
.list-txt li.x{ background:#efefef; }
.list-txt li a{display:block; font-size:14px; background:url(dot.png) left center no-repeat;padding-left:10px;}
.list-txt li span{display:block; float:right; width:90px; text-align:right; font-size:12px; color:#000}

.list-pic li{ float:left; width:320px; height:196px; margin:5px; overflow:hidden; position:relative; }
.list-pic li a{ font-size:14px; display:block;}
.list-pic li a img{ width:100%; height:100%; display:block;}
.list-pic li a span{ display:block; width:100%; text-align:center; color:#fff; position:absolute; height:30px; bottom:0px; background:url(tran.png); z-index:9;}