@charset "utf-8";
.tit { width: 100%; height: auto }
.tit h3 { text-align: center; line-height: 150%; font-size:.3rem;
color: #53606d; font-weight: 100 }
.tit p { text-align: center; line-height: 120%; font-size:.18rem;
color: #adbbca }
.jbdh { width: 100%; height: auto }
.jbdh .jbdh1 { width: 1.5rem; height: 100%; overflow: hidden }
.jbdh .jbdh2 { width: 4.8rem }
.jbdh { box-sizing: border-box }
.jbdh div { box-sizing: border-box }
.jbdh .jbdh2 .ul1 { width: 100%; height: 1.7rem }
.jbdh .jbdh2 .ul1 li { width: 1.6rem; box-sizing: border-box; height: 50px; float: left; text-align: center; line-height: 50px; }
.jbdh .jbdh2 .ul1 li a { font-size: 14px; color: #7c8a95 }
.jbdh .jbdh2 .jb1p1 { width: 100%; height:.5rem;
line-height:.5rem;
font-size: 16px; color: #8a929a; text-align: center; float: left }
.jbdh .jbdh2 .jb1p1 span { color: red }
.jbdh .jbdh2 .jb1p1 .icon { transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transition: transform .5s }
.jbdh .jbdh2 .on .icon { transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transition: transform .5s }
.jbdh .jbdh1>p img { width: 1rem; height: auto; display: block; margin: 0 auto; margin-top:.3rem
}
.jbdh .jbdh1>p { text-align: center; font-size: 16px; color: #687885; line-height: 200% }
.jbdh .jbdh1>p:nth-of-type(2) { text-align: center; font-size: 16px; color: #687885; line-height: 200%; width: 100%; height: 32px; overflow: hidden }
.jbdh .jbdh1>p a { text-align: center; font-size: 16px; color: #687885; line-height: 200% }
.indexlb { width: 100%; height: 5.4rem; padding:.4rem .2rem;
box-sizing: border-box; background: #ebf4fb }
.indexlb .twlb { width: 100%; height: 1.35rem }
.indexlb .twlb .d1 { width: 2.4rem; height: 1.35rem; overflow: hidden }
.indexlb .twlb .d1 img { width: 100%; display: block }
.indexlb .twlb .d2 {  height: auto }
.indexlb .twlb .d2 h3 { width: 100%; height:.4rem;line-height:.4rem;overflow: hidden; font-size:.2rem;color: #545f6a; overflow: hidden; text-align:center;}
.indexlb .twlb .d2 h3 a {
font-size:.2rem; color: #545f6a }
.indexlb .twlb .d2 p { width: 100%; height:.85rem;
line-height: 180%; overflow: hidden; font-size: 14px; color: #545f6a; overflow: hidden }
.indexlb>ul>li { width: 100%; height:.6rem;
background: #fff; -moz-border-radius:.1rem;
-webkit-border-radius:.1rem;
border-radius:.1rem;
line-height:.4rem;
padding:.1rem;
box-sizing: border-box; margin-top:.2rem;
overflow: hidden }
.indexlb>ul>li a { font-size: 14px; color: #4e5965 }
.indexlb .icon {
font-size:.24rem; color: #4e5965 }
.zjtd { width: 100%; height:.35rem;
background: #f6f6f8; border-top: 1px solid #cbcbcb }
.zjtd p {
font-size:.2rem; color: #9aa6b2; line-height:.35rem;
text-align: center }
.sysp { width: 100%; height: 5.9rem; background: #eee; padding:.5rem;
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
.sysp .spbfq { width: 100%; height: 2.9rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius:.1rem;
-webkit-border-radius:.1rem;
border-radius:.1rem;
border:.05rem solid #000;
overflow: hidden }
.sysp .al { display: block; width: 3.05rem; height:.6rem;background: #205dad; color: #fff; line-height:.6rem;text-align: center; font-size:.26rem;margin: 0 auto; -moz-border-radius:.3rem;-webkit-border-radius:.3rem;border-radius:.3rem}
.pd_top6 { width: 100%; height: auto; position: relative }
.pd_top6 .slideBox2 { width: 100%; height: auto; overflow: hidden; position: relative }
.pd_top6 .slideBox2 .hd { width: 1.2rem; height:.2rem;
overflow: hidden; position: absolute; margin-left:-.6rem;
left: 50%; bottom:.2rem;
z-index: 1 }
.pd_top6 .slideBox2 .hd ul li { float: left; width:.2rem;
height:.2rem;
background: #ccc; margin-left:.2rem;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50% }
.pd_top6 .slideBox2 .hd ul li.on { background: #6d97cd }
.pd_top6.slideBox2 .bd { position: relative; height: auto; z-index: 0 }
.pd_top6 .slideBox2 .bd li { zoom: 1; height: auto }
.pd_top6 .slideBox2 .bd img { width: 100%; height: auto; display: block }
.pd_top6 .slideBox2 .prev, .pd_top6 .slideBox2 .next { position: absolute; left: 6%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: .5 }
.pd_top6 .slideBox2 .next { left: auto; right: 6%; background-position: 8px 5px }
.pd_top6 .slideBox2 .prev:hover, .pd_top6 .slideBox2 .next:hover { filter: alpha(opacity=100); opacity: 1 }