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

.main-bj{ width: 100% ; margin: 0 0 .78rem 0}
.main-c{ width: 92% ; margin: 0 auto}
.xl-bj{ width: 100% ;height: .4rem ; line-height: .4rem ; background-color: #ff6c00 ; position: relative;z-index: 88;}
.xl-bj h3{ line-height: .4rem; font-size: .16rem ;color: #fff ; margin-left: 4%}
.xl-bj h4{width: .4rem ; height: .4rem; background: url(../images/down.png) no-repeat center center; background-size: .2rem auto; position: absolute;right: 0;top: 0}
.xl{ width: 100% ; height: calc(100vh - .92rem - 60vw); background: rgba(0, 0, 0, 0.4) ;position: absolute; left: 0%; top: .4rem ;display: none; overflow-y: auto;z-index: 166;}
.xl ul{ width: 100% }
.xl ul li{ width: 92% ;padding: .08rem 4% ; background-color: #fff4ec; border-bottom: 1px dashed #d2d2d2 ;}
.xl ul li a{ width: 100% ;display: block; height: 100%; font-size: .14rem; color: #6a6a6a}
.xl ul li:last-child{border: none}
.xl-bj h4.on{background: url(../images/up.png) no-repeat center center; background-size: .2rem auto;}


.qhd{ width: 100% ; padding: .15rem 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}


.fy-box{ width: 100% ; padding: .14rem 0 0 0 }
.pagelable{ width: 94% ; margin: 0 auto}
.pageCustom{ width: 100%}
.up{ width: .8rem; height: .34rem; line-height: .34rem;display: block; text-align: center; float: left; }
.pageCustom_Pre_Disable{width: 100%;
  height: .34rem; border-radius:.04rem; 
  line-height: .34rem;  font-size: .14rem; color: #ff6c00; border: solid 1px #9f9d9d ;display: block}
.dow{ width: .8rem; height: .34rem; line-height: .34rem; background-color: #fff;display: block;text-align: center; float: right;}
.pageCustom_Next_Disable{width:100%;
  height: .34rem;  border-radius:.04rem; 
  line-height: .34rem;  font-size: .14rem; color: #ff6c00; border: solid 1px #9f9d9d;display: block}
.pageCustom_Prompt{  height: .34rem; line-height: .34rem; display: inline-block; text-align: center;}
.pageCustom_Prompt span{ font-size: .12rem; color: #a0a0a0;}
.pageCustom_Prompt strong{ font-size: .18rem; color: #ff6c00;}


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


.nam-box{ width: 100%;padding: .06rem 0 .06rem 0 ; position: relative;  overflow: hidden;}
.nam-box h3{ width: .5rem; height: .42rem; line-height: .42rem; font-size: .14rem; color: #4c4c4c;float: left; }
.nam-box h3 span{color: #9d1717 ; font-size: .12rem}
.nam-box .ipt{ width: calc(100% - .52rem) ; height: .42rem ; line-height: .42rem; text-indent: .1rem; font-size: .14rem; color: #9a3e3c; border: solid 1px #cdd2d4; background: none; float: left; border-radius:.03rem ;  }

.nam2{ height: 1.22rem;}
.nam2 .textarea{ width: calc(100% - .52rem) ; height: 1rem ; padding: .1rem 0; line-height: .2rem; text-indent: .1rem; font-size: .14rem; color: #9a3e3c; border: solid 1px #cdd2d4; background: none; float: left; border-radius:.03rem ; }

.nam3 .ipt{ width: 1.4rem ;}
.nam3 h4{ width: .8rem; height: .44rem; background-color: #000 ;float: left; margin-left: .1rem}

.submit{ width: 100% ; text-align: center ; padding: .18rem 0 0 0}
.submit .smt{ width: 100% ; height: .4rem ; line-height: .4rem; text-align: center ; font-size: .14rem; color: #fff; background-color: #ff6c00 ; border-radius: .04rem; -webkit-border-radius: .04rem; -moz-border-radius: .04rem; -ms-border-radius: .04rem; -o-border-radius: .04rem; border: none}


.tj-b{ width: 100% ; border-bottom: 1px solid #d2d2d2 ; padding: .2rem 0 .06rem 0}
.tj-b h3{ line-height: .2rem; font-size: .16rem; color: #4c4c4c; background: url(../images/che.png) no-repeat left center ; background-size: .2rem auto; padding-left: .24rem;}
.titel-box{ width: 100% ; border-bottom: 1px dashed #bfbaba; padding: .72rem 0 .05rem 0 ;}
.titel-box h3{ width: 100%; text-align: center; font-size: .16rem; color: #565656; margin-bottom: .12rem}
.titel-box h4{ width: 100%; text-align: center; font-size: .12rem; color: #999;}


.nr-box{ width: 100%;  font-size: .14rem ; color: #999 ; line-height: 0.22rem; padding: 0.08rem 0 0.14rem 0;text-align:justify; margin-bottom: .15rem;overflow: hidden;border-bottom: 1px dashed #d2d2d2 ; }
.nr-box img{ max-width: 100% !important ; height: auto !important }
.nr-box p{ margin: 16px 0 !important;}

.gd-box{ width: 100% ; text-align: center ; padding: .1rem 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; background-color: #ff6c00; font-size: .14rem ;color: #fff; padding: .08rem .27rem }

.table{ width: 100% ; border: solid 1px #ecc999; margin: .2rem 0 0 0}
.table thead tr td{ font-size: .18rem; background-color: #ff6c00; text-align: center; color: #fff;  padding: .12rem 0}
.table tbody tr td{ font-size: .14rem; background-color: #fff ; border-right: 1px solid #ecc999;border-bottom: 1px solid #ecc999; color: #442100 ; padding: .08rem 0}
.table tbody tr .td1{ width: 33%;text-align: right; padding-right: .05rem}
.table tbody tr .td2{ padding: .08rem .04rem}
.table tbody tr:nth-child(even) td{ background-color: #fff0da ;}

.mmp-bj{ width: 100% ; margin: .2rem 0 0 0; box-shadow: 0 0 12px 2px #e2e1e0}
.mmp-bj img{ width: 100% ; height: auto;}

@media screen and (min-width: 640px) {

}