@charset "utf-8";
/* 头部 start*/

.znjqr {position: fixed;right: 58%;transform: translateX(50%);padding-left: 1610px; z-index: 999; width: 300px;top: 510px;right: 0; padding-left: 0;transform: translateX(-10px);}
.znjqr p.txt { padding: 35px 25px 0; line-height: 18px; background: url(/newimages/ywzsk_xqy_jqr_img_1.png) no-repeat center; font-size: 14px; color: #24518a; height: 170px;}
.znjqr p.txt img { margin: 0 3px; position: relative; top: 4px; cursor: pointer;}
.znjqr p.txt img:hover { opacity: .8;}
.znjqr p.txt span { display: block; margin-top: -4px;}
.znjqr p.znrImg { text-align: center;margin-top: -10px;}
.yy_search { position: fixed; top: 0; left: 0; right: 0;bottom: 0; z-index: 999; display: none;}
.znjqr .znrImgs.s1 { position: relative;}
.znjqr .znrImgs.s1 em,.znjqr p.znrImgs.s1 em img { position: absolute; top: 0; left: 78px;}
.znjqr .znrImgs.s1 em img { display: none;}
.znjqr .qp { display: none; position: absolute; top: -58px; left: 90px; transition: .3s; transform: scale(0); overflow: hidden;}
.znjqr .qp.on {top: -123px; left: 76px; transform: scale(1);}
.znjqr .closeBtn { display: none; width: 22px; height: 22px; font-size: 22px; line-height: 20px; background: #ccc; color: #fff; text-align: center; border-radius: 50%; position: absolute; left: 70%; margin-left: -12px; z-index: 999 !important; cursor: pointer; bottom: 0px;text-decoration: none;}
.znjqr .closeBtn.on {display: block;}
.znjqr .closeBtn:hover { background-color: #0866b5;}
.openRBtn { position: fixed; top: 50%; right: -50px; width: 20px; height: 40px; border-radius: 10px 0 0 10px; background: #004A9E; color: #fff; font-weight: 700; font-family: '宋体'; text-align: center; line-height: 40px; font-size: 24px; cursor: pointer; transition: .3s; }
.openRBtn.on { right: 0;z-index: 99;}
.znrImgs img {width: 100px}
.qp  img {width: 174px}
@media screen and (max-width: 768px) {
	.znjqr {top: 66%;right: 15px;}
    .znjqr {transform: translateX(15px);}
    .znjqr p.txt { transform: scale(.8);}
    .znjqr p.znrImg { margin-top: -45px;}
    .znjqr p.znrImg img { width: 80px;}
    .znjqr { width: 90px;  bottom: 160px;}
    .znjqr .znrImgs.s1 em,.znjqr p.znrImgs.s1 em img { position: absolute; top: 0; left: -7px;}
    .znjqr .znrImgs img { width: 80px;}
    .znjqr .qp {top: -38px; left: 40px;}
    .znjqr .qp img { width: 80px;}
    .znjqr .qp.on {top: -66px; left: -4px; transform: scale(1);}
	.znjqr .closeBtn {left: 85%;}
	.openRBtn { top: 60%;}
}

@media (max-width: 1200px) {
    .backtop {
        top: 90%;
    }
}