@charset "utf-8";
/* CSS Document */

html{font-size:100%; max-width:100%; margin:0 auto; overflow-x:hidden;}
/* 全局样式 ------------------------------------------------------------------*/
body ,div, h1, h2, h3, h4,h5, p, dl, dd, ol, ul, li,em,font,span, form, fieldset, input, button, textarea,a{ margin:0; padding:0; box-sizing:border-box; color:#000;}
th, td{ margin:0; padding:0;}
html{ -webkit-text-size-adjust:none; word-wrap:break-word; margin:0; padding:0;}
h1, h2, h3, h4{ font-size:100%; font-weight:normal;}
ol, ul{ list-style:none;}
fieldset, img{ border:0;}
img{ border:none; -ms-interpolation-mode:bicubic; -o-object-fit:cover; object-fit:cover;}
cite, em, s, i, b{ font-style:normal;}
input, button, textarea, select{ font-size:100%;}
body, input, button, textarea, select, option{ font-size:normal;}
a, a:link, input, textarea{ text-decoration:none; outline:0;}
li, img, label, input{ vertical-align:middle;}
body{ font-size:.24rem; font-family:helvetica,arial; width:100%; max-width:7.68rem; margin:0 auto; overflow-x:hidden; min-height:100%; background:#fff;}
input:focus,select:focus{ outline:none;}
textarea,select,input{ -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#fff;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#fff;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#fff;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#fff;}

/*公用样式*/
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0; height:0; overflow:hidden;}
.hidden{ display:none;}
.com_flex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.com_flex1{ display:flex; flex-wrap:wrap;}
.com_flex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}

.logo{ padding:.5rem 0 .3rem;}
.logo img{ display:block; margin:0 auto; height:1.15rem;}

.banner{ width:100%;}
.banner img{ width:100%; display:block;}
.banner .swiper-pagination{ bottom:.2rem;}
.banner .swiper-pagination-bullet{ width:.2rem; height:.1rem; border-radius:.05rem; transition:all linear .2s; background:#fff; opacity:.8; margin:0 .05rem!important;}
.banner .swiper-pagination-bullet-active{ opacity:1; background:#002a5c; width:.55rem;}

.nav{ width:100%;}
.nav li{ width:25%; text-align:center; padding:.5rem 0;}
.nav li a{ display:inline-block;}
.nav li img{ display:block; margin:0 auto; height:.7rem;}
.nav li p{ font-size:.24rem; line-height:1.25; margin-top:.15rem;}

.con1{ padding:0 .15rem .5rem .15rem;}
.tit1{ background:#bedef6; height:.55rem; border-left:.06rem solid #002a5c; position:relative;}
.tit1 .more{ color:#044bbf; font-size:.14rem; background:#fff; border-radius:.03rem; padding:0 .12rem; display:inline-block; line-height:.2rem; height:.2rem; top:50%; margin-top:-.1rem; right:.12rem; position:absolute; text-transform:uppercase;}
.tit1 span{color:#000;top:60%; margin-top:.1rem;margin-left:.1rem;display:inline-block;}
.i_news_list{ padding:.25rem 0 0 0;}
.i_news_list li{ padding:.2rem 1rem .2rem 0; font-size:.26rem; line-height:.38rem; position:relative;}
.i_news_list li:before{ content:""; display:block; position:absolute; left:.06rem; top:50%; margin-top:-.03rem; width:.06rem; height:.06rem; background:#002a5c; border-radius:50%;}
.i_news_list li a{ display:block; padding-left:.21rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.i_news_list li span{ display:block; position:absolute; right:.12rem; top:.2rem; color:#333;}
.news_pic{ margin-top:.25rem;}
.news_pic ul li{ text-align:center; width:3.25rem;}
.news_pic ul li a{ display:block;}
.news_pic ul li img{ display:block; height:1.9rem;}
.news_pic ul li p{ font-size:.24rem; line-height:1.25; margin-top:.24rem; font-weight:bold; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

.bodybg{ background:url(../images/bodybg.jpg) #8bcdff center top no-repeat; background-size:7.5rem 2.6rem;}
.list_txt{ padding:1rem 0 1.2rem 0;position:relative;}
.list_txt img{ display:block; margin:0 auto; height:.39rem;}
.list_w{ margin:0 .25rem .6rem .25rem; border-radius:.15rem; background:#fff; padding:0rem .3rem .65rem .3rem; position:relative;}
.list_logo{ position:absolute; text-align:center; top:-.72rem; left:0; right:0}
.list_logo em{ width:1.2rem; height:1.2rem; border-radius:50%; background:#fff; margin:0 auto;}
.list_logo img{ max-width:90%; max-height:90%; display:block;}
.list_logo p{ font-size:.31rem; color:#666; line-height:.6rem; font-weight:bold;}
.tit2{ border-bottom:.02rem solid #ebebeb; position:relative;}
.tit2 em{ display:inline-block; font-size:.36rem; color:#395c9b; line-height:1.05rem; font-weight:bold; position:relative;}
.tit2 em:after{ content:""; display:block; position:absolute; right:0; left:0; bottom:-.02rem; height:.06rem; background:#8bcdff; font-size:0; overflow:hidden;}
.tit2 a{ border-radius:1000px; line-height:.6rem; border:.02rem solid #efefef; padding:0 .25rem 0 .55rem; display:inline-block; font-size:.28rem; color:#838383; position:absolute; right:0; top:50%; margin-top:-.32rem; background:url(../images/back.png) .12rem center no-repeat; background-size:.32rem .32rem;}
.news_list{ padding:.1rem 0 0 0;}
.news_list li{ line-height:1.5; border-bottom:.02rem solid #eee; padding:.35rem 0;}
.news_list li a{ display:block;}
.news_list li h3{ font-size:.3rem;}
.news_list li p{ font-size:.28rem; color:#888; margin-top:.2rem;}
.news_list li p font{ color:#dea23a;}
.news_list li em{ display:block; font-size:.28rem; color:#888; margin-top:.1rem;}
.page{ text-align:center; padding:.65rem 0 .2rem 0;font-size:0px;}
.page a{ display:inline-block; width:2.15rem; color:#646464; font-size:.3rem; line-height:.58rem; height:.58rem; background:url(../images/pbg.png) center center no-repeat; background-size:cover; margin:0 .225rem;margin-bottom:10px;}
.page select{display:none;}
.news_tit{ line-height:1.5; padding:.4rem 0; border-bottom:.02rem solid #ebebeb;}
.news_tit h3{ font-size:.31rem; font-weight:bold; margin-bottom:.3rem;}
.news_tit p{ font-size:.28rem; color:#888;}
.news_tit p em{ color:#888; margin-right:.15rem;}
.news_tit p em:last-child{ margin-right:0;}
.news_dt{ line-height:2;  padding:.3rem 0 0 0;}
.news_dt p{font-size:.28rem;}
.news_dt img{ display:block; margin:.2rem auto; max-width:100%;}

.menu_w{ padding:.35rem 0 .8rem 0;}
.menu_w .list_txt{ padding-top:.05rem;}
.sider{ background:#fff; padding:.01rem 1.15rem; border-radius:.15rem; margin:0 .25rem; min-height:8.4rem;}
.sider ul{ margin:-.52rem 0 0 0; text-align:center;}
.sider ul li{ margin-bottom:.4rem;}
.sider ul li a{ line-height:.86rem; font-size:.36rem; background:url(../images/libg.png) center center no-repeat; background-size:cover; display:block; letter-spacing:.03rem;}
.sider ul li.cur{ margin-bottom:.6rem;}
.sider ul li.cur a{ color:#fff; line-height:.95rem; background-image:url(../images/libg_h.png); text-shadow:0 .05rem .15rem rgba(0,0,0,.7); font-size:.42rem;}

.footer{ text-align:center; background:#004ea0; padding:.3rem 0; color:#fff;margin-bottom:55px;}
.footer p{ font-size:.24rem; line-height:1.5; color:#fff;}
.footer p font{ padding-left:.45rem; color:#fff;}




.typebtn{position:absolute; right:10px; top:10px; height:0.55rem; cursor:pointer}
.logo .typebtn{position:absolute; right:10px; top:10px; height:0.55rem; cursor:pointer}
.list_txt .typebtn{position:absolute; right:10px; top:10px; height:0.55rem; cursor:pointer}

.header{ width:100%; max-width:512px; background:#fff; height:50px; overflow:hidden; border-top:5px solid #9d2429; position:relative}
.header p{ text-align:center; color:#9d2429; height:50px; line-height:50px; font-size:18px;}


.zhezhaobox{display:none; width:100%; height:100%;position: fixed;left: 0;top: 0;z-index: 9999;background:#fff;overflow:auto;}
.zhezhaobox ul{ overflow:hidden; padding:20px}
.zhezhaobox ul li{ }
.zhezhaobox ul li .typeboxOne{width:100%; background:#f9fafbe3; height:30px; line-height:30px;margin-bottom: 10px;}
.zhezhaobox ul li .typeboxOne a{ color:#333; font-size:14px; padding-left:30px; background:url(../images/type3.png) center left 10px no-repeat}
.zhezhaobox ul li .typeboxTwo{}
.zhezhaobox ul li .typeboxTwo a{ color:#666; font-size:14px; line-height:30px; border-bottom:1px dashed #eee; display:block; padding-left:50px; padding-top:5px;background:url(../images/type2.png) center left 30px no-repeat}
.zhezhaobox ul li .typeboxTwo a:last-child{ border-bottom:0}


.navBox{width:100%; max-width:521px; margin:0 auto;}
.navBox .navimg{ position:fixed; bottom:70px; margin-left:20px; width:46px; height:46px; z-index:999}
.navBox .navimg img{ width:43px; margin-left:2px; margin-top:1px}
.navBox .navdiv{position:fixed; bottom:95px; margin-left:25px; width:124px; padding-top:5px; height:auto;padding-bottom: 30px; overflow-y:scroll; background:rgba(255,255,255,0.9); z-index:998;border: 1px solid #e5e5e5; display:none}
.navBox .navdiv .navbb{ width:100%; height:42px; line-height:42px; overflow:hidden}
.navBox .navdiv .navbb .tit{ font-size:14px;height:42px; color:#666; line-height:45px; padding-left:30px}


.h5nav{width:100%; max-width:512px; margin:0 auto;}
.h5navBox{padding-top:2px;padding-bottom:4px;position:fixed;width:100%;max-width:512px;bottom:0;height:54px;z-index:999;background: #00266b;}
.h5navBox .h5navitem{ width:33.3%; height:54px; float:left; overflow:hidden}
.h5navBox .h5navitem a{ display:block}
.h5navBox .h5navitem img{ margin:3px auto; height:30px;display:block}
.h5navBox .h5navitem p{ text-align:center; height:18px; line-height:18px; color:#fff}