.contact-sec-bk01 {  padding:0.68rem 0px 0px; }
.contact-sec-bk01 .page-sub { color:#2b2b2b; padding:0.23rem 17%; line-height:1.875;  }
.contact-sec-bk01 .page-list ul { margin:0px -0.17rem; }
.contact-sec-bk01 .page-list ul li { width:33.33%; position:relative; margin-top:0.34rem; }
.contact-sec-bk01 .page-list ul li .page-con { margin:0px 0.17rem; overflow:hidden;  padding-bottom:0.94rem;position:relative; z-index:2; }
.contact-sec-bk01 .page-list ul li .page-con:before { position:absolute; left:0px; top:0px; width:100%; content:""; background:#dcdcdc; height:0.04rem; }
.contact-sec-bk01 .page-list ul li .page-con:after { position:absolute; left:-100%; top:0px; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; width:100%; content:""; background:#d0121b; height:0.04rem; }
.contact-sec-bk01 .page-list ul li .page-con:hover:after { left:0px; }
.contact-sec-bk01 .page-list ul li:before { position:absolute; box-shadow:0px 0px 10px rgba(0,0,0,0.1); content:""; left:0.17rem; top:0px; height:100%; bottom:0px; right:0.17rem; }

.contact-sec-bk01 .page-list .page-subtit { height:1.1rem; padding:0.04rem 0.3rem 0px; background:url(../images/contact-sec-bk01-libg01.jpg) no-repeat center center; background-size:cover; }
.contact-sec-bk01 .page-list .page-subtit .page-ico { width:0.7rem; height:0.7rem; position:relative; background:#fff; border-radius:50%; }
.contact-sec-bk01 .page-list .page-subtit .page-ico img { max-height:55%; max-width:55%; }
.contact-sec-bk01 .page-list .page-subtit .page-txt { padding-left:0.22rem; }
.contact-sec-bk01 .page-list .page-text { padding:0.3rem 0.4rem 0.12rem; }
.contact-sec-bk01 .page-list .page-text dl dt { color:#2b2b2b; }
.contact-sec-bk01 .page-list .page-text dl dd { padding-top:0.03rem; padding-bottom:0.15rem; }
.contact-sec-bk01 .page-list .page-text dl dd a {  min-width:49%; display:inline-block;color:#006ec2; text-decoration:underline;  }
.contact-sec-bk01 .page-list .page-text dl dd a img { vertical-align:middle; height:0.2rem; margin-right:0.1rem; position:relative; top:-1px; }
.contact-sec-bk01 .page-list .page-text dl dd span { color:#2b2b2b; display:block; padding-top:0.08rem;  }

.contact-sec-bk01 .page-list .page-ft { position:absolute; left:0.57rem; padding-top:0.26rem; height:0.94rem; bottom:0px; right:0.57rem; border-top:1px solid #eee;  }
.contact-sec-bk01 .page-list .page-ft .page-time img { vertical-align:middle;height:0.2rem; margin-right:0.1rem; position:relative; top:-1px;  }
.contact-sec-bk01 .page-list .page-ft .page-time-con span { display:inline-block; color:#2b2b2b; }
.contact-sec-bk01 .page-list .page-ft .page-time-con p:first-child +p { padding-top:0.1rem; }

.contact-sec-bk01 .page-code { padding:0px; position:relative; }
.contact-sec-bk01 .page-code  .code-img { padding:0.4rem 0px 0.4rem; width:3.04rem;  }
.contact-sec-bk01 .page-code  .page-img img { width:7.556em; }
.contact-sec-bk01 .page-code  .tab-conimg p  { padding-top:0.12rem; }
.contact-sec-bk01 .page-code .page-code-nav { width:8.625em;  }
.contact-sec-bk01 .page-code .page-code-nav .tab-a img { display:none; width:1.1875em; vertical-align:middle; position:relative;top:-1px; margin-right:0.625em; }
.contact-sec-bk01 .page-code .page-code-nav .page-code-nav-con { width:100%; line-height:2.5; }
.contact-sec-bk01 .page-code .page-code-nav .tab-a .img01 { display:inline-block; }
.contact-sec-bk01 .page-code .page-code-nav .tab-a { padding-left:1.5em; cursor:pointer; position:relative; }
.contact-sec-bk01 .page-code .page-code-nav .tab-a.on { background:#f6f6f7; }
.contact-sec-bk01 .page-code .page-code-nav .tab-a.on:before { position:absolute; left:-1px; top:0px; height:100%; background:#d0121b; width:2px; content:""; }
.contact-sec-bk01 .page-code .page-code-nav .tab-a.on .img01 { display:none; }
.contact-sec-bk01 .page-code .page-code-nav .tab-a.on .img02 { display:inline-block; }

.contact-sec-bk01 .page-list ul li.li01 .page-con { padding-bottom:1.52rem; }
.contact-sec-bk01 .page-list ul li.li01 .page-ft {height:1.52rem; }
.contact-sec-bk01 .page-list ul li.li01 .page-ft .page-time-con p { margin-right:-0.5rem; }
.contact-sec-bk01 .page-list ul li.li01 .page-text dl dd a,
.contact-sec-bk01 .page-list ul li .page-text dl dd a.textnone { color:#2b2b2b; text-decoration:none; }

.contact-sec-bk01 .page-list ul li.li02  .page-con { padding-bottom:0px; }
.contact-sec-bk01 .page-list ul li.li02:after { position:absolute; margin-right:0.17rem; top:0px; content:""; bottom:0px; right:8.625em; width:1px; height:100%; background:#eee; }

.contact-sec-bk01 .page-code .swiper-container { width:100%; }


@media only screen and (max-width:1050px) {
.contact-sec-bk01 .page-list ul li.li01 .page-ft { display:block; height:2.12rem; }	
.contact-sec-bk01 .page-list ul li.li01 .page-ft .page-time { width:100%;  }
.contact-sec-bk01 .page-list ul li.li01 .page-ft .page-time-con { width:100%; }
.contact-sec-bk01 .page-list ul li.li01 .page-con { padding-bottom:2.12rem; }
}
@media only screen and (max-width:1000px) {
.contact-sec-bk01 .page-sub {padding:0.23rem 5%;  }
}
@media only screen and (max-width:900px) {
.contact-sec-bk01 .page-list ul li { width:50%; }
.contact-sec-bk01 .page-list ul li.li02:after  { right:10em; }
.contact-sec-bk01 .page-code .page-code-nav { width:10em;  }


}
@media only screen and (max-width:750px) {
.contact-sec-bk01 { padding-top:0.5rem; }	
.contact-sec-bk01 .page-list ul li { width:100%; }
.contact-sec-bk01 .page-sub {padding:0.23rem 0px;  }

}



.contact-sec-bk02 { padding:0.72rem 0px 0.86rem; }
.contact-sec-bk02 .page-list { position:relative; padding-bottom:1.18rem; }
.contact-sec-bk02 .page-list ul li { width:48.7857%; padding:0.24rem 0.5rem 0.24rem; margin-top:0.34rem; overflow:hidden; position:relative; border:1px solid #dcdcdc; border-top:none;  }
.contact-sec-bk02 .page-list ul li:before { position:absolute; left:0px; top:0px; width:100%; content:""; background:#dcdcdc; height:0.04rem; }
.contact-sec-bk02 .page-list ul li:after { position:absolute; left:-100%; top:0px; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; width:100%; content:""; background:#d0121b; height:0.04rem; }

.contact-sec-bk02 .page-list ul li:hover:after { /*left:0px;*/ }

.contact-sec-bk02 .page-list ul li .page-ico { width:1rem; height:1.36rem; position:relative; }
.contact-sec-bk02 .page-list ul li .page-ico img { max-height:100%; max-width:100%; display:none; }
.contact-sec-bk02 .page-list ul li .page-ico .img01 { display:inline-block; }
.contact-sec-bk02 .page-list ul li:hover .page-ico .img01 { display:none; }
.contact-sec-bk02 .page-list ul li:hover .page-ico .img02 { display:inline-block; }

.contact-sec-bk02 .page-list ul li dl { padding-left:0.2rem; padding-top:0.17rem; }
.contact-sec-bk02 .page-list ul li dl dt { padding-bottom:0.02rem; }
.contact-sec-bk02 .page-list ul li dl dd { padding-left:0.34rem; margin-top:0.14rem; position:relative; }
.contact-sec-bk02 .page-list ul li dl dd img { position:absolute; left:0px; height:0.22rem; top:1px; }


.contact-sec-bk02 .layui-flow-more { position:absolute; left:0px; bottom:0px; width:100%; }
.contact-sec-bk02 .layui-flow-more a { font-size:0.15rem; line-height:0.42rem; overflow:hidden; height:auto; display:inline-block; position:relative;border-radius:0.22rem;  }
.contact-sec-bk02 .layui-flow-more a:before { position:absolute; left:-100%; top:0px; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; width:100%; content:""; background:#d0121b; height:100%; bottom:0px; }
.contact-sec-bk02 .layui-flow-more a cite {min-width:1.6rem; border:1px solid #d0d0d0; color:#2b2b2b; background:none; border-radius:0.22rem; }
.contact-sec-bk02 .layui-flow-more a:hover:before { left:0px; }
.contact-sec-bk02 .layui-flow-more a:hover cite { color:#fff; border-color:transparent; }


@media only screen and (max-width:1400px) {
.contact-sec-bk02 .page-list ul li dl dd img  { top:2px; }
}
@media only screen and (max-width:1200px) {
.contact-sec-bk02 .page-list ul li dl dd img  { top:3px; }
}
@media only screen and (max-width:900px) {
.contact-sec-bk02 .page-list ul li dl dd img  { top:4px; }
}

@media only screen and (max-width:750px) {
.contact-sec-bk02 { padding:0.5rem 0px 0.5rem; }
.contact-sec-bk02 .page-list ul li  { width:100%; }

}