@charset "utf-8";
@charset "utf-8";
@charset "utf-8";

  * {
padding: 0px;
margin: 0px
}
body {
font-size: 100px;
}
* {
margin: 0;
padding: 0;
-webkit-tap-highlight-color: rgba(0,0,0,0);
box-sizing: border-box;
}
.trans {
transition: all .3s ease-in;
}
html {
width: 100%;
min-height: 100%;
}
body {
width: 100%;
min-height: 100%;
max-width: 640px;
min-width: 320px;
margin: 0 auto;
font:.24rem/1.5 "PingFang SC", Helvetica, "Helvetica Neue", "microsoft yahei", Tahoma, Arial, sans-serif;
color: #666;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #fff;
position: relative;
}
body:before, body:after {
content: "";
width: 100%;
display: block;
}
body:before {
height: 1rem;
}
body:after {
height: .88rem;
}
img {
border: 0px;
}
em {
font-style: normal;
}
s, i {
font-style: normal;
}
ul, ol {
list-style-type: none;
}
li {
list-style: none outside none;
}
b {
font-weight: normal;
} input, button, select, textarea {
outline: none;
font-family: "PingFang SC", "Microsoft Yahei", Arial;
font-size:.24rem;
-webkit-appearance: none !important;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#999;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color:#999;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color:#999;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #999;
} .layout {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-wrapper: 101;
background: #000;
opacity: 1;
}
.blue {
color: #28a5f4;
} a, a:link, a:visited, a:hover, a:active {
color: #666;
text-decoration: none;
}
a:focus {
outline: none;
}
a:hover, a:active {
color: #1048a0;
outline: none;
} h1, h2, h3, h4, h5, h6, h7 {
font-weight: normal;
}
.icon {
background: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/icon.png) no-repeat;
display: inline-block;
background-size: 2.4rem auto;
vertical-align: middle;
}
.icon, .iconbef:before, .iconbef:after {
content: "\20";
display: block;
} .fl {
float: left;
}
.fr {
float: right;
}
.hidden {
display: none;
}
.clearfix:after {
content: "";
display: block;
clear: both;
width: 100%;
height: 0;
line-height: 0;
font-size: 0;
}
.clear, .clearfix:after {
content: "";
display: block;
clear: both;
width: 100%;
height: 0;
line-height: 0;
font-size: 0;
} .wrapper {
width: 100%;
} .header {
background-size: 100% 1.04rem;
}
#top_main {
width: 100%;
height: 1rem;
*zoom: 1;
z-index: 300;
position: fixed;
top: 0px;
left: 0px;
}
#top {
max-width: 640px;
min-width: 320px;
height: 1rem;
margin: 0px auto;
position: relative;
background: #fff;
}
#top .logo {
text-align: center;
display: block;
color: #000;
font-size: .32rem;
padding-top: .2rem;
margin-left: .2rem;
}
#top .logo a {
display: block;
}
#top .logo img {
display: block;
height: .6rem;
}
#top .topsearch {
display: block;
position: absolute;
right: 20%;
top:.2rem;
text-align: center;
cursor: pointer;
width:.5rem;
height:.5rem;
margin:.16rem auto;
}
#top .topsearch span {
display: block;
width: 100%;
height: 0.42rem;
background-position: 0rem -1.19rem;
width:.42rem;
}
#top_main .tsearch * {
box-sizing: border-box;
}
#top_main .tsearch {
position: absolute;
height: 1rem;
width: 6.4rem!important;
padding: .2rem 5%;
left: 0;
top: .99rem;
z-index: 99;
background: #f2f2f2;
box-sizing: border-box;
display: none;
}
#top_main .tsearch input {
-webkit-appearance: none;
}
#top_main .tsearch .txt {
width: 78%;
color: #000;
text-indent: .1rem;
font-size:.22rem;
height:.64rem;
background: #fff;
border: 1px solid #fff;
border-radius: 0.1rem;
position: absolute;
left: 5%;
top:.2rem;
border-top-left-radius: .6rem;
border-bottom-left-radius: .6rem;
}
#top_main .tsearch .btn {
color: #fff;
font-size:.22rem;
width: 16%;
height:.62rem;
line-height: .6rem;
text-align: center;
border: 0px;
background-color: #1048a0;
background-position: -0.748rem -1.055rem;
position: absolute;
right: 5%;
top:.2rem;
border-top-right-radius: .6rem;
border-bottom-right-radius: .6rem;
}
#top_main .btn_close_main {
width: .88rem;
height: 1rem;
background-color: #f2f2f2;
position: absolute;
top: 0;
right: 18%;
z-index: 9;
display: none;
}
#top_main .btn_close_main .btn_close {
width: .34rem;
height: .33rem;
margin-top: .38rem;
margin-left: .26rem;
background-position: -2rem -1rem;
}
#top #nav {
width: .6rem;
height: 50%;
position: absolute;
right: 3%;
top: .36rem;
text-align: center;
cursor: pointer;
}
#top .nav {
width: .39rem;
height: .36rem;
background-position: -.5rem -1.2rem;
}
#top .close {
background-position: -2.06rem 0;
width: .34rem;
height: .34rem;
cursor: pointer;
position: absolute;
right: 44%;
top: -0.02rem;
text-align: center;
} .subNav {
position: fixed;
width: 100%;
height: 100%;
right: 0;
top: .99rem;
z-index: 999;
max-width: 640px;
min-width: 320px;
background: #1048a0;
-webkit-transform: translateX(4rem);
-moz-transform: translateX(7rem);
-ms-transform: translateX(7rem);
transform: translateX(7rem);
}
.subNavCon {
margin: 0px;
background: #1048a0;
width: 100%;
border-top: 1px solid #e5e5e5;
}
.subNav .closrbox {
width: 20%;
height: 0.5rem;
line-height: .5rem;
background: #fff;
position: absolute;
right: 2%;
top: -5%;
}
.subNav .close {
background-position: -1.64rem -1.5rem;
width: .4rem;
height: .4rem;
}
.subNav .c_clos {
width: 52%;
position: absolute;
left: 0;
top: 0;
height: 100%;
}
.subNav .list {
margin-top:.6rem;
}
.subNav li {
width: 100%;
display: block;
line-height: 1rem;
margin: 0 auto;
position: relative;
}
.subNav li:first-child {
margin-top:.6rem;
}
.subNav .subnav2 {
width: 100%;
display: none;
}
.subNav .subnav2 a {
margin-bottom: .1rem;
background: #eeeeee;
font-size: .24rem;
}
.subNav li a {
display: block;
width: 4rem;
margin: 0 auto;
color: #fff;
font-size: 0.34rem;
text-align: center;
border-bottom: 1px solid #46baff;
}
.subNav li a:hover {
color: #00923f;
}
.subNav li em {
width: .3rem;
height: .3rem;
display: inline-block;
background-position: 0 -2.2rem;
vertical-align: middle;
position: absolute;
right: 3%;
top: .26rem;
}
.subNav li:hover {
background: #083a89;
}
.subNav li:hover a {
color: #fff;
}
.subNav.show {
right: 0 !important;
}
.subNavShow {
-webkit-transform: translateX(-48%);
-moz-transform: translateX(-48%);
-ms-transform: translateX(-48%);
transform: translateX(-48%);
display: block;
}
.subNavShow2 {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
} .inav_t {
width: 100%;
height: 1.4rem;
background: #1048a0;
}
.inav_t dl {
height: 1.4rem;
overflow: hidden;
}
.inav_t ul li {
width: 25%;
height: 0.7rem;
float: left;
text-align: center;
border-right: 1px #0b2d7e solid;
border-bottom: 1px #0b2d7e solid;
}
.inav_t ul li:nth-child(5), .inav_t ul li:nth-child(6), .inav_t ul li:nth-child(7), .inav_t ul li:nth-child(8) {
border-bottom: 1px #474747 solid;
}
.inav_t ul li a {
display: block;
width: 100%;
height: .69rem;
line-height: .69rem;
color: #fff;
} #banner_main {
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
height: 4.5rem;
background-size: 1px auto;
}
.banner {
margin: 0 auto;
width: 100%;
*zoom: 1;
overflow: hidden;
position: relative;
height: 4.5rem;
}
.banner .list {
width: 100%;
overflow: hidden;
}
.banner .list li {
float: left;
width: 100%;
overflow: hidden;
}
.banner .list li img {
width: 100%;
height: 4.5rem;
}
#banner .tip {
width: 100%;
height: 0.35rem;
line-height: 0.35rem;
clear: both;
position: absolute;
left: 6%;
bottom: 10%;
z-index: 2;
font-size: 0;
}
#banner .tip span {
display: inline-block;
vertical-align: middle;
width: 0.12rem;
height: 0.12rem;
margin: 0 0.05rem;
vertical-align: middle;
background-position:-.26rem 0;
}
#banner .tip span.cur {
width:.24rem;
height:.2rem;
background-position: 0rem 0rem;
}
.showInfo #banner .tip {
width: 100%;
text-align: center;
margin-left: 0;
left: 0;
bottom: .2rem;
} #footer_main {
text-align: center;
width: 100%;
background: #fff;
padding: 0.1rem 0 0.4rem;
}
#returntop {
width: 1rem;
height: 1rem;
background: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/gotop.png) no-repeat center top;
background-size: 1rem auto;
position: fixed;
bottom: 20%;
right: 2%;
cursor: pointer;
z-index: 99;
}
#copyright {
width: 94%;
margin: 0 auto;
color: #666;
font-size: 0.24rem;
line-height:.4rem;
padding: 0.2rem 0;
}
#footer_main .bottomNav {
}
#footer_main .bottomNav .list {
border-top:.02rem solid #ddd;
}
#footer_main .bottomNav .list li {
width: 100%;
height:.8rem;
border-bottom:.02rem solid #ddd;
}
#footer_main .bottomNav .list li a {
display: block;
height: 0.8rem;
line-height: 0.8rem;
padding: 0 0.4rem;
}
#footer_main .bottomNav .list li .tit {
display: block;
font-size: 0.26rem;
color: #444444;
line-height: 0.8rem;
float: left;
}
#footer_main .bottomNav .list li em {
display: block;
float: right;
width: 0.2rem;
height: 0.3rem;
margin-top: 0.25rem;
background-position:-2.2rem -.5rem;
}
#footer_main .bottomNav .list li:hover .tit {
color: #1048a0;
}
#copyright a {
color: #666;
}
#fix-sider {
width: 1rem;
height: 1rem;
position: fixed;
right: 2%;
bottom: 29%;
background: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/tel.png) no-repeat center top;
background-size: 1rem auto;
cursor: pointer;
z-index: 999;
} #toolbar {
position: fixed;
bottom: 0;
width: 100%;
z-index: 888;
height: 1.1rem;
left: 0;
}
#toolbar .list {
width: 100%;
max-width: 640px;
min-width: 320px;
margin: 0 auto;
background: #1048a0;
}
#toolbar .list li {
float: left;
width: 25%;
text-align: center;
}
#toolbar .list a {
display: block;
height: 1.1rem;
line-height: 0.24rem;
font-size: 0.26rem;
padding-top: 0.2rem;
}
#toolbar .list a span {
text-align: center;
color: #fff;
display: block;
font-size: 0.24rem;
}
#toolbar .list a s {
margin-left: auto;
margin-right: auto;
width: 0.31rem;
height: 0.32rem;
display: block;
margin-bottom: .12rem;
background-position: -.76rem -.2rem;
}
#toolbar .list li:nth-child(2) s {
background-position: -.0rem -.2rem;
}
#toolbar .list li:nth-child(3) s {
background-position: -.38rem -.2rem;
}
#toolbar .list li:nth-child(4) s {
background-position: -1.2rem -.2rem;
width:.34rem;
height:.34rem;
}
#toolbar .list li:hover {
background: #0185d0;
} #search {
background: #fff;
width: 96%;
margin: 0.2rem auto;
height: 0.6rem;
-moz-border-radius: 0.5rem;
-webkit-border-radius: 0.5rem;
border-radius: 0.5rem;
padding: 0;
-webkit-box-shadow: 1px 1px 1px #e7e9e9;
-moz-box-shadow: 1px 1px 1px #e7e9e9;
box-shadow: 1px 1px 1px #e7e9e9;
}
#search input {
display: block;
font-family: "微软雅黑";
padding: 0;
margin: 0;
}
#search .txt {
border: none;
width: 66%;
height: 0.5rem;
line-height: 0.6rem;
margin-right: 1%;
padding: 0 4%;
color: #666;
font-size: 0.22rem;
background: none;
}
#search .searchbtn {
cursor: pointer;
border: none;
font-size: 0.24rem;
width: 0.8rem;
height: 0.6rem;
text-align: center;
background-position: -0.63rem 0;
}
.index #floor_1_main, .index #floor_2_main, .index #floor_3_main {
width: 100%;
margin: 0 auto;
background: #fff;
}
.index {
background: #fff;
overflow: hidden;
} .index #floor_1_main {
margin: 0 auto;
background: #fff;
}
.index .title_main {
padding-top:.5rem;
}
.index .in_title {
padding-top:.6rem;
}
.index .in_title .entit {
margin-bottom:.12rem;
font: normal .5rem "AvantGarde Bk BT";
color: #666;
text-align: center
}
.index .in_title .tit {
width: 3rem;
margin: 0 auto;
font-size:.34rem;
font-weight: bold;
text-align: center;
color: #1048a0;
}
.index .in_title .tit em {
display: block;
width:.5rem;
height:.02rem;
margin-top:.2rem;
background: #ccc;
}
.index .look_more {
display: block;
width: 5.6rem;
height:.78rem;
margin: 0 auto;
font-size:.3rem;
line-height:.78rem;
text-align: center;
color: #333;
background: #fff;
border:.01rem solid #ddd;
}
.index .tab {
text-align: center;
margin-top: .2rem;
}
.index .tab a {
width: 29%;
height: 0.48rem;
line-height: 0.48rem;
margin: .05rem;
display: inline-block;
padding: 0 .1rem;
background: #1048a0;
color: #fff;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.index .tab a:hover {
background: #0185d0;
} .index #floor_1_main {
background: #f6f6f6;
}
#floor_1_main .floor_1 {
padding-bottom:.8rem;
}
#floor_1_main .about {
padding-top:.6rem;
}
#floor_1_main .about .item {
display: block;
width: 100%;
height: 4.523rem;
}
#floor_1_main .about img {
display: block;
width: 100%;
height: 100%;
}
#floor_1_main .contW {
position: relative;
display: block;
width: 100%;
}
#floor_1_main .contW .cont {
width: 5.5rem;
margin: 0 auto;
margin-top:.3rem;
font-size:.26rem;
color: #666;
line-height:.5rem;
text-align: justify;
}
#floor_1_main .contW .view_detail {
display: block;
width: 5.6rem;
height:.7rem;
margin: 0 auto;
margin-top:.5rem;
font-size:.24rem;
line-height:.7rem;
text-align: center;
color: #fff;
background: #1048a0;
} .index #floor_2_main {
width: 100%;
background: #fff;
}
.index .floor_2 {
padding-bottom:.4rem;
}
.index .floor_2 .proCenter .list {
margin-left: .25rem;
margin-top: .2rem;
}
.index .floor_2 .proCenter .list li {
position: relative;
float: left;
display: block;
width: 2.8rem;
margin-right: .26rem;
margin-bottom:.5rem;
}
.index .floor_2 .proCenter .list li .img {
width: 2.8rem;
height: 2.1rem;
}
.index .floor_2 .proCenter .list li .img img {
display: block;
width: 100%;
height: 100%;
}
.index .floor_2 .proCenter .list li .txt {
height: 1rem;
background: #f6f6f6;
}
.index .floor_2 .proCenter .list li .txt .tit {
font-size: .26rem;
text-align: center;
color: #333;
padding-top: 0.24rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.index .floor_2 .proCenter .list li .detail {
position: absolute;
bottom:-.26rem;
left: .49rem;
width: 1.84rem;
height:.52rem;
font-size:.2rem;
color: #1048a0;
text-align: center;
line-height: .52rem;
background: #fff;
border-radius: 1rem;
border: 0.01rem solid #1048a0;
}
.index_slip {
position: relative;
width: 100%;
height: 2rem;
background: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/ixbannerbg.png) no-repeat;
}
.index_slip .tit {
width: 4.7rem;
padding-top:.4rem;
margin-left:.4rem;
font:bold .32rem "Microsoft YaHei";
color: #fff;
line-height:.5rem;
}
.index_slip .slip_btn {
display: block;
position: absolute;
bottom:.4rem;
right:.4rem;
width: 2.44rem;
height:.56rem;
background: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/ixbanner-btn.png) no-repeat;
font:bold .26rem "microsoft yahei";
line-height:.56rem;
text-align: center;
color: #10479f;
}
.index_slip1 .tit {
width: 5.2rem;
} .index #floor_3_main {
width: 100%;
background: #fff;
}
.index .floor_3 .proAdvant .list li {
display: block;
width: 5.6rem;
margin: 0 auto;
padding-top:.4rem;
padding-bottom:.4rem;
border-top:.02rem solid #ddd;
}
.index .floor_3 .proAdvant .list li:first-child {
border-top: none;
}
.index .floor_3 .proAdvant .list li .img {
float: left;
width: 1.34rem;
height: 1.5rem;
}
.index .floor_3 .proAdvant .list li .img img {
display: block;
width: 100%;
height: 100%;
}
.index .floor_3 .proAdvant .list li .txt {
float: right;
display: block;
width: 3.8rem;
}
.index .floor_3 .proAdvant .list li:nth-child(2) .img {
float: right;
}
.index .floor_3 .proAdvant .list li:nth-child(2) .txt {
margin-left: 0;
float: left;
}
.index .floor_3 .proAdvant .list li .txt .tit {
font:bold .3rem "Microsoft YaHei";
color: #1048a0;
}
.index .floor_3 .proAdvant .list li .txt .cont {
margin-top:.12rem;
font-size:.2rem;
color: #666;
line-height:.4rem;
text-align: justify;
} .index #floor_4_main {
width: 100%;
background: #f0f0f0;
}
.index .floor_4 {
padding-bottom:.6rem;
}
.index .floor_4 .caseList {
margin-top: .3rem;
overflow: hidden;
position: relative;
}
.index .floor_4 .caseList .bd {
position: relative;
width: 5.6rem;
margin: 0 auto;
overflow: hidden;
}
.index .floor_4 .caseList .list li {
position: relative;
float: left;
display: block;
width: 5.6rem;
height: 6.72rem;
}
.index .floor_4 .caseList .bd .list li a {
display: block;
width: 5.6rem;
height: 3.15rem;
}
.index .floor_4 .caseList .bd .list {
display: inline-block;
;
}
.index .floor_4 .caseList .bd .list li .img {
display: block;
width: 5.6rem;
height: 4.2rem;
}
.index .floor_4 .caseList .bd .list li .txt {
width: 5.6rem;
z-index: 9;
}
.index .floor_4 .caseList .bd .list li .txt .tit {
margin-top:.4rem;
margin-bottom:.2rem;
font-size:.26rem;
color: #1048a0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.index .floor_4 .caseList .bd .list li .txt .cont {
font-size:.24rem;
color: #666;
line-height:.4rem;
}
.index .floor_4 .caseList .hd {
width: 100%;
height: .2rem;
position: absolute;
bottom: .2rem;
margin-top:.4rem;
}
.index .floor_4 .caseList .hd ul {
max-width: 100%;
text-align: center;
}
.index .floor_4 .caseList .hd li {
display: inline-block;
float: none;
width: .16rem;
height: .16rem;
background-color: #999;
border-radius: 100%;
margin-right: .16rem;
font-size: 0px;
cursor: pointer;
}
.index .floor_4 .caseList .hd li.on {
background-color: #1048a0;
} .index #floor_5_main {
width: 100%;
background: #fff;
}
.index .floor_5 {
height: auto;
padding-bottom:.8rem;
}
.index .floor_5 .inews {
margin-top:.1rem;
}
.index .floor_5 .inews .list li {
display: block;
width: 5.6rem;
margin: 0 auto;
border-top:.02rem solid #ddd;
line-height: 1rem;
overflow: hidden;
}
.index .floor_5 .inews .list li:first-child {
border-top: none;
}
.index .floor_5 .inews .list li .tit {
float: left;
width: 74%;
font-size: .26rem;
color: #333;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.index .floor_5 .inews .list li .time {
float: right;
width: 25%;
font-size: .26rem;
color: #999;
}
.index .floor_5 .look_more {
background: #f6f6f6;
} #top .search {
margin: 0.1rem auto;
width: 4.6rem;
height: 0.56rem;
line-height: 0.56rem;
border-radius: 0.5rem;
background: #fff;
}
#top .search input {
border: none;
}
#top .search .txt {
width: 80%;
display: block;
background: none;
height: 0.56rem;
line-height: 0.56rem;
text-indent: 0.08rem;
color: #333;
font-size: 0.22rem;
}
#top .search .searchbtn {
background-position: -1.2rem -1.7rem;
width: 0.4rem;
height: 0.4rem;
display: block;
margin: 0.05rem 0.2rem 0 0;
}
.searchinfo {
background: #fff;
padding: 0.4rem 2%;
height: 100%;
}
.searchinfo h2 {
color: #000;
}
.searchinfo .searchlist {
padding: 0.2rem 0;
}
.searchinfo .searchlist a {
display: inline-block;
margin: 0 1.0rem 0.3rem 0;
color: #fff;
background: #093c84;
font-size: 0.24rem;
text-align: center;
height: 0.64rem;
line-height: 0.64rem;
padding: 0 0.2rem;
border-radius: 0.5rem;
} .dialog-layout {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 101;
background: #000;
opacity: .5;
}
.index .hd {
padding: 0 3%;
}
.index .hd li {
width: 25%;
float: left;
background: #ccc;
color: #fff;
font-size: .3rem;
height: .56rem;
line-height: .56rem;
text-align: center;
}
.index .hd li.on {
background: #2b5899;
} .content {
width: 100%;
padding-bottom: .2rem;
padding-top: 0.2rem;
background: #fff;
}
.iconn {
background: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/iconn.png) no-repeat;
background-size: 1.4rem auto;
vertical-align: middle;
} .recom {
padding-top: .2rem;
background: #f1f1f1;
transition: none;
}
.recom * {
transition: none;
}
.recom .recomCon {
width: 100%;
overflow: hidden;
background: #fff;
box-sizing: border-box;
}
.recom .recomConList {
width: 200%;
}
.recom .list {
float: left;
width: 50%;
}
.recom .list li {
border-bottom: 1px solid #eeeeee;
}
.recom .list li a {
display: block;
padding: .16rem .2rem .16rem .3rem;
}
.recom .list li.item {
position: relative;
}
.recom .list li.item .img {
width: 1.2rem;
height: .9rem;
float: left;
margin-right: .15rem;
padding: .04rem;
border: 1px solid #f1f1f1;
}
.recom .list li.item h3 {
color: #000;
height: .4rem;
overflow: hidden;
}
.recom .list li.item .txt {
font-size: .2rem;
color: #aaaaaa;
line-height: .28rem;
}
.recom .list li.item .time {
color: #aaaaaa;
position: absolute;
right: .25rem;
font-size: .18rem;
bottom: .2rem;
}
.recom .list li.item .time:before {
width: .22rem;
height: .22rem;
display: inline-block;
background-position: -1.4rem 0;
}
.recom .list li .tit {
color: #2b5899;
}
.recom .list li .tit:after {
width: 1px;
height: .28rem;
content: "\20";
display: inline-block;
margin: 0 .18rem;
vertical-align: middle;
background: #eeeeee;
}
.newslist {
padding: 0 3%;
}
.newslist .item {
width: 100%;
border-bottom: 1px solid #eeeeee;
}
.newslist .item * {
transition: all .3s linear;
}
.newslist .item a {
padding: .3rem 0;
width: 100%;
display: block;
}
.newslist .item img {
width: 1.44rem;
height: .96rem;
display: block;
margin-top: .06rem;
float: right;
margin-right: .1rem;
}
.newslist .item h3 {
font-size: .3rem;
line-height: .36rem;
max-height: .72rem;
overflow: hidden;
color: #000000;
}
.newslist .item .dec {
color: #999999;
font-size: .2rem;
margin-top: .08rem;
}
.newslist .item .dec span {
margin-right: .2rem;
}
.newslist .item.pic4 h3 {
height: .36rem;
margin-bottom: .08rem;
}
.newslist .item.pic4 img {
float: left;
margin-right: .06rem;
}
.newslist .item.pic4 img:last-child {
margin-right: 0;
}
.g-top {
width: 0.68rem;
height: .68rem;
position: fixed;
bottom: 15%;
z-index: 998;
right: 2%;
cursor: pointer;
background: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/ico-top.png) no-repeat;
background-size: 100% auto;
} .subCate {
padding: 0rem 0 .2rem;
}
.subCate a {
width: 48%;
margin: 0 1%;
font-size: .22rem;
height: .5rem;
overflow: hidden;
display: block;
float: left;
line-height: .5rem;
text-align: center;
color: #666;
border: 1px solid #ddd;
box-sizing: border-box;
margin-bottom: .1rem;
}
.subCate a.on {
border-color: #1048a0;
color: #1048a0;
} .iconbef:before {
background: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/iconn.png) no-repeat;
background-size: 1.4rem auto;
vertical-align: middle;
}
.cateList {
width: 100%;
line-height: 0.8rem;
text-align: center;
background: #f6f6f6;
color: #1048a0;
position: relative;
}
.cateList .goBack {
width: .8rem;
height: .8rem;
padding-top: .23rem;
position: absolute;
left: .1rem;
top: 0;
z-index: 12;
}
.cateList .goBack:before {
width: .4rem;
height: .4rem;
display: block;
margin: 0 auto;
background-position: -1.0rem -0.64rem;
}
.cateList h3 {
position: relative;
font-size: .3rem;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.cateList h3 s {
position: absolute;
top: 0.34rem;
right:.4rem;
width: .25rem;
height: .2rem;
margin-left: .1rem;
background-position: -1.16rem 0;
display: none;
}
.cateList .box {
width: 100%;
padding: .2rem 3% .0;
z-index: 11;
background: #fff;
display: none;
border-bottom: 1px solid #ddd;
}
.cateList .box a {
width: 48.5%;
margin-right: 3%;
margin-bottom: .15rem;
height: .62rem;
line-height: .6rem;
border: 1px solid #dddddd;
font-size: .26rem;
text-align: center;
display: block;
float: left;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cateList .box a:nth-child(2n) {
margin-right: 0;
}
.cateList .box a.on {
background: #1048a0;
border-color: #1048a0;
color: #fff;
} .pager {
width: 100%;
text-align: center;
background: #f6f6f6;
padding: .2rem 0;
font-size: .2rem;
}
.pager a, .pager span {
width: 1.6rem;
height: .4rem;
line-height: .4rem;
display: inline-block;
background: #e59f19;
color: #fff;
border-radius: 5px;
}
.pager .yem {
height: .4rem;
display: inline-block;
margin: 0px .1rem;
line-height: .4rem;
} .reLink {
margin: .2rem 4% .1rem;
width: 92%;
}
.reLink .prevLink, .reLink .nextLink {
display: block;
height: .6rem;
line-height: .6rem;
font-size: .24rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
box-sizing: border-box;
border-bottom: 1px solid #e8e8e8;
}
.reLink a {
color: #333333;
} .m-share {
margin-left: 3%;
margin-bottom: .2rem;
}
.showInfo .showTit {
width: 96%;
margin: 0 auto;
line-height: .3rem;
padding:.2rem 2% .1rem;
border-bottom: 1px dashed #ccc;
text-align: center;
}
.showInfo .showTit h1 {
color: #333333;
font-size: .4rem;
line-height: .45rem;
margin-bottom: .05rem;
}
.showInfo .showTit .mark {
font-size: .22rem;
color: #999;
margin-top: .1rem;
}
.moreBtn {
width: 94%;
margin: 2% auto 6%;
height: 0.88rem;
line-height: 0.88rem;
display: block;
text-align: center;
background: #1048a0;
color: #fff;
font-size: .22rem;
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
.moreBtn a {
display: block;
color: #fff;
}
.moreBtn:active, .moreBtn:hover {
background: #0185d0;
color: #fff;
} .showInfo {
width: 100%;
background: #fff;
overflow: hidden;
}
.showInfo .showSubTit {
width: 100%;
height: .65rem;
line-height: .65rem;
font-weight: normal;
margin: .2rem 0 .1rem;
background: #f6f6f6;
border-bottom: 1px solid #1048a0;
font-size: .24rem;
text-indent: .15rem;
} .recomNew {
width: 96%;
padding: 0.1rem 0 2%;
margin: 0 auto;
}
.recomNew li {
width: 100%;
height: .6rem;
line-height: .6rem;
border-bottom: 1px solid #eeeeee;
overflow: hidden;
}
.recomNew li a {
font-size: .24rem;
display: block;
position: relative;
padding-left: 2%;
}
.recomNew li a:before {
content: "";
position: absolute;
background: #cccccc;
width: 3px;
height: 3px;
left: 0;
top: 0.28rem;
z-index: 11;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
} .showInfo .contxt {
font-size: .24rem;
line-height: .34rem;
padding: 3% 3% 5%;
}
.showInfo .contxt img {
max-width: 100%;
margin: 0px auto;
height: auto !important;
display: inline;
}
.showInfo .contxt p {
line-height:.4rem;
}
.showInfo .contxt .biao td {
padding:.09rem;
border: 1px solid #ccc;
vertical-align: middle;
WORD-WRAP: break-word;
table-layout: fixed;
word-break: break-all;
}
.showmenu {
width: 100%;
padding: 0.1rem 0 .2rem;
background: #fff;
}
.showmenu a {
width: 48%;
height: .6rem;
display: block;
float: left;
line-height: .6rem;
text-align: center;
border-radius: .04rem;
color: #333;
background: #fff;
margin: 0 1% 2%;
border: 1px solid #ddd;
box-sizing: border-box;
}
.showmenu a.hover {
border: 1px solid #1048a0;
color: #fff;
background: #1048a0;
}
.erro {
padding: 0.2rem;
} .newsList .list {
width: 100%;
margin-bottom: .3rem;
}
.newsList .item {
padding: 0.3rem 0.2rem;
overflow: hidden;
position: relative;
border-bottom: 1px solid #f3f3f3;
}
.newsList .item:nth-child(2n) {
background: #f9f9f9;
}
.newsList .item:nth-child(2n) {
background: #fff;
}
.newsList .item:nth-child(2n) span:after {
background: #f9f9f9;
}
.newsList .item:last-child {
border: 0px;
}
.newsList .item a {
width: 100%;
display: block;
}
.newsList .item img {
width: 1.6rem;
height: 1.2rem;
margin-right: .2rem;
float: left;
}
.newsList .item h3 {
font-size: .26rem;
line-height: .38rem;
font-weight: normal;
margin-bottom: .2rem;
color: #000;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.newsList .item .txt {
color: #666666;
font-size: .23rem;
line-height: .35rem;
}
.addimglist .item img {
width: 1.2rem;
height: 1.48rem;
margin-right: .1rem;
float: left;
}
.addimglist .item h3 {
width: 4.7rem;
font-size: .3rem;
line-height: .38rem;
font-weight: normal;
margin-bottom: .28rem;
color: #000;
margin-top:.02rem;
float: left;
}
.addimglist .item .txt {
color: #666666;
font-size: .22rem;
line-height: .28rem;
width: 4.7rem;
float: left;
}
.newsList .item:hover h3 {
color: #1048a0;
} #nativeShare {
margin: 0 auto;
width: 100%;
padding-top: 0.3rem;
max-width: 640px;
min-width: 320px;
}
#nativeShare .label {
margin-left: 0.2rem;
font-size: 0.24rem;
color: #666666;
line-height: 0.6rem;
}
#nativeShare .list {
width: 5.4rem;
float: right;
}
#nativeShare .list span {
height: 0.9rem;
width: 0.9rem;
padding: 0;
display: inline-block;
}
#nativeShare .list span i {
margin: 0 auto;
width: 0.63rem;
height: 0.63rem;
display: block;
}
#nativeShare .weibo i {
background-image: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/weibo.png);
background-size: cover;
}
#nativeShare .weixin i {
background-image: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/weixin_friend.png);
background-size: cover;
}
#nativeShare .weixin_timeline i {
background-image: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/weixin.png);
background-size: cover;
}
#nativeShare .qq i {
background-image: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/qq.png);
background-size: cover;
}
#nativeShare .qzone i {
background-image: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/qqzone.png);
background-size: cover;
}
#nativeShare .more i {
background-image: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/more.png);
background-size: cover;
}
#nativeShare .list span.qzone, #nativeShare .list span.more {
width: 0.73rem;
}
#fenxiang {
display: none;
}
.fenx {
height: 1.0rem;
width: 100%;
}
.fenx .tt {
margin-left: 0.2rem;
font-size: 0.24rem;
color: #666666;
line-height: 0.6rem;
}
.fenx .bdsharebuttonbox {
width: 80%;
float: right;
}
.fenx .bdsharebuttonbox a {
margin-left: 0.2rem;
}
#bdfx {
}
#bdfx a {
height: 0.6rem;
width: 0.6rem;
margin: 0;
padding: 0;
margin: 0px 0.08rem;
display: inline-block;
}
#bdfx .d1 {
background: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/qqzone.png) no-repeat center;
background-size: 100% 100%;
}
#bdfx .d2 {
background: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/weibo.png) no-repeat center;
background-size: 100% 100%;
} .catelist .item span {
display: block;
width: 9px;
height: 16px;
position: absolute;
top: 28%;
margin-top: -8px;
right: 2%;
}
.catelist .item span:before {
content: "";
position: absolute;
background: #ccc;
width: 11px;
height: 11px;
right: 0;
top: 0;
z-indx: 10;
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.catelist .item span:after {
content: "";
position: absolute;
background: #fff;
width: 11px;
height: 11px;
right: 4px;
top: 0;
z-indx: 11;
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.caselist li {
width: 47%;
margin-left: 2%;
margin-bottom: 2%;
float: left;
box-sizing: border-box;
}
.caselist li a {
display: block;
}
.caselist li figure {
width: 100%;
padding-top: 75%;
position: relative;
overflow: hidden;
}
.caselist li figure img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
min-height: 100%;
display: block;
}
.caselist li h3 {
height: .65rem;
line-height: .65rem;
text-align: center;
font-size: 0.26rem;
font-weight: normal;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
} .list_4 li figure {
padding-top: 75%;
}
.messagePage {
padding: 3% 3% 5%;
}
.messagePage .indexTit {
margin-bottom: .4rem;
text-align: center
}
.messagePage .indexTit h3 {
font-size: .3rem;
text-align: center;
}
.messagePage .item {
width: 100%;
height: 0.7rem;
line-height: 0.7rem;
position: relative;
-webkit-border-radius: 0.06rem;
border-radius: 0.06rem;
margin-bottom: .18rem;
border: 1px solid #dedede;
}
.messagePage .item label {
width: 1rem;
color: #333;
display: block;
float: left;
text-align: center;
height: 0.7rem;
line-height: 0.7rem;
}
.messagePage .item input {
width: 4.5rem;
height: 0.7rem;
line-height: 0.7rem;
border: 0;
background: none;
color: #999;
}
.messagePage .item select {
width: 4.5rem;
height: 0.7rem;
line-height: 0.7rem;
border: 0;
background: none;
background: #fff url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/mess.jpg) right no-repeat;
background-size: auto 100%;
}
.messagePage .item .b {
position: absolute;
right: .12rem;
color: #ff9f00;
}
.messagePage .item.con {
height: 2.8rem;
}
.messagePage .item.con textarea {
width: 100%;
height: 2.1rem;
padding: .1rem .16rem .1rem;
resize: none;
background: none;
border: 0px;
}
.messagePage .item.con .b {
top: 0;
} .messagePage .btn input {
width: 100%;
height: 0.68rem;
line-height: 0.68rem;
text-align: center;
display: block;
float: right;
background: #1048a0;
color: #fff;
font-size: .28rem;
border: 0;
}
.showtel {
position: fixed;
width: 5rem;
height: 2rem;
top: 60%;
left: 50%;
margin-left: -2.5rem;
z-index: 999;
display: none;
text-align: center
}
.showtel a {
display: inline-block;
width: 5rem;
height:.8rem;
line-height:.8rem;
border-radius: 5px;
background: #00633d;
color: #fff;
font-size:.3rem;
margin-bottom:.2rem
} .m-navwrap {
position: relative;
width: 100%;
margin-top:-.2rem;
padding-bottom:.2rem;
}
#navwrap {
width: 100%;
float: right;
top: 38px;
background-color: #f6f6f6;
z-index: 2;
display: none;
left: 0;
}
#navwrap .tit {
display: block;
width: 100%;
padding: 0 17% 0 5%;
height: .8rem;
line-height: .8rem;
font-size: .24rem;
color: #fff;
background: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/ico_down1.png) no-repeat 92% center #fff;
background-size: auto 42%;
cursor: pointer;
border-bottom: 1px solid #e8e8e8;
}
#navwrap a {
color: #333;
display: block;
}
#navwrap .sub-box {
width: 100%;
background: #f6f6f6;
display: none;
}
#navwrap .sub-box a {
display: block;
width: 100%;
padding: 0 6.4% 0 4.6%;
height: .7rem;
line-height: .7rem;
border-top: 1px solid #e8e8e8;
color: #333;
font-size: .2rem;
text-indent:.3rem;
background: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/ico_right1.png) no-repeat 92% center;
background-size: auto 35%;
}
.nav-ico {
position: absolute;
top:.1rem;
right:.2rem;
width:.4rem;
height:.36rem;
background-position: -.5rem -1.2rem;
}
#navwrap .sub-box a:first-child {
border-top: none;
}
#navwrap .sub-box a:hover {
background: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/ico_right.png) no-repeat 92% center #1048a0;
color: #fff;
} @media only screen and (min-width:641px) {
html {
font-size: 100px;
}
}
@media only screen and (max-width:640px) {
html {
font-size: 100px;
}
}
@media only screen and (max-width:540px) {
html {
font-size: 84.375px;
}
}
@media only screen and (max-width:480px) {
html {
font-size: 75px;
}
}
@media only screen and (max-width:414px) {
html {
font-size: 64.6875px;
}
}
@media only screen and (max-width: 400px) {
html {
font-size: 62.5px;
}
}
@media only screen and (max-width: 375px) {
html {
font-size: 58.5938px;
}
}
@media only screen and (max-width: 360px) {
html {
font-size: 56.25px;
}
}
@media only screen and (max-width: 320px) {
html {
font-size: 50px;
}
}
#topnav.menu-btn .menu-line {
background: #000;
height: 4px;
position: absolute;
width: 24px;
right: 0;
}
#topnav.menu-btn #menu-line1 {
top: 0;
}
#topnav.menu-btn #menu-line2 {
top: 50%;
}
#topnav.menu-btn #menu-line3 {
top: 100%;
}
#topnav.menu-btn .menu-line {
animation-duration: 0.5s;
animation-timing-function: ease;
animation-iteration-count: 1;
animation-direction: normal;
animation-delay: 0;
animation-play-state: running;
animation-fill-mode: forwards;
}
#topnav.menu-btn.inactive #menu-line1 {
animation: 800ms ease 0s normal none 2 running menu;
}
#topnav.menu-btn.inactive #menu-line2 {
animation: 800ms ease 0.16s normal none 2 running menu;
}
#topnav.menu-btn.inactive #menu-line3 {
animation: 800ms ease 0.32s normal none 2 running menu;
} @keyframes menu-line1-hover {
0% {
}
50% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
100% {
top:50%;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
}
@keyframes menu-line2-hover {
0% {
opacity: 1
}
50% {
opacity: 1
}
51% {
opacity: 0
}
100% {
opacity: 0
}
}
@keyframes menu-line3-hover {
0% {
}
50% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
100% {
top:50%;
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
}
@keyframes menu-line1 {
0% {
top:50%;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
50% {
top:50%;
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
100% {
top:0%;
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
}
@keyframes menu-line2 {
0% {
opacity: 0
}
50% {
opacity: 0
}
51% {
opacity: 1
}
100% {
opacity: 1
}
}
@keyframes menu-line3 {
0% {
top:50%;
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
50% {
top:50%;
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
100% {
top:100%;
}
}
@-webkit-keyframes menu {
0% {
width: 24px;
}
45% {
width: 6px;
}
90% {
width: 24px;
}
100% {
width: 24px;
}
}
@keyframes menu {
0% {
width: 24px;
}
45% {
width: 6px;
}
90% {
width: 24px;
}
100% {
width: 24px;
}
}
.message-page { width:90%; margin:0 auto;}
.message-page .row-1,
.message-page .row-2,
.message-page .row-3 { width:100%; clear:both; margin-bottom:15px; position:relative; overflow:hidden; }
.message-page .row-1 { width:100%; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.message-page .row-2 { height:110px; padding:0 0 0 0; border:1px solid #ddd; }
.message-page .row-3 {  }
.message-page .ico-name { background:url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/zzz.png) 15px center no-repeat; }
.message-page .ico-phone { background:url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/xxx.png) 15px center no-repeat; }
.message-page .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.message-page .txt { width:100%; height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.message-page .text { width:98%; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.message-page img.code { float:left; width:110px; height:42px; margin-right:20px; cursor:pointer; }
.message-page input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; margin-right:20px; padding:0 10px; color:#999; }
.message-page .submit, .message-page .reset { float:left; margin:0 0 0 10px; width:45%; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.message-page .submit { background:#0061ae; margin-left:0; }
.message-page .reset { background:#999; }
.message-page .submit:hover { background:#2081cf; }
.message-page .reset:hover { background:#777; }
.message-page .onfocus, .message-page .onfocus input.code { border-color:#aaa; }
.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px;}
 .login {
width: 90%;
margin: 3% auto;
padding: 3%;
}
.login li {
width: 100%;
margin-bottom: 5%;
}
.login li img {
float: right;
margin-right: 10%;
width: 30%;
height: .67rem;
}
.login_input {
display: block;
height: 2.8em;
-webkit-appearance: none;
border-radius: 0;
}
.login_textarea {
height: 8em;
margin-bottom: -2%;
}
.login li .pin_width {
width: 50%;
}
.login li .login_btn {
width: 100%;
color: #fff;
border: 0;
text-align: center;
font: .3rem/.8rem "microsoft yahei";
background: #1048a0;
box-shadow: none;
}
.login input, .login textarea {
width: 100%;
border: 1px solid #dcdcdc;
background: #fff;
color: #333;
font: .24rem/.5rem "microsoft yahei";
text-indent: .1rem;
} #tip {
padding: 5% 0;
min-height: 300px;
}
#tip b {
color: #1048a0;
font-weight: bold;
} .sitemap {
overflow: hidden;
line-height: 0.4rem;
padding: 2% 0;
border-bottom: 1px solid #ddd;
}
.sitemap dt {
float: left;
margin-right: 2%;
width: 22%;
}
.sitemap dt a {
display: block;
text-align: center;
background: #ececec;
font-size: 0.2rem;
line-height: 0.7rem;
font-weight: normal;
}
.sitemap dt a:hover {
background: #ccc;
color: #fff;
}
.sitemap dd {
float: left;
width: 76%;
}
.sitemap dd a {
float: left;
color: #666;
font-size: 0.2rem;
padding-right: 3%;
line-height: 0.35rem;
transition: none;
}
.sitemap dd a:hover {
color: #333;
} .tags_list {
overflow: hidden;
line-height: 0.4rem;
padding: 2% 0;
border-bottom: 1px solid #ddd;
}
.tags_list dt {
float: left;
margin-right: 2%;
margin-bottom: 2%;
min-width: 32%;
}
.tags_list dt:nth-child(3n) {
margin-right: 0;
}
.tags_list dt a {
display: block;
text-align: center;
background: #ececec;
font-size: 0.2rem;
line-height: 0.7rem;
font-weight: normal;
}
.tags_list dt a:hover {
background: #ccc;
color: #fff;
}
.tags {
overflow: hidden;
font-size: 0.2rem;
margin: 0 3% .1rem;
}
.tags span {
float: left;
display: block;
line-height: 0.6rem;
}
.tags a {
border-radius: 4px;
-webkit-border-radius: 4px;
display: inline-block;
line-height: 0.4rem;
padding: 0 0.1rem;
margin: 0.08rem;
background: #fff;
border: 1px solid #dadada;
}
.tags a:hover {
background: #1048a0;
border-color: #1048a0;
color: #fff;
} .comment-main {
width: 94%;
background: #FFF;
margin: 0 3% .1rem;
margin-top: .2rem;
font-size: .2rem;
color: #666;
line-height: .3rem;
}
.comment-title {
width: 100%;
height: .59rem;
line-height: .6rem;
background: #FFF;
border-bottom: 1px solid #CCC;
}
.comment-title span {
float: left;
height: .6rem;
font-size: .22rem;
line-height: .6rem;
display: block;
padding: 0 .3rem;
background: #1048a0;
color: #FFF;
}
.comment-show-box {
margin: .2rem 0;
}
.comment-show-box .pl-box2 {
width: 100%
}
.comment-show-box .pl-box2 dl {
float: left;
width: 100%;
margin-bottom: .2rem;
padding-bottom: .2rem;
border-bottom: 1px solid #EEE;
}
.comment-show-box .pl-box2 dl dt {
float: left;
width: 0.6827rem;
height: 0.6827rem;
margin-right: 2%;
}
.comment-show-box .pl-box2 dl dt img {
width: 0.6827rem;
height: 0.6827rem;
}
.comment-show-box .pl-box2 dl dd {
float: right;
width: 85%;
text-align: justify;
}
.comment-show-box .pl-box2 dl dd h1 {
font-weight: 700;
font-size: 100%;
}
.comment-show-box .pl-box2 dl dd h1 span {
color: #656565;
font-weight: 400;
float: right;
}
.comment-show-box .pl-box2 dl dd p {
margin-top: .1rem;
}
.comment-show-box .pl-box2 dl dd p.xz-fc1 {
color: #1048a0;
}
.comment-show-box .xz-cb {
zoom: 1
}
.comment-show-box .xz-cb:after {
display: block;
clear: both;
visibility: hidden;
height: 0;
overflow: hidden;
content: "."
}
.c-more {
text-align: center;
line-height: normal;
}
.c-more a {
border-radius: 2px;
-webkit-border-radius: 2px;
display: block;
background: #1048a0;
color: #ffffff;
padding: 0.2rem 0;
}
.c-more a:hover {
background: #333;
} .comment-show-box .fb-box {
background: #FAFAFA;
border: 1px solid #EEE;
margin-top: .2rem;
}
.comment-show-box .fb-box dl {
float: left;
width: 100%;
padding: 3%;
}
.comment-show-box .fb-box dd {
float: left;
width: 100%;
}
.comment-show-box .fb-box dd p {
color: #656565;
}
.comment-show-box .fb-box dd p textarea {
width: 100%;
height: 2rem;
line-height: .3rem;
color: #6C6C6C;
padding: 3%;
border: 1px solid #EEE;
outline: 0;
font-family: "microsoft yahei";
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.comment-show-box .fb-box dd p textarea:focus {
border: 1px solid #1048a0;
box-shadow: 0 0 10px 0 #1048a0
}
.comment-show-box .fb-box-div {
margin-top: -1px;
background: #FAFAFA;
border-radius: 0 0 5px 5px;
border: 1px solid #EEE;
}
.comment-show-box .fb-box-div dl {
padding: .2rem;
position: relative;
}
.comment-show-box .fb-box-div dd {
font-size: .2rem;
line-height: .2rem;
color: #666;
}
.comment-show-box .fb-box-div input {
-webkit-border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0;
-ms-border-radius: 0 0 5px 0;
-o-border-radius: 0 0 5px 0;
border-radius: 0 0 5px 0;
position: absolute;
top: -1px;
right: -1px;
width: 1.4rem;
height: .61rem;
font-size: .22rem;
line-height: .62rem;
background: #AAA;
color: #FFF;
border: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.comment-show-box .fb-box-div input:hover {
background: #1048a0;
color: #FFF;
} #mood {
margin-bottom: 30px;
text-align: center;
}
#mood p {
font-size: .26rem;
color: #555;
font-weight: bold;
margin-bottom: .2rem;
}
#mood a {
display: inline-block;
margin: 0 .15rem;
cursor: pointer;
color: #555;
background: #fff;
border-radius: 4px;
border: 1px solid #ddd;
padding: .1rem .25rem;
min-width: 1.5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#mood a span {
display: inline-block;
width: .3072rem;
height: .3072rem;
margin-right: .15rem;
vertical-align: sub;
background: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/dianzan.png) no-repeat;
background-size: .6rem auto;
}
#mood a span.dianzan-down {
background-position: top right;
}
#mood a em {
font-style: normal;
font-size: 16px;
}
#mood a:hover {
background: #1048a0;
border-color: #1048a0;
color: #fff;
}
#mood a:hover span.dianzan-up {
background-position: bottom left;
}
#mood a:hover span.dianzan-down {
background-position: bottom right;
} #wxnr {
width: 100%;
height: 100%;
max-width: 640px;
min-width: 320px;
position: fixed;
top: 0;
z-index: 1000;
display: none;
background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
margin: auto;
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 5rem;
height: 5rem;
padding: 0.3rem;
padding-top: 0.6rem;
margin-top: -2.5rem;
text-align: center;
background-color: rgba(255, 255, 255, 0.8);
box-shadow: 0px 2px 6px #777;
-webkit-box-shadow: 0px 2px 6px #777;
-moz-box-shadow: 0px 2px 6px #777;
border-radius: 10px;
}
#wxnr img {
width: 2.3rem;
height: 2.3rem;
display: block;
margin: 0 auto;
}
#wxnr p {
font-size: 0.24rem;
line-height: 0.45rem;
text-align: center;
}
#wxnr i {
position: absolute;
top: 0.2rem;
right: 0.2rem;
width: 0.3rem;
height: 0.3rem;
font-size: 0.2rem;
line-height: 0.3rem;
text-align: center;
color: #fff;
font-weight: bold;
font-style: normal;
background: #333;
border-radius: 1rem;
cursor: pointer;
}
#wxnr span {
display: inline-block;
padding: 0.03rem 0.1rem;
line-height: 0.35rem;
background-color: #1048a0;
color: #fff;
border-radius: 0.05rem;
cursor: pointer;
}
#wxnr span.wx {
padding-left: 0.4rem;
background-image: url(//hfwesbw.com/wp-content/themes/qianjia/wap/static/images/wx.png);
background-size: 0.28rem;
background-position: 0.1rem center;
background-repeat: no-repeat;
} #weixin {
position: fixed;
top: 50%;
margin-top: -0.4rem;
z-index: 9999999;
font-size: 0.26rem;
color: #fff;
width: 90%;
right: 5%;
line-height: 0.8rem;
text-align: center;
background: rgba(0, 0, 0, 0.8);
border: 2px solid #333;
border-radius: 0.1rem;
display: none;
} video {
width: 100%;
height: 4rem;
padding: 1.5%;
background-color: #000;
} .pglist {
padding: 20px 0 30px;
width: 100%;
text-align: center;
clear: both;
}
.pglist a {
color: #666;
padding: 0 14px;
margin: 0 3px;
font-/weight: bold;
background: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.pglist * {
display: inline-block;
_zoom: 1;
_display: inline;
vertical-align: middle;
line-height: 30px;
padding-bottom: 1px;
}
.pglist a:hover, .pglist .hover ,.page-num-current{
display: inline-block;
color: #fff!important;
background: #1048a0!important;
}
    .fleft {float: left;}
.fright {float: right;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;font-size: 0;visibility: hidden;}
.clearfix {*zoom:1;}
img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.ovh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.logoimg{max-width:100%;max-height:100%;}
#wpmobans{display:none;}
.fnone{display:none!important;}
.wp-caption{max-width:100%;} .picFocus{ margin:0 auto;  width:100%; border:0px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  }
.picFocus .hd ul{ margin:10px 0;  overflow-x: auto; overflow-y: hidden; white-space: nowrap; zoom:1; }
.picFocus .hd ul::-webkit-scrollbar {height: 6px; }
.picFocus .hd ul::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 3px; }
.picFocus .hd ul::-webkit-scrollbar-track {background-color: #f5f5f5;}
.picFocus .hd ul li{ padding-top:5px;text-align:center; display: inline-block; }
.picFocus .hd ul li img{ width:60px; height:60px; border:1px solid #ddd; cursor:pointer; margin-right:5px;   }
.picFocus .hd ul li.on{ background:url(//hfwesbw.com/wp-content/themes/qianjia/images/icoUp.gif) no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd { border:1px solid #ccc;padding:10px; }
.picFocus .bd li{ vertical-align:middle;}
.picFocus .bd img{ width:auto; height:460px; display:block;margin:0 auto  }
@media screen and (max-width: 768px) {
.picFocus{width:100%}
.box{width:380px;}
.picFocus .bd img{ width:auto; height:280px; }
}  #share_wechat2,#share_qq2{display: none;position: fixed;left: 0%;top: 0%;z-index: 99999999;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.showwx2 {position: fixed;border-radius: 6px;left: 50%;top: 50%;z-index: 100;width: 380px;margin-left: -200px;margin-top: -200px;background: #fff;padding: 0px;text-align: center;}
.wxclose2 {width: 100%;font-size: 14px;color: #333;cursor: pointer;margin-bottom: 10px;float: right;text-align: right;width: 25px;height: 25px;text-align: center;margin: 5px 5px 0 0;background: url(//hfwesbw.com/wp-content/themes/qianjia/basic/images/close.png) no-repeat;background-size: contain;}
.showwx2 img {width: 220px;}
.swz22 {text-align: center;font-size: 16px;}
.showwx2-1{padding: 0 10px;font-size: 18px;text-align: left;height: 50px;line-height: 50px;margin: 0;border-bottom: solid 1px #eeeeee;}
.showwx2-2{padding:10px;font-size: 16px;}
.rzimg{display: block;float: left;background: url(//hfwesbw.com/wp-content/themes/qianjia/basic/images/yrz.png) no-repeat left center;height: 25px;width: 62px;}
.wxhsz{float:left;font-size: 16px;line-height: 25px;}
.showwx2-3{padding:10px;background:#f0f0f0;}
.showwx2-3 span{color: #2196F3;height: 25px;line-height: 30px;font-size: 15px;margin: 0;padding: 0;text-align: center;}
.showwx2-3 img{display:block;width:60%;margin:10px auto;}
.showwx2-4 a{display: inline-block;width: 50%;text-align: center;text-decoration: none;box-sizing:border-box;height: 50px;line-height: 50px;color: #1381ff;border-right: solid 1px #eeeeee;cursor:pointer;}
.showwx2-4 a:nth-child(2){border-right:none;} .pagelistmain{margin:20px 0;}
.pagelistmain dd{width:25%;float:left;box-sizing:border-box;padding:20px 10px 0;}
.pagelistmain dd img{display:block;width:100%;margin-bottom:0px!important;transition: transform 0.5s ease;}
.pagelistmain dd img:hover{transform: scale(1.05);}
.pagelistmain dd a.plmain_tit{display:block;text-align:center;font-size:14px;padding:10px 0;background:#eee} .mbg_s{position:relative;z-index:999999}
.mbg_s .mbg_edit{display:block;width:20px!important;height:20px!important;position:absolute;top:0px;right:-20px;z-index:999999}
.mbg_s.fleft+.mbg_s.fleft .mbg_edit{position:absolute;top:0px;right:-50px;z-index:999999}
.mbg_s .mbg_edit i{display:block;width:20px!important;height:20px!important;border-radius:50%;background:#fff url(//hfwesbw.com/wp-content/themes/qianjia/basic/images/edit.png) no-repeat;background-size:100% 100%;position:relative;z-index:999999;}
.mbg_s .mbg_flbj i{background:#fff url(//hfwesbw.com/wp-content/themes/qianjia/basic/images/flbj.png) no-repeat;background-size:100% 100%;} .ftnav>li{float: left;
width: 110px;
margin: 0 50px 0 0;}
.ftnav>li>a{display:block;     color: #FFF;
font-size: 16px;
margin: 0 0 10px;}
.ftnav ul li{line-height: 30px;overflow: hidden;}	
.ftnav ul li a {color: #c7c6c6;}
.bgg{background:#2c7fb6;}        .kmain,.kmain p{line-height:1.8em;}
.kmain .aligncenter{margin:10px auto;}
.kmain img {max-width:100%;	height:auto;display:block;margin:10px auto;}
.kmain video{max-width:100%;height:auto;display:block;margin:10px auto;}
.kmain code{padding:1px 4px;border-radius:2px;background-color:#eee;font-family:'courier new';color:#777;margin:0 4px}
.kmain table{border:solid 1px #ddd;max-width: 100%;box-sizing:border-box;margin-bottom: 16px;border-collapse:collapse;}
.kmain table th{background-color:#f9f9f9;text-align:center}
.kmain table td,.kmain table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}
.kmain .alignleft{float:left;text-align:left;margin-right:10px}
.kmain .aligncenter{text-align:center}
.kmain .alignright{float:right;text-align:right;margin-left:10px}
.kmain pre{margin:15px auto;font:12px/20px 'courier new';border:1px solid #d6d6d6;border-left-width:4px;background:#fbfbfb;padding:10px 15px}
.kmain blockquote{margin:15px auto;border:1px solid #d6d6d6;border-top-width:3px;padding:15px 20px 10px;background-color:#fdfdfd;}
.kmain blockquote p{margin:0;padding:0;text-indent:24px;margin-bottom:10px;} .pagination{min-height:40px;width:100%;text-align:center;margin-top: 20px;text-align:center;}
.pagination .current, .pagination a{display:inline-block;height:30px;line-height:30px;padding:0px 8px;border:1px solid #666;border-radius: 0px;margin-right:10px;font-size:14px;text-decoration:none;}
.pagination a:hover,.pagination .current{color:#666;background:#FFF;}
.pagination a{background:#666;color:#FFF;}
.pagination .total-pages{font-size:14px;}
@media screen and (max-width: 768px) {
div[id^="attachment_"]{width:100%!important;}
.kmain {overflow-x:auto !important;}
.kmain table{width:100% !important;}
.kmain table img{max-width:100% !important;}	
.showwx2{width:94%;margin-left:3%;left:0;}
.pagelistmain dd{width:48%;margin:0 1%;padding:0}
}