@charset "utf-8"; /*全局 begin*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
body { font-family:"微软雅黑"; position: relative; font-size: .24rem; color: #000000; width: 6.4rem; margin: 0 auto; overflow-x: hidden; } 
body { background: url(../images/bg.png) no-repeat center top; background-attachment: fixed; } 
ul,li { list-style:none; margin:0; padding:0; } 
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; } 
img { border:none; border:0; vertical-align:middle; max-width: 100%; max-height: 100%; } 
video { max-width: 100%; max-height: 4rem; } 
a { text-decoration:none; outline:none; color:#000; } 
button { outline: none; border: none; } 
p { margin:0; padding:0; } 
.cl:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.cl { *zoom:1 } 
.wbg { background: #ffffff; } 
.h110 { height: 1.1rem; display: block; } 
.txt-c { text-align: center; } 
.oh { overflow:hidden; } 
.fl { float:left; } 
.oh { overflow: hidden; } 
.fr { float:right; } 
.cl { clear: both; } 
.pd20 { padding: .2rem; margin: 0 auto; } 
.pd2 { padding: .2rem; } 
.pdrl20 { padding: 0 .2rem; } 
.pdrl10 { padding: 0 .1rem; } 
.pdtb3 { padding: .3rem 0; } 
.pdrl3 { padding:0 .3rem; } 
.pd25 { padding: 0 .25rem; padding-bottom: .25rem; } 
.pdrl25 { padding:0 .25rem } 
.pd3 { padding: .3rem; } 
.pd4 { padding: .4rem; } 
.pdt4 { padding-top: .4rem; } 
.mh5 { min-height: 6rem; } 
.mt30 { margin-top: .3rem; } 
.mt20 { margin-top: .2rem; } 
.mb30 { margin-bottom: .3rem; } 
.h1r { height: 1rem; } 
.center { max-width: 6.4rem; margin: 0 auto; width: 100%; background:#ffffff; } 
.fcp p { font-size: .26rem; color: #4c4c4c; line-height: .6rem; } 
.bg1 { background-color: #EDF7FD; } 
.bd-e5 { border: 0.01rem solid #e5e5e5; } 

.bg-f6 { background-color: #f6f6f6; } 
.h110 { height: 1.1rem; display: block; } 
table { border-collapse: collapse; table-layout:fixed !important; width:100% !important; border:none; margin:0 auto; } 
table th, table td { display:table-cell; vertical-align:middle !important; white-space: normal !important; white-space:pre-line; word-break:break-all !important; word-wrap:break-word !important; border: .01rem solid #dedede; } 
/* 全局end */

.main { margin: 0 .3rem; padding: .2rem; min-height: 6rem; background-color: white; } 

