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

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

.header{ height: 10.02rem; margin-bottom: -3.9rem; background: url(../images/banner.png) no-repeat center top; background-size: auto 100%; overflow: hidden;}
.header_bar{ display: flex; align-items: center; justify-content: space-between; height: 1.38rem; padding: 0 0.5rem; margin-top: 0.56rem; background-color: #fff; border-radius: 0.48rem;}

.logo{  width: 4.14rem; height: 0.6rem; }

.nav{ display: flex; justify-content:left;}
.nav_tem{ position: relative; }
.nav_tem > a{ display: block; height: 0.6rem; padding: 0 0.2rem; font: 0.2rem/0.6rem "Microsoft Yahei"; color: #2c0045}
.nav_tem:hover > a{ background-color: #eff8ff;}
.nav_tem .nav_sub{ display: none; position: absolute; top: 0.6rem; width: 2rem;  padding: 0.1rem 0; font: 0.16rem/0.5rem "Microsoft Yahei"; text-align: center; color: #2c0045; background-color: #fff; box-sizing: border-box; background: #eff8ff; }
.nav_tem .nav_sub li{ padding: 0 0.2rem; }
.nav_tem .nav_sub li a{ color: #666; }
.nav_tem .nav_sub li:hover{ background-color: #c0ddf1}

.nav_tem.hover .nav_sub{ display: block;}

.header_item{ display: flex; justify-content: left;}
.header_jf{ font: 0.24rem/0.3rem "Microsoft Yahei"; color: #2c0045;}
.header_jf > a{ margin: 0 0.16rem; font: 0.24rem/0.3rem "Microsoft Yahei"; color: #2c0045;}
.header_item > a.header_btn{ width: 0.26rem; height: 0.3rem; margin-left: 0.26rem; background-position:  center center; background-repeat: no-repeat; background-size: 100% auto; cursor: pointer;}
.header_item > a.header_btn.header_wza{ background-image: url(../images/icon_wza.png);}
.header_item > a.header_btn.header_slh{ background-image: url(../images/icon_slh.png);}
.header_item > a.header_btn.header_search{ background-image: url(../images/icon_search.png);}

/*qrcode*/
.qrcode_wrap{ padding: 0.4rem 0; background-color: #2294e0;}
.qrcode_wrap .layout{ display: flex; justify-content: space-between;}
.qrcode_tem{ position: relative; width: 2.03rem; height: 0.63rem; background-color: #fff; border-radius: 0.2rem; cursor: pointer;}
.qrcode_show{ display: none; justify-content: center; align-items: center; position: absolute; bottom: 1rem; left: 50%; width: 2rem; height: 2rem; margin-left: -1rem; background-color: #fff; border-radius: 0.1rem; box-}
.qrcode_tem.hover .qrcode_show{ display: flex;}
.qrcode_show img{ width: 1.7rem; height: 1.7rem;}

.qrcode_con{  display: flex; align-items: center; height: 0.63rem; padding:0 0.15rem;}
.qrcode_con:before{ width: 0.35rem; height: 0.35rem; margin-right: 0.1rem; background-image: url(../images/icon_qrcode.png); background-size: 0.35rem 2.1rem; content: ""}
.qrcode_con p{ width: 1rem; margin-right: 0.2rem; font: 0.19rem/0.34rem "Microsoft Yahei"; color: #20003b;}
.qrcode_con:after{ font: 0.19rem/0.28rem "Microsoft Yahei"; color: #c1c1c1; content: ">"}

.qrcode_con.wb:before{ background-position: 0 0}
.qrcode_con.wx:before{ background-position: 0 -0.35rem}
.qrcode_con.sp:before{ background-position: 0 -1.05rem}
.qrcode_con.dy:before{ background-position: 0 -0.70rem}
.qrcode_con.ks:before{ background-position: 0 -1.41rem}
.qrcode_con.xcx:before{ background-position: 0 -1.76rem}

.footer{ padding: 0.8rem 0; background-color: #f7f7f7; }
.i_sydw img{ display: block; width: 0.7rem; height: auto; margin: 0 auto 0.3rem;}
.footer p, .frd_link_wrap{ font: lighter 0.2rem/0.4rem "Microsoft Yahei"; color: #333; text-align: center;}
.footer p a{ color: #333;}
.icon_ga{ height: 0.2rem; margin-right: 0.02rem;}
.footer p span{ float: left; font-weight: bold}
.frd_link_wrap{ display: flex; justify-content: center;}
.frd_link_wrap>span{ font-weight: bold;}
.frd_link { text-align: left;}
.frd_link a{ color: #333;}

.toTop{ display: none; position: fixed; bottom: 0.1rem; right: 0.1rem;  width: 0.4rem; height: 0.4rem; background: url(../images/icon_top.png) no-repeat center top; background-size: 100% 100%; z-index: 100; cursor: pointer;}