@charset "utf-8";
/* CSS Document */

body{ background-color: #fff ; }
.main-bj{width: 100% ; margin: .52rem 0 .52rem 0; background-image: url(../images/cybj.jpg) ; background-repeat: no-repeat; background-position: center bottom ; background-size: 100% auto; height: calc(100vh - 1.04rem); overflow-y: auto }
.main-box{ width: 94% ; margin: 0 auto;}

.qhr{ width: 100% ; border-bottom: 2px solid #dfdfdf ; font-size: 0;  padding: .16rem 0 0 0; position: relative; }
.qhr h3{ height: .22rem; line-height: .22rem; font-size: .16rem; color: #3e3e3e; display: inline-block; margin-right: .18rem; position: relative; bottom: -2px; padding: 0 .03rem}
.qhr img{  position: absolute;right: 0; bottom: .05rem; width: .2rem}
.qhr h3.on{ border-bottom: 2px solid #ac0909 ; color: #ac0909;}

.pic-box{ width:100%; padding-top: .16rem; padding-bottom: .1rem; overflow: hidden;}
.pic-box ul{ width:100%;  }
.pic-box li{ width:calc(50% - .05rem); float:left;text-align:center; margin-bottom: 0.13rem;  }
.pic-box li a{  width:100%;  display: block; position: relative;}
.pic-box li img{ width:100%;  height: 30.5vw; max-height: 195px }
.pic-box li h3{ width:calc(100% - .06rem); padding: 0 .03rem; height:.26rem; line-height:.26rem;  font-size:0.14rem; color:#3e3e3e; text-align:center;  white-space:nowrap;  text-overflow:ellipsis; overflow:hidden; z-index: 9;}
.pic-box li h3 span{ font-size:0.14rem; color:#3e3e3e; padding-left: .05rem}
.pic-box ul li:nth-child(even){ float:right;} 


.Section_box2{ width:100%;overflow:hidden;padding-bottom: .1rem;}
.Section_box2 ul{width:100% ;padding-bottom:0.05rem; padding-top: .05rem;}
.Section_box2 ul li{ width:100%;border-bottom:1px dashed #a5a6ac; padding: .1rem 0; overflow:hidden;}
.Section_box2 ul li a{ width:100%; display:block; position:relative;}
.Section_box2 ul li img{width: 1.1rem;  height: .72rem;   float: left;}
.Section_box2 ul li .rig{ width: calc(100% - 1.2rem);  float: right; position:relative}
.Section_box2 ul li .rig h3{  width: 100%; height:.4rem;line-height:0.2rem; font-size:0.14rem; color:#3e3e3e; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;}
.Section_box2 ul li .rig .tm{ width: 100%; height: .2rem;margin-top: .1rem}
.Section_box2 ul li .rig .tm h4{float: left; height: .2rem; line-height: .2rem; font-size: .12rem; color: #a5a6ac; }
.Section_box2 ul li .rig .tm h5{float: right; height: .2rem; line-height: .2rem; font-size: .12rem; color: #a5a6ac; background: url(../images/ti.png) no-repeat left center; background-size: .14rem auto;padding-left: .16rem}

.Section_box2 ul .noa .rig{ width: 100%;}
.Section_box2 ul .noa img{ display: none}
/* .Section_box2 ul li:last-of-type{ border: none} */


.nw{ width: 100% ;padding-bottom: .1rem; }
.nw ul{ width: 100% ;}
.nw ul li{ width: 100% ; padding: .11rem 0; border-bottom: 1px dashed #a5a6ac ; overflow: hidden;}
.nw ul li h3{ width: calc(100% - .64rem) ; height: .16rem; line-height: .16rem; font-size: .14rem; color: #3e3e3e;white-space:nowrap;  text-overflow:ellipsis;float: left; overflow: hidden;}
.nw ul li h4{ width: .5rem;height: .16rem; line-height: .16rem;  font-size: .12rem; color: #a5a6ac ;float: right ;text-align: right; overflow: hidden;}
.nw ul li:last-child{ border: none;}


.chuang{ width: 100% ; border-bottom: 1px solid #d6d6d6 ; padding: .15rem 0 .05rem 0}
.chuang h2{ width: 100%; font-size: .16rem; color: #b20607; margin-bottom: .08rem}
.chuang h6{width: 100%; height: .2rem;}
.chuang span{ height: .2rem;line-height: .2rem; font-size: .12rem; color: #a5a6ac; display: block;}
.chuang .sp1{float: left;}
.chuang .sp2{float: left;background: url(../images/ti.png) no-repeat left center;
    background-size: .14rem auto; padding-left: .16rem; margin-left: 15%}
.chuang .sp3{float: right;background: url(../images/xx.png) no-repeat left center;
  background-size: .14rem auto; padding-left: .16rem;}

.nr-box3{ width: 100%; line-height: .2rem; font-size: .14rem; color: #656565;text-align: justify; padding: .1rem 0;border-bottom: 1px solid #d6d6d6 ; overflow: hidden;}
.nr-box3 p{ margin: 16px 0}
.nr-box3 img{max-width: 100% !important ; height: auto !important;}

.page{ width: 100% ; padding: .1rem 0 }
.page h3{ width: 100% ; height: .2rem; line-height: .2rem;font-size: .14rem; color: #1b3357 ;white-space:nowrap;  text-overflow:ellipsis; overflow: hidden; margin-bottom: .1rem}
.page h3 a{width: calc(100% - .5rem) ; height: .2rem; line-height: .2rem;  font-size: .14rem; color: #1b3357}
.page h3:hover{ color: #c26d1c}
.page h3:hover a{ color: #c26d1c}



