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

body{ background-color: #fff}

.main-bj{ width: 100% ; margin: .54rem 0 0 0}
.main-box{ width: 94%; margin: 0 auto; max-width: 640px ; margin: 0 auto;}
.fan{ font-size: .24rem;float: left; color: #28577f ; margin-top: .15rem}
.aw{ width: calc(100% - .53rem) ;float: left; text-align: center}
.aw img{float: initial}

.ej-bj{ width: 94%; padding: .1rem 3% ; background-color: #466f91 ;  position: relative;}
.ej-bj h3{ font-size: .16rem; color: #fff ; text-indent: .05rem ;float: left;}
.ej-bj h4{ width: .2rem ; height: .2rem; background: url(../images/z1.png) no-repeat left center; background-size: .2rem auto; float: right}
.ej-bj h4.on{background: url(../images/z2.png) no-repeat left center; background-size: .2rem auto; }

.ej{ width: 100% ; background: rgba(40, 87, 127, 0.8) ; position: absolute; left: 0; top: .41rem;display: none;z-index: 5;}
.ej ul{ width: 100% ; padding: 0 0 .1rem 0;}
.ej ul li{ width: 100% ;}
.ej ul li a{ width: 100% ; height: .4rem; display: block ; overflow: hidden;}
.ej ul li a h3{ width: 100% ; height: .4rem;line-height: .4rem; text-indent: .4rem ; font-size: .14rem; color: #a5bfd4 ; overflow: hidden;}
.ej ul li a:hover{ background-color: #153d5e}
.ej ul li a:hover h3{ color: #fff }


.pic{ width: 100% ; padding: .28rem 0 0 0 ; }
.pic ul{ width: 100% ;}
.pic ul li{ width: calc(50% - .08rem) ;float: left; margin-bottom: .14rem;}
.pic ul li img{ width: 100%; height: 30vw; border: solid 1px #c9c9c9}
.pic ul li h3{ width: 100%; height: .34rem; line-height: .34rem; text-align: center; font-size: .14rem; color: #28577f;white-space:nowrap;  text-overflow:ellipsis; overflow: hidden;}
.pic ul li:nth-child(even){float: right}

.fy-box{ width: 100% ; padding: .12rem 0 .3rem 0;}
.pagelable{ width: 96% ; margin: 0 auto}
.pageCustom{ width: 100%}
.up{ width: .96rem; height: .34rem; line-height: .34rem; background-color: #fff; display: block;text-align: center; border-radius: .04rem ;float: left;}
.pageCustom_Pre_Disable{width: 100%;
  height: .34rem;
  line-height: .34rem;  font-size: .16rem; color: #343536; border: solid 1px #818181 ;display: block}
.dow{ width: .96rem; height: .34rem; line-height: .34rem; background-color: #fff;display: block;text-align: center; float: right;}
.pageCustom_Next_Disable{width:100%;
  height: .34rem;
  line-height: .34rem;  font-size: .16rem; color: #343536; border: solid 1px #818181;display: block}
.pageCustom_Prompt{  height: .34rem; line-height: .34rem; display: inline-block; text-align: center;}
.pageCustom_Prompt span{ font-size: .12rem; color: #acacac;}
.pageCustom_Prompt strong{ font-size: .18rem; color: #343536; font-weight: normal}
.pageCustom_Pre_Disable:hover{ background-color: #28577f ; color: #fff}
.pageCustom_Next_Disable:hover{ background-color: #28577f ; color: #fff}


.news{ width: 100% ; padding-bottom: .1rem}
.news ul{ width: 100% ; }
.news ul li{ width: 100% ; border-bottom: 1px solid #cfd0d4 ; padding: .13rem 0 ;  overflow: hidden; }
.news ul li img{ width: 1.38rem ; height: .776rem; float: left;}
.news ul li .nw-r{ width: calc(100% - 1.48rem) ; float: right ; overflow: hidden;}
.news ul li .nw-r h3{ width: 100% ; height: .14rem ;line-height: .14rem; font-size: .12rem; color: #808080 ; overflow: hidden;}
.news ul li .nw-r h3 span{ color: #b3b3b3 ; padding-left: .06rem}
.news ul li .nw-r h4{ width: 100% ; max-height: .34rem ; line-height: .17rem; font-size: .14rem; color: #343536 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin: .01rem 0; overflow: hidden;}
.news ul li .nw-r p{ width: 100% ; max-height: .28rem ; line-height: .14rem; font-size: .12rem; color: #9a9a9a ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.news ul li.noa img{display: none}
.news ul li.noa .nw-r{ width: 100% ;}
.news ul li.noa .nw-r h4{ margin: .04rem 0}


.img-box{ width: 100% ;}
.img-box ul{ width: 100% ;}
.img-box ul li{ width: calc(50% - .05rem) ;float: left; background-color: #fff ;float: left; margin-bottom: .15rem ; padding-bottom: .1rem;}
.img-box ul li img{ width: 100% ;}
.img-box ul li h3{ width: 86% ; height: .2rem; line-height: .2rem;  margin: 0 auto; margin-top: .08rem; margin-bottom: .03rem; font-size: .14rem; color: #343536 ;white-space:nowrap;  text-overflow:ellipsis; overflow: hidden;}
.img-box ul li h4{ width: 86% ; height: .14rem; line-height: .14rem; margin: 0 auto;   font-size: .1rem; color: #9a9a9a ;white-space:nowrap;  text-overflow:ellipsis; overflow: hidden;}
.img-box ul li:nth-of-type(even){float: right;}



.cp-bj{ width: 94%; padding: 0 3% ; background: url(../images/cp-bj.jpg) repeat ; background-size: 100% auto ; padding-bottom: .2rem}
.cp-bj .tit{ width: 100% ; text-align: center ; padding: .12rem 0 .1rem 0}
.cp-bj .tit h3{ font-size: .16rem; color: #fff}
.cp-bj .tit h4{ font-size: .1rem; color: #92b5d2}


.slideBox{ position:relative; width:100%;  max-width: 640px;  overflow:hidden; margin:0 auto; }
.slideBox .hd{ position:absolute; width:100%; bottom:56%; left:0; z-index:1; }
.slideBox .hd img{ width:11px;  }
.slideBox .prev{ width: .14rem ; height: .24rem; background: url(../images/lt1.png); background-size: 100% auto; position:absolute; left:0; top:0; display:block; }
.slideBox .next{  width: .14rem ; height: .24rem; background: url(../images/rt1.png); background-size: 100% auto; position:absolute; right:0; top:0; display:block; }
.slideBox .next{ left:auto; right:0;}
.slideBox .bd{ position:relative; z-index:0;width: 80%; margin: 0 auto; }
.slideBox .bd li{ position:relative; width: 100% ;box-shadow: 0 0 4px #999; max-height: 348px;  overflow: hidden;}
.slideBox .bd li img{ width:100%; height: 54.5vw;  display:block; max-height: 348px;  }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.slideBox .bd li .jies{ width: 100% ;height: 54.5vw; position: absolute; left: 0; bottom: 0; background: url(../images/cp-bj.png) repeat-x left bottom; overflow: hidden; max-height: 348px;  }
.slideBox .bd li .jies h3{ width: 84%; margin: 0 auto ; font-size: .16rem; color: #fff; white-space:nowrap;  text-overflow:ellipsis; margin-bottom: .08rem; margin-top:30vw;  overflow: hidden; }
.slideBox .bd li .jies h4{ font-size: .12rem;color: #fff ; border: solid 1px #fff; display: inline-block; margin-left: 8%; padding: .03rem .1rem;}


.shai-box{ width: 100% ; padding: .18rem 0 .16rem 0; overflow: hidden;}

.selbox{width: calc(33.333% - .05rem) ; height: .4rem; border: solid 1px #d2d2d2; float: left;}
.ipt{width: 100% ; }
.pt{ width: 100%; height: .4rem;  background: none; border: none; font-size: .12rem; color: #343536;}
.selbox .pt{ width: 100%;height: .44rem; border: none;  background-image: url(../images/dx1.png) ; background-position: 86% center; background-size: .13rem auto; background-repeat: no-repeat; font-size: .12rem; color: #434343; text-indent: .06rem;}
.dwb0{ background-color: #28577f !important;}
.dwb1{ background-color: #d3d5d6 !important;}
.selbox:nth-child(3){float: right}
.selbox:nth-child(2){ margin-left: .045rem}


.cp-xq{ width: 100% ; padding: .2rem 0 0 0}
.cp-xq img{ width: 100% ; height: auto;}
.cp-xq h3{ width: 100% ; font-size: .16rem; color: #2f5f86 ; border-bottom: 1px solid #c9c9c9 ; padding: .16rem 0 .1rem 0 ; text-indent: .05rem;}
.xk{width: 100% ; border-bottom: 1px solid #c9c9c9 ; padding: .1rem 0; overflow: hidden;}
.xk h4{ width: .75rem ; float: left; font-size: .14rem;text-indent: .05rem; color: #747d84}
.xk h5{ width: calc(100% - .75rem); float: left; font-size: .14rem; color: #747d84}
.dg{ width: 100% ; text-align: center ; padding: .2rem 0 .3rem 0}
.dg a{ font-size: .14rem; color: #fff ; background-color: #28577f ; padding: .05rem .2rem ; display: inline-block ;}

.qie-a{ width: 94% ; padding: .07rem 3% ; background-color: #c9c9c9 ; overflow: hidden;}
.qie-a h3{ width: calc(25% - 1.25px); float: left; border-right: 1px solid #aaaaaa; text-align: center ; font-size: .14rem; color: #fff ; padding: .02rem 0}
.qie-a h3:first-child{ border-left: 1px solid #aaaaaa;}
.qie-a h3.on{ background-color: #e4e4e4 ; color: #28577f}

.qie-b{ width: 90% ; padding: .07rem 5%  .16rem 5%; line-height: .2rem; background-color: #fff ; font-size: .12rem; color: #747d84 ;text-align: justify; overflow: hidden;}
.qie-b p{ margin: 16px 0}
.qie-b img{ max-width: 100% !important ; height: auto !important;}


.titel-bj{ width: 100% ; border-bottom: 1px solid #c9c9c9 ; text-align: center ; padding: .13rem 0 .1rem 0}
.titel-bj h2{ font-size: .16rem; color: #28577f ; font-weight: bold ;}
.titel-bj h4{ font-size: .12rem; color: #979797 ; padding-top: .06rem}
.nr-box{ width: 94%; margin: 0 auto; font-size: .12rem; line-height: .2rem; padding: .12rem 0 .2rem 0; color: #747d84 ;text-align: justify; overflow: hidden;}
.nr-box p{ margin: 16px 0}
.nr-box img{ max-width: 100% !important ; height: auto !important;}

.xg-bj{width: 94%; padding: 0 3% ; background-color: #eee ;border-bottom: 1px solid #fff}
.tit{ width: calc(100% - .05rem) ; padding: .2rem 0 .2rem .05rem}
.tit h3{ line-height: .18rem; font-size: .17rem; color: #28577f ;}
.tit h4{ font-size: .1rem; color: #9a9a9a}
.gd{ width: 100% ; text-align: center ; padding: .1rem 0 .2rem 0}
.gd a{ display: inline-block ; border: solid 1px #818181 ; font-size: .15rem; color: #343536 ; padding: .03rem .4rem}


.wm{ width: 100% ; background-color: #28577f ; text-align: center ; padding: .2rem 0}
.wm h3{ line-height: .18rem; font-size: .17rem; color: #fff ;}
.wm  h4{ font-size: .1rem; color: #96b9d5}

.lxb{ width: 87% ; margin: 0 auto;}
.lxb h3{ font-size: .12rem; color: #a2a2a2 ; margin-bottom: .03rem}
.lxb h4{ width: 100% ; font-size: .16rem; color: #343536;  padding: .25rem 0}

.mf-box{width: 87% ; margin: 0 auto; padding: .15rem 0; overflow: hidden;}
.mf-l{ width: 60% ;float: left;}
.mf-l h3{ width: 100% ; font-size: .14rem; color: #343536 ; margin-bottom: .1rem}
.mf-l h4{ width: 100% ; font-size: .12rem; color: #9a9a9a ; margin: .03rem 0 0 0 }
.ewm{ width: .8rem;float: left; text-align: center ; margin:.1rem 0 0 .2rem }
.ewm img{ width: .8rem; height: .8rem;}
.ewm h4{ width: 100% ; font-size: .12rem; color: #9a9a9a ;}

.dt-box{ width: 100% ; height: 2.5rem;}


.pgb{ width: 100% ; height: .42rem; background-color: #eee ; margin-bottom: .1rem; overflow: hidden;}
.pgb h3{ width: .8rem ; height: .42rem; line-height: .42rem; float: left; font-size: .14rem; color: #343536 ;text-indent: .1rem;}
.pgb a{ width: calc(100% - .85rem) ;height: .42rem; line-height: .42rem; float: left; font-size: .14rem; color: #343536; white-space:nowrap;  text-overflow:ellipsis; overflow: hidden;}
.pgb:hover h3{color: #2f5f86}
.pgb:hover a{color: #2f5f86}


/* 2020.7.16 增加表格 */
.qie-a{ width: 94% ; padding: .07rem 3% ; background-color: #c9c9c9 ;white-space:nowrap;  overflow-y: hidden; overflow-x: auto}
.qie-a h3{ width: auto;float: inherit; display: inline-block; border-right: 1px solid #aaaaaa; text-align: center ; font-size: .14rem; color: #fff ; padding: .02rem .12rem}

.table{ width: 100% ; margin-bottom: .2rem;}
.table tr td{ padding: .1rem 0 ;}
.table tr .td1{ width: 30%; background-color: #2f5f86; font-size: .14rem; color: #fff ; text-align: center ;border-right: 2px solid #fff;border-bottom: 2px solid #fff;}
.table tr .td2{ background-color: #e5e5e5 ;border-right: 2px solid #fff;border-bottom: 2px solid #fff;}
.table tr .td2 h3{ width: 90%; font-size: .12rem; color: #676767; padding: 0 0 0 10px;}


.sbbox{ width: 100% ; border-bottom: 3px solid #efefef; text-align: center; padding: .55rem 0 .15rem 0}
.submit{width: .9rem;height: .32rem; line-height: .32rem; background-color: #8c8c8c;
  display: block;text-align: center; border: none; display: inline-block; font-size: .16rem; color: #fff;}
.seac-lb{width: calc(33.333% - .05rem); height: .4rem;border: solid 1px #d2d2d2; float: right ; text-indent: .06rem;font-size: .12rem;
  color: #434343;}







@media screen and (min-width: 640px) {
  .slideBox .bd li .jies h3{  margin-top:1.56rem; }
}