@charset "UTF-8";
.font12 {
    font-size: 12px;
    font-family: SimSun
}
.SimSun {
    font-family: SimSun
}
.bg-white {
    background-color: #fff
}
.modal-open {
    overflow: auto!important;
    padding-right: 0!important
}
.form-holder .placeholder {
    color: #c1c1c1
}
.form-holder input::-webkit-input-placeholder {
color:#c1c1c1
}
.form-holder input:-moz-placeholder {
color:#c1c1c1
}
.form-holder input::-moz-placeholder {
color:#c1c1c1
}
.form-holder input:-ms-input-placeholder {
color:#c1c1c1
}
.cl-message {
    border-radius: 4px;
    overflow: hidden;
    min-width: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEEF5;
    position: fixed;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #edf2fc;
    -webkit-transition: opacity .3s, top .4s, -webkit-transform .4s;
    transition: opacity .3s, top .4s, -webkit-transform .4s;
    transition: opacity .3s, transform .4s, top .4s;
    transition: opacity .3s, transform .4s, top .4s, -webkit-transform .4s;
    padding: 15px 15px 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: -50px
}
.cl-message .cl-message__icon {
    margin-right: 10px;
    margin-top: -2px;
    width: 16px;
    height: 16px;
    float: left
}
.cl-message .cl-message__content {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1
}
.cl-message.cl-message--error {
    background-color: #fef0f0;
    border-color: #fde2e2;
    z-index: 2001
}
.cl-message.cl-message--error .cl-message__icon {
    /*background: url(./error_24px.png) no-repeat center;*/
    background-size: contain
}
.cl-message.cl-message--error cl-message__content {
    color: #F56C6C
}
@keyframes ewm-tiaodong {
0% {
transform:translateY(0)
}
90% {
transform:translateY(0)
}
95% {
transform:translateY(-10px)
}
100% {
transform:translateY(0)
}
}
.pleaselogin {
    width: 90px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    background: #073b7b;
    background: -moz-linear-gradient(left, #073b7b 0, #2773c9 100%);
    background: -webkit-linear-gradient(left, #073b7b 0, #2773c9 100%);
    background: -o-linear-gradient(left, #073b7b 0, #2773c9 100%);
    background: -ms-linear-gradient(left, #073b7b 0, #2773c9 100%);
    background: linear-gradient(to right, #073b7b 0, #2773c9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#073b7b, endColorstr=#2773c9, GradientType=1);
    color: #FFF;
    text-align: center;
    line-height: 34px;
    border-radius: 2px;
    font-family: SimSun;
    outline: 0
}
.pleaselogin:hover {
    color: #fff
}
.pleaselogin:visited {
    color: #fff
}
.wfh-nav {
    z-index: 1000;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #f1f1f1;
    height: 70px
}
.wfh-nav .homeheader {
    position: relative;
    padding: 8px 0;
    text-align: right;
    line-height: 54px
}
.wfh-nav .homeheader .logo {
    display: block
}
.wfh-nav .homeheader .logo .whitelogobg {
    display: none
}
.wfh-nav .homeheader .logo .blacklogobg {
    display: inline
}
.wfh-nav .homeheader .logo .sublogo {
    display: inline-block;
    vertical-align: middle
}
.wfh-nav .homeheader .logo .vr {
    margin: 0 15px;
    height: 42px;
    width: 1px;
    background: #e8e8e8;
    display: inline-block;
    vertical-align: middle
}
.wfh-nav .homeheader .logo-txt {
    color: #494949;
    font-size: 12px;
    line-height: 1.1;
    margin: 10px 0 0 12px;
    text-align: left
}
.wfh-nav .homeheader .tablist {
    display: inline-block;
    vertical-align: middle;
    margin-left: 18px;
    margin-right: 18px;
    /*font-family: SimSun*/
}
.wfh-nav .homeheader .tablist>li {
    float: left;
    position: relative;
    cursor: pointer;
    padding: 0 18px;
    text-align: center
}
.wfh-nav .homeheader .tablist>li>a {
    font-size: 16px;
    color: #000;
    display: block
}
.wfh-nav .homeheader .tablist>li.active>a, .wfh-nav .homeheader .tablist>li:hover>a {
    color: #0c368a;
    text-decoration: none
}
.wfh-nav .homeheader .tablist>li.up-list>span {
    width: 13px;
    height: 6px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    background: url(./navuph.png) no-repeat;
    -webkit-transition: transform .5s ease;
    transition: transform .5s ease
}
.wfh-nav .homeheader .tablist>li.up-list>ul {
    background: #FFF;
    box-shadow: 0 0 5px 0 #dcdcdc;
    display: none;
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    z-index: 3;
    left: 10px;
    top: 54px
}
.wfh-nav .homeheader .tablist>li.up-list>ul>li {
    padding-left: 0;
    padding-right: 0;
    width: 100px
}
.wfh-nav .homeheader .tablist>li.up-list>ul>li>a {
    line-height: 40px;
    padding: 5px 0;
    color: #494949;
    display: block
}
.wfh-nav .homeheader .tablist>li.up-list>ul>li>a:hover {
    background: #0c368a;
    color: #FFF
}
.wfh-nav .homeheader .tablist>li.up-list:hover>span {
    background-image: url(./navupc.png?v200619)
}
.wfh-nav .homeheader .tablist>li.up-list:hover>ul {
    display: inline-block
}
.wfh-nav .homeheader .Haslogoin {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: left
}
.wfh-nav .homeheader .Haslogoin>a>span {
    width: 40px;
    height: 40px;
    display: block;
    float: right;
    cursor: pointer
}
.wfh-nav .homeheader .Haslogoin>a>span img {
    width: 100%;
    display: block;
    border-radius: 50%
}
.wfh-nav .homeheader .Haslogoin>.arrow, .wfh-nav .homeheader .Haslogoin>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent
}
.wfh-nav .homeheader .Haslogoin>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-width: 11px;
    border-bottom-color: #FBFBFB;
    display: none
}
.wfh-nav .homeheader .Haslogoin .personal-data {
    line-height: 25px;
    position: absolute;
    top: 50px;
    z-index: 2;
    color: #989898;
    border-radius: 5px;
    font-size: 12px;
    overflow: hidden;
    width: 160px;
    right: -60px;
    display: none
}
.wfh-nav .homeheader .Haslogoin .personal-data>ul {
    padding: 10px 15px;
    display: block;
    background: #fbfbfb
}
.wfh-nav .homeheader .Haslogoin .personal-data>ul>li {
    height: auto;
    border-bottom: 1px solid #FFF;
    word-wrap: break-word;
    word-break: break-all;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -icab-text-overflow: ellipsis;
    -khtml-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis
}
.wfh-nav .homeheader .Haslogoin .personal-data>ul>li>b {
    float: left;
    width: 50%;
    font-size: 12px;
    font-weight: 100
}
.wfh-nav .homeheader .Haslogoin .personal-data>ul>li>i {
    color: #4a4a4a;
    width: 50%;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 12px;
    font-style: normal
}
.wfh-nav .homeheader .Haslogoin .personal-data>a.logout {
    width: 100%;
    border: none;
    background: #434343;
    color: #FFF;
    padding: 10px 0;
    display: block;
    text-align: center
}
.wfh-nav .homeheader .Haslogoin:hover .arrow {
    display: block
}
.wfh-nav .homeheader .Haslogoin:hover .personal-data {
    display: block
}
.wfh-nav.topicfixed {
    position: fixed;
    left: 0;
    top: 0;
    background-color: transparent;
    background-color: rgba(0,0,0,.1);
    border-color: transparent
}
.wfh-nav.topicfixed .logo .whitelogobg {
    display: inline
}
.wfh-nav.topicfixed .logo .blacklogobg {
    display: none
}
.wfh-nav.topicfixed .logo-txt {
    color: #fff
}
.wfh-nav.topicfixed .tablist>li>a {
    color: #fff
}
.wfh-nav.topicfixed .tablist>li.active>a, .wfh-nav.topicfixed .tablist>li:hover>a {
    color: #fff;
    text-decoration: underline
}
.wfh-nav.topicfixed .tablist>li.up-list:hover>span, .wfh-nav.topicfixed .tablist>li.up-list>span {
    background-image: url(./navupb.png)
}
.wfh-nav.topicfixed .pleaselogin {
    border: 1px solid #fff;
    background-color: transparent
}
.i-hot {
    position: absolute;
    right: 5px;
    top: 8px;
    width: 21px;
    height: 16px;
    background: url(./hot.gif) no-repeat center
}
.wf-side-bar {
    width: 60px;
    background-color: #fff;
    position: fixed;
    right: 0;
    bottom: 20%;
    z-index: 100;
    border-radius: 4px
}
.wf-side-bar ul {
    box-sizing: border-box;
    box-shadow: 0 0 20px 1px rgba(0,0,0,.1)
}
.wf-side-bar ul li {
    padding: 12px 10px;
    height: 75px;
    position: relative;
    text-align: center
}
.wf-side-bar ul li:after {
    content: '';
    display: block;
    width: 85%;
    height: 1px;
    margin: 4px auto;
    background-color: #ddd
}
.wf-side-bar ul li .img-box {
    display: inline-block;
    width: 30px;
    height: 24px
}
.wf-side-bar ul li>span {
    color: #666;
    line-height: 30px;
    cursor: default
}
.wf-side-bar ul li .side-layout {
    display: none;
    border-radius: 4px;
    padding: 25px 20px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 20px 1px rgba(0,0,0,.1);
    position: absolute;
    right: 75px;
    top: 0
}
.wf-side-bar ul li .side-layout .blue-head {
    width: 100%;
    height: 5px;
    background: linear-gradient(to right, #073b7b, #2773c9);
    position: absolute;
    top: 0;
    left: 0
}
.wf-side-bar ul li:first-child {
    border: none
}
.wf-side-bar ul li.side-kf {
    color: #4c6ba9
}
.wf-side-bar ul li.side-kf .img-box {
    background: url(./img-side-kf.png) no-repeat;
    background-size: cover
}
.wf-side-bar ul li.side-kf .side-box {
    width: 150px;
    text-align: left
}
.wf-side-bar ul li.side-kf .side-box h6 {
    font-weight: 800;
    margin-bottom: 5px
}
.wf-side-bar ul li.side-kf .side-box h6 img {
    vertical-align: sub;
    margin-right: 5px
}
.wf-side-bar ul li.side-kf .side-box p {
    font-size: 12px;
    margin-bottom: 10px;
    padding-left: 22px
}
.wf-side-bar ul li.side-kf .side-box a {
    display: inline-block;
    width: 86px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background-color: #4c6ba9;
    border-radius: 13px;
    margin-left: 25px
}
.wf-side-bar ul li.side-wx .img-box {
    background: url(./img-side-wx.png) no-repeat;
    background-size: cover
}
.wf-side-bar ul li.side-wx .side-box {
    width: 160px;
    text-align: center
}
.wf-side-bar ul li.side-wx .side-box p {
    font-size: 12px
}
.wf-side-bar ul li.side-yjfk {
    cursor: pointer
}
.wf-side-bar ul li.side-yjfk .img-box {
    /*background: url(./img-side-yjfk.png) no-repeat;
    background-size: cover*/
	background: url(./53_icon.png) no-repeat;
	background-size: 85%
}
.wf-side-bar ul li.side-yjfk a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100
}
.wf-side-bar ul li.side-gt {
    cursor: pointer
}
.wf-side-bar ul li.side-gt .img-box {
    background: url(./img-side-gotop.png) no-repeat;
    background-size: cover
}
.wf-side-bar ul li:before {
    content: '';
    width: 40px;
    height: 100%;
    position: absolute;
    left: -40px;
    top: 0
}
.wf-side-bar ul li:hover .side-layout {
    display: block
}
.popover {
    border-color: #f5f5f5;
    box-shadow: 0 0 6px 0 rgba(4,0,0,.09)
}
.popover.right .arrow {
    border-right-color: #f5f5f5
}
.popover.left .arrow {
    border-left-color: #f5f5f5
}
.popover.bottom .arrow {
    border-bottom-color: #f5f5f5
}
.popover.top .arrow {
    border-top-color: #f5f5f5
}
.popover .erweima {
    width: 78px;
    height: 78px;
    margin: 0 auto;
    text-align: center
}
.wf-footer {
    background-color: #252525
}
.wf-footer .row1 {
    line-height: 100px;
    border-bottom: 1px solid #121212
}
.wf-footer .row1 .nav-brand {
    float: left
}
.wf-footer .row1 ul {
    float: left
}
.wf-footer .row1 ul>li {
    display: inline-block
}
.wf-footer .row1 ul>li>a {
    display: inline-block;
    font-family: SimSun;
    color: #666;
    margin-right: 58px
}
.wf-footer .row1 ul>li>a:hover {
    text-decoration: underline
}
.wf-footer .row1 .icon-contact {
    width: 32px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}
.wf-footer .row1 .icon-contact.qq {
    background: url(./icon-qq-bom.png) no-repeat center
}
.wf-footer .row1 .icon-contact.wx {
    position: relative;
    background: url(./icon-wx-bom.png) no-repeat center
}
.wf-footer .row1 .icon-contact.wx:hover .popover {
    display: block
}
.wf-footer .row1 .icon-contact.wx .popover {
    z-index: 1000;
    top: -110px;
    left: -35px;
    margin-top: 0;
    display: none
}
.wf-footer .row1 .icon-contact.wx .popover .popover-title {
    font-weight: 700;
    text-align: center;
    color: #252525
}
.wf-footer .row1 .icon-contact.wx .popover .popover-content {
    padding: 5px 6px
}
.wf-footer .row2 {
    font-size: 12px;
    font-family: SimSun;
    line-height: 58px;
    color: #7b7b7b;
    border-top: 1px solid #3b3b3b
}
.wf-footer .row2 .layle-2 img {
    vertical-align: middle;
    margin-left: 8px;
    max-height: 25px
}
.wf-footer .row2 a {
    color: #a9a9a9
}
.wf-footer .row2 a:hover {
    color: #666
}
.wf-footer .row2 a.a2 {
    color: #5e5e5e
}
.login-modal {
    top: 50%;
    margin-top: -245px
}
.login-modal>.modal-dialog {
    margin: 0 auto;
    width: 796px
}
.login-modal>.modal-dialog .modal-content {
    background: url(./login-bg.png?v20200530) no-repeat;
    height: 489px;
    border: 0;
    box-shadow: none;
    border-radius: 0
}
.login-modal>.modal-dialog .modal-content>.modal-body {
    padding: 0;
    height: 100%
}
.login-modal .login-left {
    color: #fff;
    padding: 80px 70px;
    width: 450px;
    float: left
}
.login-modal .login-left p {
    margin-bottom: 0
}
.login-modal .login-left>.p1 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px
}
.login-modal .login-left>.p2 {
    font-size: 24px
}
.login-modal .login-left>.p2>img {
    margin-left: 6px
}
.login-modal .login-left>ul {
    margin-top: 85px;
    font-size: 16px
}
.login-modal .login-left>ul>li {
    margin: 20px 0;
    position: relative
}
.login-modal .login-left>ul>li:before {
    content: "�� "
}
.login-modal .login-right {
    width: 344px;
    float: left;
    height: 100%;
    padding: 36px 0
}
.login-modal .login-right>.login-body {
    background-color: #fff;
    border: 1px solid #e8e7e7;
    height: 100%
}
.login-modal .login-right>.login-body>.header {
    padding: 15px 12px 6px;
    text-align: right
}
.login-modal .login-right>.login-body>.bodyer {
    display: none;
    text-align: center;
    padding: 0
}
.login-modal .login-right>.login-body>.bodyer.active {
    display: block
}
.login-modal .bodyer>h3 {
    font-size: 24px;
    color: #2d2d2d;
    margin-top: 30px;
    margin-bottom: 0
}
.login-modal .bodyer .erweima-wrap {
    margin: 20px auto;
    width: 178px;
    height: 178px;
    position: relative;
    border: 1px solid #e1e0e0
}
.login-modal .bodyer .erweima-wrap .icon-u5 {
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    top: 50%;
    margin-top: -24px;
    left: 50%;
    margin-left: -24px
}
.login-modal .bodyer .erweima-wrap .icon-u5.active {
    background: url(./weixinlogo.png) no-repeat center
}
.login-modal .bodyer>.txt-wrap {
    color: grey;
    margin-bottom: 10px
}
.login-modal .bodyer>.foot-wrap {
    padding-top: 20px;
    position: relative
}
.login-modal .bodyer>.foot-wrap>.icon {
    display: inline-block;
    width: 60px;
    height: 41px
}
.login-modal .bodyer>.foot-wrap>.icon.icon-wx {
    background: url(./login-wx.png) no-repeat center center
}
.login-modal .bodyer>.foot-wrap>.icon.icon-qq {
    background: url(./login-qq.png) no-repeat center center
}
.erweima-wrap {
    position: relative;
    color: #fff;
    margin-bottom: 0
}
.erweima-wrap .abs-wrap {
    display: none
}
.erweima-wrap .abs-wrap .tranmb {
    background-color: #1d1d1d;
    opacity: .62;
    filter: alpha(opacity=60);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}
.erweima-wrap .abs-wrap .cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding-top: 20%
}
.erweima-wrap .abs-wrap .cont .txt {
    margin-top: 20px
}
.erweima-wrap .abs-wrap .cont .txt a {
    color: #fff;
    text-decoration: underline
}
.erweima-wrap .abs-wrap.active {
    display: block
}
.cb-list>li {
    line-height: 2
}
.cb-list .igou {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 17px;
    margin-top: -4px;
    margin-right: 16px;
    /*background: url(./goucheck.png) no-repeat center*/
}
.wf-nav {
    background-color: #fff
}
.wf-nav .nav-logo {
    line-height: 58px
}
.wf-nav .nav-logo .logo1 {
    display: inline-block;
    vertical-align: middle
}
.wf-nav .nav-logo .sublogo {
    display: inline-block;
    vertical-align: middle
}
.wf-nav .nav-logo .vr {
    margin-right: 10px;
    margin-left: 10px;
    height: 42px;
    width: 1px;
    background: #e8e8e8;
    display: inline-block;
    vertical-align: middle
}
.wf-nav.ck-navtop>.logoin {
    margin-right: 15px
}/*# sourceMappingURL=index.css.map */


/*add*/

.block1200{
    padding-right:0;
    padding-left:0;
    margin:0 auto;
    width:1200px;
}
.pt20 {
    padding:20px 0;
}
.bodyer {
    padding-left: 42px;
    padding-right: 42px;
}
.bodyer .row {
    margin-left: -42px;
    margin-right: -42px;
}

.bodyer .row .col-xs-4 {
    padding-left: 42px;
    padding-right: 42px;
}
.bodyer .row .col-xs-4 .itemer {
    background-color: #fff;
    height: 420px;
    border: 1px solid #efeeee;
    box-shadow: 1px 1px 10px 1px #efeeee;
    border-radius: 6px;
    padding: 0px 12px;
}

.bodyer .row .col-xs-4 .itemer > .icon-guanfang {
  width: 95%;
  height: 48px;
  display: block;
  margin-top: -4px;
  background: url("./guanfang.png")/*tpa=http://wanfang.cnkizu.com/static/image/guanfang.png*/ no-repeat right top;
}
.bodyer .row .col-xs-4 .itemer > .icon-logo {
  width: 100%;
  height: 60px;
  display: block;
  margin-top: 15px;
  margin-bottom: 30px;
  background: url("./version.png")/*tpa=http://wanfang.cnkizu.com/static/image/version.png*/ no-repeat center;
}
.bodyer .row .col-xs-4 .itemer > hr {
  border-top-color: #e4e4e4;
  border-bottom: 1px solid #f7f7f7;
}
.bodyer .row .col-xs-4 .itemer .txter {
  margin-left: 18px;
  margin-right: 18px;
}
.bodyer .row .col-xs-4 .itemer .txter > h3 {
  color: #204f88;
  font-size: 18px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 20px;
}
.bodyer .row .col-xs-4 .itemer .txter > .p1 {
  color: #8e8e8e;
  font-size: 12px;
  font-family: 宋体,SimSun;
}
.bodyer .row .col-xs-4 .itemer .bottom {
  margin: 48px 8px;
  color: #3f3f3f;
}
.bodyer .row .col-xs-4 .itemer .bottom .price {
  color: #204f88;
  font-size: 24px;
  font-weight: bold;
}
.bodyer .row .col-xs-4 .itemer .bottom .btn-check {
  float: right;
  font-size: 16px;
  color: #204f88;
  border-color: #204f88;
  min-width: 110px;
}
.bodyer .row .col-xs-4 .itemer .bottom .btn-check:hover {
  color: #fff;
  background-color: #204f88;
}

.ld-flow {
  color: #434343;
  font-size: 18px;
}
.ld-flow .steps {
  margin: 80px auto 90px;
}
.ld-flow .steps .step {
  width: 300px;
  float: left;
  text-align: center;
  position: relative;
}
.ld-flow .steps .step > img {
  display: block;
  margin: 0px auto 20px;
}
.ld-flow .steps .step:before {
  content: "";
  display: block;
  float: left;
  width: 54px;
  height: 126px;
  margin-bottom: 45px;
}
.ld-flow .steps .step:first-child:before {
  width: 0px;
}
.ld-foot {
  background: #252525;
  font-size: 12px;
  color: #b5b5b5;
  font-family: ����,SimSun;
  line-height: 66px;
}
.text-center {
    text-align: center;
}