/* 通用 */
.tit-1 { margin-bottom: .2rem; height: .85rem; line-height: .85rem; border-bottom: .01rem solid #cccccc; display: flex; flex-direction: row; justify-content: space-between; font-size: 0; } 
.tit-1 span { margin-right: .4rem; vertical-align: middle; display: inline-block; font-size: .28rem; color: #000000; border-bottom: .05rem solid transparent; line-height: .8rem; } 
.tit-1 span:last-child{margin-right:0;}
.tit-1 span.on { color: #004564; font-weight: bolder; border-bottom: .05rem solid #004564; } 
.tit-1 a { display: inline-block; font-size: .22rem; color: #888888; } 



/* 列表 */
.list { } 
.list ul { } 
.list ul li { line-height: .5rem; } 
.list ul li a { font-size: .24rem; color: #333333; display: block; padding-left:.2rem; background: url(../images/list.png) no-repeat left center; display: flex; flex-direction: row; justify-content: space-between; } 

.list.l1 li a { background: url(../images/list-1.png) no-repeat left center; } 
.list.l2 li a { background: url(../images/list-2.png) no-repeat left center; } 

.list.l2 li { line-height: .55rem; } 
.list.l2 li a .ti { font-size: .24rem; color: #999999; } 
.list.l2 li.on { border-bottom: .03rem dashed #cccccc; padding-bottom: .25rem; margin-bottom: .25rem; } 

.imglist { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.imglist .el { width: 2.55rem; margin-bottom: .2rem; } 
.imglist .el a { display: block; } 
.imglist .el a img { display: block; width: 2.55rem; height: 1.8rem; } 
.imglist .el a .txt { margin-top: .1rem; text-align: center; font-size: .24rem; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 


.ldimg { font-size: 0; } 
.ldimg div { width: 2.5rem; height: 3.1rem; position: relative; display: inline-block; margin: 0 .1rem; margin-bottom: .2rem; } 
.ldimg div img { width: 100%; height: 100%; display: block; } 
.ldimg div p { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: .17rem; color: #ffffff; word-break: break-all; padding: .1rem 0; line-height: .3rem; background-color: rgba(0, 0, 0, .6); } 
.ldimg div.on { display: block; margin: 0 auto; margin-bottom: .2rem; } 
/* 头部 */
.header { } 
.header .top { height: .5rem; line-height: .5rem; text-align: center; font-size: .18rem; color: #333333; background-color: rgba(255, 255, 255, .2); } 
.header .logo { text-align: center; margin-top: .4rem; } 
.header .logo img { width: 5rem; } 
.header .search { margin-bottom: .4rem; } 
.header .search form { display: flex; flex-direction: row; justify-content: space-around; width: 5rem; height: .6rem; margin: 0 auto; background-color: rgba(255, 255, 255, .5); margin-top: .3rem; } 
.header .search form>* { display: inline-block; vertical-align: middle; } 
.header .search input { width: 3.7rem; height: .6rem; font-size: .24rem; border: none; outline: none; padding: 0 .25rem; background-color: transparent; } 
.header .search input::placeholder { color: #6b6b6b; } 
.header .search a { width:.7rem; height: .6rem; background: url(../images/search.png) no-repeat center; } 

/* 底部 */
.footer { } 
.footer .flink { background-color: #004564; padding: .2rem .3rem; line-height: .2rem; font-size: 0; } 
.footer .flink span { display: block; font-size: .2rem; color: #ffffff; margin: .1rem 0; } 
.footer .flink a { margin:.1rem 0; white-space: nowrap; display: inline-block; vertical-align: middle; font-size: .2rem; color: #ffffff; border-right: 0.01rem solid #286987; margin-right: .15rem; padding-right: .15rem; } 

.footer .statement { padding: .3rem; background-color: white; } 
.footer .statement .fl { width: 4.5rem; } 
.footer .statement p { font-size: .21rem; color: #747474; line-height: .35rem; width: 5rem; } 
.footer .statement p a { font-size: .21rem; color: #747474; } 
.footer .statement img { width: .8rem; height: .9rem; margin-top: .2rem; } 

/* 位置 */
.pos { padding: 0 .25rem; font-size: .2rem; color: #828282; background-color: #f2f2f2; height: .5rem; line-height: .5rem; } 
.pos a,.pos em { font-size: .2rem; color: #828282; font-style: normal; } 

/* 分页 */
.new_page { margin-top: .3rem; } 
.new_page .recording { display: none; } 
.new_page .npage ul { display: flex; flex-direction: row; justify-content: space-between; } 
.new_page .npage li a { padding:0 .3rem; border-radius: .1rem; display: block; height: .6rem; line-height: .6rem; background-color: #004564; font-size: .24rem; color: #ffffff; } 
.new_page .hui { background-color: #666666 !important; color: white; } 

/* 导航 */
.nav { padding: 0 .3rem; } 
.nav ul { padding: .1rem 0; display: flex; flex-wrap: wrap; justify-content: space-between; background-color: rgba(0, 69, 100, .9); text-align: center; } 
.nav ul li { width: calc(100%/3); height: calc(1.3rem/2); line-height: calc(1.3rem/2); font-weight: bolder; } 
.nav ul li a { display: block; font-size: .26rem; color: #ffffff; } 


/* 文章 */
.article { padding: .3rem 0; } 
.article .title { font-size: .36rem; color: #252525; text-align: center; line-height: .6rem; font-weight: bold;} 
.article .msg { margin-top: .2rem; padding: .15rem 0; text-align: center; line-height: .45rem; background-color: #f5f5f5; font-size: .2rem; color: #7f7f7f; } 
.article .content { margin-top: .3rem; font-size: .24rem; color: #000000; line-height: .5rem; } 
.article .content p { font-size: .24rem; color: #000000; line-height: .5rem; } 

/* 上下文 */
.pan { font-size: 0; display: flex; flex-direction: row; justify-content: space-between; border-top: .01rem solid #e3e3e3; padding-top: .3rem; padding-bottom:.4rem; } 
.pan a { display: inline-block; background-color: #004564; width: 1.5rem; height: .6rem; border-radius: .1rem; line-height: .6rem; text-align: center; font-size: .24rem; color: #ffffff; } 
.pan a:nth-child(1) { order: 1; } 
.pan a:nth-child(2) { order: 3; } 
.pan a:nth-child(3) { order: 2; } 

/* 首页 */
.idx-1 { text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: .2rem; } 
.idx-1 h1 { font-size: .35rem; color: #004564; font-weight: bolder; margin-bottom: .1rem; } 
.idx-1 p { font-size: .22rem; color: #4c4c4c; } 

.idx-2 { margin-bottom: .3rem; } 
.idx-2-ban { width: 100%; height: 3rem; overflow: hidden; position: relative; margin-bottom: .2rem; } 
.idx-2-ban .hd1 { position: absolute; left: 0; bottom: 0; width: 100%; height: .8rem; background-color: rgba(0, 0, 0, .8); text-align: center; } 
.idx-2-ban .hd1 div { padding: 0 .15rem; line-height: .45rem; font-size: .24rem; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.idx-2-ban .hd1 ul li { display: inline-block; width: .3rem; height: .04rem; background-color: white; margin: 0 .03rem; vertical-align: middle; } 
.idx-2-ban .hd1 ul li.on { background-color: red; } 

.idx-3 { background-color: #e8f2f6; padding: .2rem; margin-bottom: .3rem; } 
.idx-3 .t { margin-bottom: .3rem; } 
.idx-3 .con div { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.idx-3 .con a { width: 1.1rem; display: block; text-align: center; font-size: .24rem; color: #000000; margin-bottom: .2rem; } 
.idx-3 .con a img { display: block; width: .93rem; height: .96rem; margin: 0 auto; margin-bottom: .1rem; } 


.idx-4,.idx-5,.idx-6,.idx-7 { margin-bottom: .2rem; } 

.idx-5 { position: relative; } 
.idx-5 .hd { position: absolute; width: 100%; text-align: right; bottom: .1rem; right: 0; } 
.idx-5 .hd li { width: .27rem; height: .27rem; background-color: white; text-align: center; line-height: .27rem; margin-right: .1rem; display: inline-block; } 
.idx-5 .hd li.on { background-color: #004564; color: white; } 
.idx-5 .bd li img { width: 100%; height: 1.2rem; } 

.idx-7 { margin-top: .3rem; display: flex; flex-direction: row; justify-content: space-between; } 
.idx-7 a { display: block; width: 2.55rem; height: .85rem; } 


/* 内页 */
.abt { font-size: .24rem; color: #010101; line-height: .4rem; margin-bottom: .2rem; } 

/*留言*/
.inpa_contact { width: 100%; margin: .2rem 0; } 
.inpu_mess { width: 100%; overflow: hidden; margin-bottom: .3rem; } 
.inpu_mess label,.inpu_mess3 label { line-height: .6rem; font-size: .2rem; } 
.inpu_mess input { height: .6rem; line-height: .6rem; width: 3.7rem; border: solid .01rem #ebeff1; margin: 0 .1rem; padding: 0 .2rem; font-size: .2rem; } 
.inpu_mess2 { overflow: hidden; margin-top: .1rem; } 
.inpu_mess2 label { display: block; float: left; line-height: .6rem; font-size: .2rem; } 
.inpu_mess2 textarea { width:3.7rem; resize: none; height: 2rem; border: solid 1px #ebeff1; float: left; margin: 0 .1rem; padding: .2rem; font-size: .2rem; } 
.inpu_mess3 span { margin-right: .2rem; font-size: .2rem; } 
.inpu_mess3 input { margin: .1rem; font-size: .2rem; } 
.inpu_mess4 { overflow: hidden; } 
.inpu_mess4 label { line-height: .6rem; float: left; font-size: .2rem; } 
.inpu_mess4 input { width: 1.8rem; height: .6rem; border: solid .01rem #ebeff1; padding: 0 .2rem; margin-left: .2rem; line-height: .6rem; float: left; font-size: .2rem; } 
.inpu_btn { margin-top: .3rem; width: 100%; height: .8rem; } 
.inpu_btn button { width: 100%; height: .8rem; background: #1b50a0; color: #fff; font-size: .24rem; font-weight: bold; border: 0; border-radius: .1rem; } 
.inpu_mess4 .code { margin-right: .2rem; font-family:Arial; font-style:italic; color:#1b328f; font-size:.24rem; border:0; letter-spacing:3px; font-weight:bolder; float: right; cursor:pointer; width:1.8rem; height:.6rem; line-height:.6rem; text-align:center; vertical-align:middle; border: solid 1px #ebeff1; } 
/*内页内容 end*/



/*互动交流*/
.inpa_inter { width: 100%; margin: .2rem 0; } 
.inpa_inter table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: .18rem; } 
.inpa_inter table tr { height: .5rem; line-height: .5rem; } 
.inpa_inter table tr td { text-align: center; color: #7d7d7d; border-bottom: dashed .01rem #ececec; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.inpa_inter table tr td:first-child { padding-left: .2rem; color: #2c2c2c; } 
.inpa_inter table tr td:last-child { color: #e22929; } 
.inpa_inter table tr #td_1 { width: 1.5rem; text-align: left; padding-left: 20px; color: #2c2c2c; font-weight: bold; } 
.inpa_inter table tr #td_2 { width: .7rem; color: #2c2c2c; font-weight: bold; } 
.inpa_inter table tr #td_3 { width: 1.8rem; color: #2c2c2c; font-weight: bold; } 
.inpa_inter table tr #td_4 { width: .7rem; color: #2c2c2c; font-weight: bold; } 
.inpa_trone { background: #dde5f1; border-bottom: solid .01rem #cdcdcd; } 

.inpa_intt { width: 100%; margin: .1rem 0; } 
.inpa_intt h1 { color: #252525; font-size: .24rem; text-align: center; line-height: .6rem; height:.6rem; } 
.inpa_intt table { width: 100%; border-top: solid .01rem #dcdcdc; border-left: solid .01rem #dcdcdc; } 
.inpa_intt table tr td { border-bottom: solid .01rem #dcdcdc; border-right: solid .01rem #dcdcdc; height: .5rem; padding: .1rem; line-height: .24rem; color: #595959; } 
.inpa_intt table tr .tdd { width: 1.2rem; text-align: center; background: #f8f8f8; padding: 0; color: #4b4b4b; font-weight: bold; } 
.inpa_intt table tr .trr { line-height: .4rem; padding: .1rem .3rem; } 
.red { color: #E22929; } 



    