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


.bka-bj{ width: 100% ; background-color: #ececec ; background-image: url(../images/bka-bj.jpg) ; background-position: bottom center ; background-size: 100% auto; background-repeat: no-repeat; overflow: hidden;}
.bka-c{ width: 92% ; margin: 0 auto ;}
.tit-box{ width: 100% ; height: .28rem; line-height: .24rem; border-bottom: 1px solid #ccc ;text-align: left; margin-bottom: .14rem; padding-top: .2rem; position: relative;}
.tit-box h3{display: inline-block ; font-size: .16rem; color: #4c4c4c ;}
.tit-box h4{display: inline-block ; font-size: .1rem; color: #999 ;text-transform:uppercase; }
.tit-box i{ width: 26% ; height: 3px; background-color: #ff6c00 ; position: absolute; left: 0; bottom: -2px;}


.qhc{ width: 100% ; font-size: 0 ; padding: .0 0 .1rem 0 ; text-align: center;}
.qhc h3{ padding: .04rem .05rem; display: inline-block; font-size: .14rem; text-align: center; color: #959595 ; position: relative; margin:0 .025rem ; border: solid 1px #ff6c00 ; border-radius:.03rem ; -webkit-border-radius:.03rem ; -moz-border-radius:.03rem ; -ms-border-radius:.03rem ; -o-border-radius:.03rem ; }
.qhc h3.on{ background-color: #ff6c00; color: #fff}
.kailong{
    position: absolute; left: 50%; bottom: -5px; margin-left: -2.5px;display: none;
	width:0;
	height:0;
	border-right:5px solid transparent;
    border-left:5px solid transparent;
    border-top:5px solid #ff6c00;
}
.qhc h3.on .kailong{display: block}
.qhc.hd{ white-space: nowrap ; overflow-x: auto;} 


.qhd{ width: 100% ; padding: .07rem 0 0 0 ; overflow: hidden; }
.qhd ul{ width: 100% ;}
.qhd ul li{ width: calc(50% - .05rem) ; float: left; height: 40.6vw; max-height: 259px; border-radius:.04rem; margin-bottom: .08rem; position: relative; -webkit-border-radius:.04rem; -moz-border-radius:.04rem; -ms-border-radius:.04rem; -o-border-radius:.04rem; overflow: hidden; }
.qhd ul li img{ width: 100%; height: 40.6vw; max-height: 259px; }
.qhd ul li h3{ width: 100%; height: .3rem; line-height: .3rem; text-align: center; font-size: .14rem; color: #fff;white-space:nowrap;  text-overflow:ellipsis; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; bottom: 0; overflow: hidden;}
.qhd ul li:nth-child(even){float: right}


.gd-box{ width: 100% ; text-align: center ; padding: .2rem 0}
.gd-box a{ display: inline-block ; border-radius: .03rem; -webkit-border-radius: .03rem; -moz-border-radius: .03rem; -ms-border-radius: .03rem; -o-border-radius: .03rem; border: solid 1px #999 ; font-size: .14rem ;color: #343536; padding: .05rem .3rem }



.bkb-bj{ width: 100% ; background-color: #fff ; overflow: hidden;}
.bkb-c{ width: 92% ; margin: 0 auto ;}
.bkb-c .tt{ width: 100% ; height: 37vw; max-height: 236px; border-radius: .04rem; -webkit-border-radius: .04rem; -moz-border-radius: .04rem; -ms-border-radius: .04rem; -o-border-radius: .04rem; }

.nd-box{ width: 100% ; padding: .15rem 0 0 0}
.nd-box h3{ font-size: .16rem; color: #4c4c4c ; font-weight: bold ; padding-bottom: .04rem}
.nd-box i{ width: .56rem ; height: 2px; background-color: #ff6c00 ; display: inline-block}

.gd{ width: 100% ; border-bottom: 1px solid #ed4f0f; padding: .2rem 0; margin-bottom: .1rem; overflow: hidden;}
.gd ul{ width: 100% ;}
.gd ul li{ width: calc(33.33% - 1px); float: left; border-right: 1px solid #e8e8e8}
.gd ul li h3{ width: 100%; text-align: center ; font-size: .16rem; color: #ed4f0f ;}
.gd ul li h3 span{ font-size: .12rem; color: #808080 ; padding-left: .02rem}
.gd ul li h4{width: 100%; text-align: center ; font-size: .12rem; color: #808080 ; padding-top: .04rem}
.gd ul li:last-child{border: none}
.bkb-c .nr{ width: 100% ; max-height: .8rem; font-size: .14rem ; color: #808080 ; line-height: .2rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden;}

.bkc-bj{ width: 100% ; background-color: #f0f0f0 ; overflow: hidden;}
.bkc-c{ width: 92% ; margin: 0 auto ;}

.picScroll{width:100%; padding:.08rem 0 .25rem 0;  position: relative; }
.picScroll .bd ul{ width:100%;  float:left; }
.picScroll .bd li{  width:calc(48% - .2rem); padding: .1rem; float:left; font-size:14px;  background-color: #fff ;  position: relative;}
.picScroll .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.picScroll .bd li img{
     width:100%;
     height: 21.4vw;
    max-height: 136px;}
.picScroll li h3{ width: 100% ; height: .4rem; line-height: .2rem; font-size: .14rem; color: #4c4c4c; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-bottom: .07rem; overflow: hidden;}
.picScroll li p{ width: 100% ; height: .54rem; line-height: .18rem; font-size: .12rem; color: #4c4c4c; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; margin-bottom: .07rem; margin-top: .06rem; overflow: hidden;}
.picScroll li h4{ font-size: .12rem; color: #ed4f0f}

.picScroll .hd{ width:100%;overflow:hidden; text-align:center; padding-top:.32rem; }
.picScroll .hd ul{width: 100%; height:20px;text-align: left;padding:0;  }	
.picScroll .hd li{display: inline-block; width:27px; height:2px; background-color: #b4b4b4; margin:0 5px; overflow:hidden; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; }
.picScroll .hd .on{ background:#ed4f0f;  }
.picScroll .bd li:nth-child(even){ float:right; } 

.picScroll .gd-box{ height: 0; position: absolute; right: 0 ; bottom: .36rem; text-align: right} 


.bkd-bj{ width: 100% ; background-color: #fff ; overflow: hidden;}
.bkd-c{ width: 92% ; margin: 0 auto ;}

.news{ width: 100% ;}
.news ul{ width: 100% ;}
.news ul li{ width: 100% ; border-bottom: 1px solid #d5d5d5 ; padding: .1rem 0; overflow: hidden;}
.news ul li img{ width: 1.236rem; height: .694rem;float: left;}
.news ul li .nr{ width: calc(100% - 1.336rem) ;float: right;}
.news ul li .nr h3{ width: 100% ; font-size: .14rem; color: #4c4c4c ; max-height: .4rem ; line-height: .2rem ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-bottom: .06rem; overflow: hidden;}
.news ul li .nr h4{ width: 100% ; height: .2rem; font-size: .12rem; line-height: .2rem; color: #4c4c4c; background: url(../images/sj.png) no-repeat right center; background-size: .14rem auto}
.news ul li.noa img{display: none}
.news ul li.noa .nr{ width: 100% ;}
.news ul li.noa .nr h3{margin-bottom: .12rem;}


.bke-bj{ width: 100% ; background: url(../images/bkd-bj.jpg) repeat left top; background-size: 100% auto; overflow: hidden;}
.bke-c{ width: 92% ; margin: 0 auto ;}
.list{ width: 100% ; padding: .08rem 0 .06rem 0; overflow: hidden;}
.list ul{ width: 100% ;}
.list ul li{ width: calc(33.33% - .1rem) ;float: left; height: .26rem;margin-right: .1rem ; margin-bottom: .07rem}
.list ul li img{ width: 100% ; height: auto;}

.bkf-bj{ width: 100% ; height: .85rem; background: url(../images/bkf-bj.jpg) no-repeat ; background-size: cover ; text-align: center; overflow: hidden;}
.bkf-bj a{ width: 100% ; height: 100%; display: block}
.bkf-bj h4{ font-size: .13rem; color: #fff ;line-height: .14rem ; margin: .17rem 0 .12rem 0}
.bkf-bj h5{ display: inline-block ; border: solid 1px #fff ; font-size: .12rem; color: #fff; padding: .04rem .15rem;}

.foot-bj{ width: 100%  ; background-color: #262626 ; margin-bottom: .52rem}
.copy{ width: 100% ; text-align: center ; border-top: 1px solid #3c3c3c ; font-size: .08rem ;color: #575757; text-align: center ; padding: .07rem 0}
.copy a{ font-size: .08rem ;color: #575757; }

.foot-c{ width: 92%; margin: 0 auto ; position: relative;}
.foot-c .ndg{ width: .9rem ; height: auto; margin: .12rem 0 .02rem 0}
.foot-c h4{ font-size: .1rem; color: #939393 ; margin-top: .06rem}
.foot-c .pho{ width: 1.9rem ; height: auto; margin: .1rem 0}
.yq-box{ width: 1.9rem ; border-top: 1px solid #3c3c3c ; padding: .1rem 0 0 0; overflow: hidden;}
.yq-box h3{ line-height: .14rem; font-size: .1rem; color: #939393 ;float: left;}
.yq-box .aa{ width: calc(100% - .62rem) ;float: left; overflow: hidden;}
.yq-box a{float: left; height: .12rem ; line-height: .12rem; font-size: .1rem; color: #939393 ; border-right: 1px solid #939393; padding: 0 .06rem ; margin-bottom: .1rem}

.ewm{ width: .6rem ; position: absolute;right: 0; top: .26rem}
.ewm img{ width: 100% ;  height: .6rem}
.ewm h5{ width: 100% ; font-size: .1rem ; color: #aaa ; text-align: center ; padding-top: .03rem}

.mm2{ width: .6rem ; position: absolute;right: 0; top: 1.2rem}



@media screen and (width: 360px) {
    .qhc h3{ margin: 0 .07rem}
}