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


/*banner*/
.slideBox{ position:relative; width:100%;  height:auto; margin-top:0.54rem; overflow:hidden;}
.slideBox .hd{ position:absolute; width:98%; height:14px; line-height:14px; bottom:.42rem; right:0%; z-index:1; text-align:center;}
.slideBox .hd li{ display:inline-block; width:7px; height:7px; background-color: #fff; border-radius:50%; text-indent:9999px; overflow:hidden; margin:0 5px; }
.slideBox .hd li.on{  width:9px; height:9px; background: none ; border: solid 1px #fff ; position: relative; top: .015rem}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; height: calc(100vh - .54rem); }
.slideBox .bd li img{ width:100%;  height: 100%; object-fit: cover }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  }
/*bannered*/ 


.bka-bj{ width: 100% ; background-color: #fff ; padding: .24rem 0 .24rem 0; overflow: hidden;}
.bka-box{ width: 94%; margin: 0 auto ;}
.focus{ width:calc(50% - .03rem);float: left; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:0px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:0px; font-size:0; vertical-align:top;
}
/* .focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#FE6C9C;  } */

.focus .bd{ position:relative; z-index:0;  }
.focus .bd li{height: 55.8vw ; position: relative;}
.focus .bd li img{ width:100%;  height: 55.8vw }
.focus .bd li .tub{ width: 100% ; height: 100% ; background: rgba(0, 0, 0, 0.3) ; position: absolute; left: 0; top: 0 ; overflow: hidden;}
.focus .bd li .tub h3{ width: 92% ; margin: 0 auto; line-height: .16rem ; font-size: .14rem; color: #fff ; margin-top: 22vw ; margin-bottom: .1rem}
.focus .bd li .tub p{ width: 92% ; margin: 0 auto; max-height: .36rem ; line-height: .12rem ; font-size: .1rem; color: #fff ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;opacity: 0.8; overflow: hidden;}


.foc2 .bd li .tub{ width: 100% ; height: 100% ; background: none;  position: absolute; left: 0; top: 0 ; overflow: hidden;}
.foc2 .bd li .tub h3{ width: 92% ; margin: 0 auto; line-height: .16rem ; font-size: .14rem; color: #3c6c95 ; margin-top: 4vw ; margin-bottom: .1rem}
.foc2 .bd li .tub p{ width: 92% ; margin: 0 auto; max-height: .36rem ; line-height: .12rem ; font-size: .1rem; color: #a7aaad ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;opacity: 0.8; overflow: hidden;}

.pic-box{ width:calc(50% - .03rem);height: 55.8vw ; float: left; margin-top: .06rem; position:relative; overflow:hidden; }
.pic-box img{ width:100%;  height: 55.8vw }
.pic-box .tub{ width: 100% ; height: 100% ; background: rgba(0, 0, 0, 0.3) ; position: absolute; left: 0; top: 0 ; overflow: hidden;}
.pic-box .tub h3{ width: 92% ; margin: 0 auto; line-height: .16rem ; font-size: .14rem; color: #fff ; margin-top: 22vw ; margin-bottom: .1rem}
.pic-box .tub p{ width: 92% ; margin: 0 auto; max-height: .36rem ; line-height: .12rem ; font-size: .1rem; color: #fff ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;opacity: 0.8; overflow: hidden;}


.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}
.bkb-bj{ width: 100% ; background-color: #eee ;}
.bkb-box{ width: 94% ; margin: 0 auto ; overflow: hidden;}
.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;}

.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}


.bkc-bj{ width: 100% ; background-color: #fff ;background-image: url(../images/nws-bj.jpg) ; background-repeat: no-repeat; background-position: .2rem center; background-size: 100% auto ;}
.bkc-box{ width: 94% ; margin: 0 auto ; overflow: hidden;}
.news{ width: 100% ; border-top: 1px solid #cfd0d4 ; 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}

.bkd-bj{ width: 100% ; background-color: #eee ;}
.bkd-box{ width: 94% ; margin: 0 auto ; overflow: hidden;}

.ico-bj{ width: 89%; margin: 0 auto; padding: .1rem 0 .33rem 0; overflow: hidden;}
.icob{ width: 50%;float: left; padding: .16rem 0; border-bottom: 1px solid #bdbdbd ;display: flex ; justify-content:center  ;}
.icob .icon{ font-size: .26rem;display: inline-block;color: #28577f ; margin: .07rem .04rem 0 0 }
.icob .ir-box{display: inline-block}
.icob .ir-box h3{ font-size: .1rem; color: #d2d2d2 ; margin-bottom: .01rem}
.icob .ir-box h4{ font-size: .14rem; color: #666666}
.icob:nth-child(1){ width: calc(50% - 1px) ; border-right: 1px solid #bdbdbd ;}
.icob:nth-child(3){ width: calc(50% - 1px) ; border-right: 1px solid #bdbdbd ; border-bottom: none}
.icob:nth-child(4){ border-bottom: none}
.icob a{ font-size: 0}



.bke-bj{ width: 100% ; background-color: #fff ;}
.bke-box{ width: 94% ; margin: 0 auto ; overflow: hidden;}

.mf-box{ width: 100% ; 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:.2rem 0 0 .2rem }
.ewm img{ width: .8rem; height: .8rem;}
.ewm h4{ width: 100% ; font-size: .12rem; color: #9a9a9a ;}

.pho{ width: 100% ; padding: .13rem 0; overflow: hidden;}
.pho h3{ font-size: .2rem;display: inline-block; color: #28577f; padding-right: .05rem ;font-weight: bold ;}
.pho h4{ font-size: .2rem; color: #28577f;display: inline-block ; font-weight: bold ; font-family: "Impact"}
.yq-box{ width: 100% ; padding:.06rem 0 .16rem 0; font-size: .12rem; color: #9a9a9a ;}
.yq-box a{font-size: .12rem; color: #9a9a9a ; border-right: 1px solid #9a9a9a; padding-right: .06rem}

.zx-bj{ width: 100% ; padding: 0 0 .2rem 0; overflow: hidden;}
.zx-bj h3{ width: 100% ; font-size: .12rem; color: #9a9a9a ;}
.zx-bj .ipt{ width: calc(50% - .07rem) ; height: .4rem; line-height: .4rem;border: solid 1px #d2d2d2 ;font-size: .12rem; color: #343536 ;text-indent: .1rem; margin-top: .1rem}
/* .zx-bj .ipt:nth-child(3){float: right}
.zx-bj .ipt:nth-child(4){float: right} */


.zx-bj .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;}
.dwb0{ background-color: #28577f !important;}
.dwb1{ background-color: #d3d5d6 !important;}

.yzm-box{ width: 100% ; height: .4rem; line-height: .4rem;border: solid 1px #d2d2d2 ; margin: .1rem 0 0 0}
.yzm-box .ipt2{ width: 70% ; height: .4rem; text-indent: .1rem;font-size: .12rem; color: #343536 ;float: left; border: none; font-family: "微软雅黑"}
.yzm-box h3{ width: 30% ; height: .4rem; background-color: #999 ;float: left;}

.submit{ width: 100% ; height: .42rem; line-height: .42rem; background-color: #28577f ; font-size: .14rem; color: #fff ; border: none ; margin: .12rem 0 0 0}








@media screen and (width: 360px) {

}