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


/*banner*/
.slideBox{ position:relative; width:100%;  height:auto; margin: .52rem 0 0 0; overflow:hidden;}
.slideBox .hd{ position:absolute; width:98%; height:14px; line-height:14px; bottom:12px; right:2%; z-index:1; text-align:center;}
.slideBox .hd li{ display:inline-block; width:8px; height:8px;  -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background-color: #fff; text-indent:9999px; overflow:hidden; margin:0 5px;/* opacity:0.4 ;*/}
.slideBox .hd li.on{ width:12px; height:12px;   border: solid 2px #a40000 ; background: none; position: relative; top: 3px}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative;  }
.slideBox .bd li img{ width:100%;  height:auto; display:block; height: 48.4vw;  max-height: 309px }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  }
/*bannered*/ 



.main{ width: 96% ; background-color: #fff ; padding: 0 2% ; overflow: hidden;}
.bt-box{ width: 100% ; background: url(../images/tt-bj.png) no-repeat left bottom; background-size: 100% auto ; position: relative; padding: .13rem 0 0 0; overflow: hidden;}
.bt-box .tt1{ width: .4rem ; height: auto; float: left;}
.bt-box h3{ font-size: .12rem; color: #949494;float: left;margin: .05rem 0 0 0}
.bt-box h3 span{ font-size: .16rem; color: #982e2e ; font-weight: bold; padding-right: .02rem}
.bt-box a{ font-size: .12rem; color: #5c5c5c; border: solid 1px #5c5c5c; border-radius: .03rem; padding: .03rem .05rem ;float: right; margin: .03rem 0 0 0}
.bt-box a:hover{ color: #982e2e; border: solid 1px #982e2e}

.text-box{ width: 100% ; padding: .08rem 0 0 0}
.text-box .ben{ width: 100% ; background: url(../images/abot-bj.jpg) repeat ; background-size: 100% auto;}
.text-box .ben p{ font-size: .14rem; line-height: .2rem; color: #868686 ;text-align:justify; min-height: .4rem}
.text-box .tu{ width: 100% ; height: 33.7vw; max-height: 215.6px; margin: .1rem 0 0 0}

.scale-bj{ width: 100% ; background-color: #e5e5e5 ; margin: .1rem 0 0 0}
.scale-bj ul{ width: 89% ; margin: 0 auto ; padding: .1rem 0 .02rem 0} 
.scale-bj ul li{width:calc(50% - 1px); height: .63rem; float: left; border-right: 1px solid #bfbcb6 ;text-align: center; margin-bottom: .09rem; padding: .1rem 0 0 0 }
.scale-bj ul li a{width:calc(100% - 4px); height: .68rem; border-bottom: 1px solid #bfbcb6 ; display: block;}
.scale-bj ul li h3{ width: 100%; text-align: center; font-size: .12rem;color: #7b7b7b ; position: relative; } 
.scale-bj ul li h3 span{ font-size: .18rem; color: #982e2e; font-weight: bold; padding-right: .03rem;}
.scale-bj ul li h3 i{ font-style: normal ; font-size: .12rem;  color: #982e2e; position: relative; top: -.08rem; }
.scale-bj ul li h4{ line-height: .17rem; font-size: .14rem; color: #7b7b7b ;}
.scale-bj ul li:nth-child(even){float: right}
.scale-bj ul li:nth-child(2) a{ margin-left: 4px;}
.scale-bj ul li:nth-child(3) a{ border-bottom: none}
.scale-bj ul li:nth-child(4) a{ border-bottom: none}
.scale-bj ul li:nth-child(2){ border-right: none}
.scale-bj ul li:nth-child(4){ border-right: none}
.scale-bj ul li:nth-child(2) h3 i{position: relative; top: -.13rem; left: -.25rem;}
.scale-bj ul li:nth-child(1) h4{ position: relative; top: .1rem}
.scale-bj ul li:nth-child(3) h4{position: relative; top: .1rem}
.scale-bj ul li:nth-child(4) h4{position: relative; top: .1rem}


.gd-bj{ width: 100% ; background-color: #e5e5e5; margin: .1rem 0 0 0; overflow: hidden;}
.dg-l{ width: 11% ;height: 1.26rem ; background-color: #982e2e; float: left; text-align: center;}
.dg-r{ width: calc(100% - 11% - .05rem);float: left; overflow: hidden;}
.hdt{ width: 100% ; margin-top: .13rem; margin-left: .05rem;}
.hdt ul{ white-space: nowrap;overflow-x: auto; font-size: 0; }
.hdt ul li{ width: 1.24rem ; display: inline-block ; margin: 0 .06rem 0 0 }
.hdt ul li a{ width: 100% ; display: block}
.hdt ul li img{width: 100% ;height: .826rem;}
.hdt ul li h4{ width: 100% ; height: .28rem; line-height: .28rem; font-size: .14rem; color: #7b7b7b ;white-space:nowrap;  text-overflow:ellipsis;text-align: center; overflow: hidden;}
.hdt ul li:hover h4{ color: #c32e29}

.dg-l img{ width: .15rem ; height: auto; margin: .13rem 0 .05rem 0}
.dg-l h4{ width: .16rem; font-size: .16rem; line-height: .18rem; font-weight: bold ; color: #fff ; margin-left: .09rem}
.kl img{ width: .19rem ; height: auto; margin: .16rem 0 .06rem 0; position: relative; left: -.02rem;}


.Section_box{ width:100%; overflow:hidden;}
.Section_box ul{ width:100%; }
.Section_box ul li{ width:100%; border-bottom: 1px solid #eee ; padding: .1rem 0 .1rem 0; border-bottom: 1px solid #eee; overflow:hidden;}
.Section_box ul li a{ width:100%; background-color: #eee ; display:block; position:relative;}
.Section_box ul li img{width: 1.15rem; height: 0.77rem;float: left;}
.Section_box ul li .rig{ width: calc(100% - 1.35rem); height: 0.77rem;  float: right; margin-right: .1rem; position:relative}
.Section_box ul li .rig h3{width: 100%; height: 0.36rem;line-height: 0.18rem; font-size: 0.14rem; color: #3a302b; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-top: .07rem; overflow: hidden;}
.Section_box ul li .rig h4{ width: 100% ; height: .2rem; line-height: .2rem ; background: url(../images/jt1.png) no-repeat right center ; background-size: .18rem auto ; font-size: .12rem ; color: #949494; margin-top: .1rem; }
.Section_box ul li .rig h4 span{ color: #d6d6d6; padding-left: .03rem;}
.Section_box ul li:hover .rig h3{ color: #c32e29}
.Section_box ul li:last-of-type{ border: none; padding-bottom: 0}

.Section_box ul li.noa img{ display: none}
.Section_box ul li.noa .rig{ width: calc(100% - .2rem) ; margin: 0; padding: 0 .1rem}
.bt-box h3 i{font-size: .12rem;color: #949494;float: left; font-style: normal}

.footer{ width: 100% ; height: 2.54rem;  background: url(../images/foot.jpg) no-repeat; background-size: cover ; max-width: 640px; margin: 0 auto; }
.fx-box{ width: 96%; margin: 0 auto; text-align: center; background: url(../images/btx.png) no-repeat left bottom; background-size: 100% auto; padding: .22rem 0 .16rem 0; margin-bottom: .1rem}
.fx-box img{ width: 34.5% ; height: auto}
.footer h5{ width: 96%; margin: 0 auto; font-size: .12rem; color: #f2b4b4 ;text-align: center ; margin-bottom: .03rem;}

.liuc-box{ width: 100% ; overflow: hidden; padding: .06rem 0 0 0}
.liuc-box img{ width: 100%; height: auto}

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

}