body {
    font-size: 14px;
    font-family: Microsoft YaHei, Tahoma, Helvetica, Arial;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, section {
    margin: 0;
    padding: 0;
}

ol, ul {
    list-style: none;
}

input {
    border: 0;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #c0c0c0;
}

input:-moz-placeholder,textarea:-moz-placeholder {
    color: #c0c0c0;
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #c0c0c0;
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #c0c0c0;
}
 input[type='submit'], input[type='reset'], input[type='button'], input[type='radio'], input[type='checkbox'], input[type='textarea'], select {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
 }
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
    -webkit-text-fill-color: #333;
}
a{
    color: #c0c0c0;
    text-decoration: none;
    cursor: pointer;
}
a:hover{
    color: #004097;
}
.c{
    clear: both;
}
.h25{
    height: 25px
}
.topindex-nav-bg{
    width: 100%;
    min-width: 1200px;
    height: 34px;
    background-color: #f5f7fa;
    border-bottom: 1px solid #e3e3e3;
    color: #828282;
}
.topindex-nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 34px;
}
.topindex-nav a{
    color: #828282;
    padding: 0;
    font-size: 14px;
    text-decoration: none;
}
.top-nav-bg{
    width: 100%;
    min-width: 1200px;
    height: 42px;
    background-color: #282f39;
}
.top-nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 42px;
}
.top-nav a{
    color: #fff;
    padding: 0;
    font-size: 14px;
    text-decoration: none;
}
.top-nav-left a{
    margin-right: 5px;
}
.top-nav-right{
    color: #fff;
}
.list-banner{
    width: 100%;
    min-width: 1200px;
    height: 300px;
    background: url(../images/banner-xwgg.jpg) center no-repeat;
}
.container-bw{
    width: 1200px;
    max-width: 1200px;
    padding: 0;
    margin:0 auto;
}
.header{
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
}
.header .logo{
    width: 400px;
}
.header .top-search{
    width: 433px;
    padding-right: 15px;
}
.bw-search{
    margin-bottom: 5px;
    /* border-radius: calc(.75em + .375rem); */
}
.bw-search .input-group-prepend .input-group-text,.bw-search .input-group-prepend:not(:first-child)>.input-group-text{
    background-color: #004097;
    border-color: #004097;
    width: 50px;
    border-radius: 50px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    cursor: pointer;
}
    .bw-search .input-group-prepend .input-group-text,.bw-search .input-group-prepend:not(:first-child)>.input-group-text:hover{
    background-color:#007fee;
    }
.bw-search i{
    color: #fff;
    margin: 0 auto;
}
.bw-search .form-control,.bw-search>.form-control:not(:last-child){
    font-size: 12px;
    color: #000;
    height: 33px;
    line-height: 33px;
    border-radius: 33px;
    border:1px solid #e4e6e7;
    width: 100%;
    padding-right: 60px;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.bw-search .form-control:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
}
.search-kc{
    padding: 0 15px;
}
.search-kc a{
    margin-right: 5px;
    text-decoration: none;
    color: #c0c0c0;
    font-size: 12px;
}
.search-kc a:hover{
    color: #004097;
}
.bw-navs .nav-item{
    margin-right: 15px;
}
.bw-navs .nav-item a{
    font-size: 16px;
    color: #727171;
}
.bw-navs .nav-item a.active,.bw-navs .nav-item a:hover{
    color: #004097;
    background-color:#fff;
}
.bw-navs-title{
    width: 255px;
    background-color: #004097;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.bw-navs .bw-navs-title a{
    text-align: center;
    color: #fff;
}
.bw-navs .bw-navs-title a:hover{
    text-align: center;
    color: #fff;
    background-color: #004097;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.dropdown-menu{
    margin-top: -1px;
    width: 110px;
    min-width: 110px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.bw-navs .nav-item.dropdown a.dropdown-item{
    width: 108px;
    min-width: 108px;
}
.bw-navs .nav-item.dropdown a.dropdown-item:hover{
    background: #e9ecef;
    color: #727171;
}
.bw-navs .nav-item.dropdown a.nav-link{
    width: 110px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
}
.bw-navs .nav-item.dropdown.show>.nav-link{
    color: #fff;
    background-color: #004097;
}
.bw-banner{
    width: 100%;
    height: 450px;
    position: relative;
}
.bw-navs-class{
    position: relative;
}
.bw-navs-all{
    width: 255px;
    height: 450px;
    z-index: 500;
    background-color: #fff;
    opacity: 0.949;
    position: absolute;
}
.bw-navs-all p{
    color: #010101;
    font-size: 16px;
    margin-bottom: 5px;
    height: 24px;
    line-height: 24px;
}
.bw-navs-all ul,.bw-navs-all li{
    padding:0;
    margin:0;
    list-style:none
}
.bw-navs-all li{
    height: 56px;
    padding: 5px 15px 0;
    cursor: pointer;
    overflow: hidden;
}
.bw-navs-all li:first-child,.bw-navs-all li:last-child{
    height: 57px;
}
.bw-navs-all li:hover{
    background-color: #dee5f1;
}
.bw-navs-all span{
    padding: 0 6px;
    color: #a9a7a7;
}
.bw-navs-all a{
    text-decoration: none;
    font-size: 14px;
    color: #999;
    height: 16px;
    line-height: 16px;
}
.bw-navs-all a:hover,.bw-navs-all a.on{
    color: #004097;
}
.bw-navs-all li:hover p{
    color: #004097;
}
.bw-navs-allshow{
    position: absolute;
    width: 735px;
    height: 450px;
    padding: 40px 50px;
    left:255px;
    top: 0;
    z-index: 100;
    background-color: #fff;
    font-size: 14px;
    display: none;
    opacity: .96;
}
.bw-navs-allshow li{
    /*height: 45px;*/
    min-height: 45px;
    line-height: 45px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-shrink: 0;
    padding-left: 80px;
    position: relative;
}
.bw-navs-allshow span{
    position: absolute;
    left: 0;
    top: 0;
    margin-right: 20px;
}
.bw-navs-allshow a{
    text-decoration: none;
    display: flex;
    align-items: center;
}
.bw-navs-allshow a:hover{
    color: #004097;
}
.bw-navs-allshow a::before{
    content: "";
    display: inline-block;
    width: 2px;
    height: 15px;
    background-color: #d2d2d2;
    margin-right: 15px;
    margin-left: 15px;
}
.bw-carousel{
    width: 100%;
    min-width: 1200px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 400;
}
.bw-carousel .carousel-control-prev{
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    margin-left: 100px;
}
.bw-carousel .carousel-control-next{
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    margin-right: 100px;
}
.bw-index-bg{
    width: 100%;
    min-width: 1200px;
    height: auto;
    background-color: #f6f6f6;
    padding-top: 24px;
    padding-bottom: 26px;
}
.bw-index-content{
    background-color: #fff;
    margin-bottom: 24px;
    padding: 24px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.bw-list-zxkc{
    position: relative;
    margin-bottom: 20px;
}
.bw-list-zxkc .nav-link{
    padding: 0;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #727171;
}
.bw-list-zxkc .nav-link.active{
    background-color: #fff;
    color: #004097;
    font-size: 16px;
}
.bw-title-zxkc .nav-link{
      position: relative;
      font-size: 18px;
      color: #004097;
      padding-left: 18px;
}
.bw-title-zxkc .nav-link::before{
    position: absolute;
    display: block;
    top: 12px;
    left: 0;
    content: "";
    width: 5px;
    height: 20px;
    border-radius: 5px;
    background-color: #004097;

}
.bw-list-zxkc .nav-item{
    margin-right: 45px;
}
.bw-list-zxkc .nav-item:last-child{
    margin-right: 0;
    position: absolute;
    right: 0;
}
.bw-list-zxkc .nav-item:last-child .nav-linkmore{
    font-size: 12px;
    color: #c8c8c8;
}
.bw-list-zxkcdt{
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: space-between;
}
.bw-list-zxkcdt li{
    margin: 0;
    padding: 8px;
    list-style: none;
    width: 210px;
}
.bw-list-zxkcdt li:hover{
    box-shadow: 0 0 10px 0 #ccc;
}
.bw-list-zxkcdt .card{
    border:none;
}
.bw-list-zxkcdt .card a.img-a{
    width: 195px;
    height: 145px;
    overflow: hidden;
}
.bw-list-zxkcdt .card a.img-a img{
    width: 195px;
    height: 145px;
}
.bw-list-zxkcdt .card a:hover img{
    opacity: .8;
}
.bw-list-zxkcdt .card-body{
    padding: 16px 8px;
}
.bw-list-zxkcdt .card-body a{
    display: block;
    text-decoration: none;
    font-size: 16px;
    margin-bottom: 5px;
    color: #333;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
}
.bw-list-zxkcdt .card-body a:hover{
    font-weight: bold;
}
.bw-list-zxkcdt .card-body p{
    font-size: 12px;
    margin-bottom: 8px;
    color: #999;
}
.bw-list-zxkcdt .card-bottom{
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}
.bw-list-zxkcdt .card-info{
    display: flex;
    align-items: center;
    color: #999;
}
.bw-list-zxkcdt .card-info img{
    width: 35px;
    height: 35px;
}
.bw-list-zxkcdt .card-price{
    color: #ef3c37;
    font-size: 18px;
}
.bw-list-zxkcdt .card-price em{
    font-style: normal;
    font-size: 12px;
}
.bw-index-content2{
    background-color: #fff;
    margin-bottom: 24px;
    padding: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.bw-sec02{
    display: flex;
    justify-content: space-between;
}
.bw-left-sec02{
    width: 262px;
    height: 428px;
    border-top-left-radius: 5px;
    padding: 35px 0 20px;
}
.bw-left-bg01{
    background-color: #6ad0ff;
}
.bw-left-bg02{
    background-color: #ff8d8d;
}
.bw-left-bg03{
    background-color: #ffc56a;
}
.bw-left-bg04{
    background-color: #a1acfe;
}
.bw-left-sec02 h5{
    text-align: center;
    color: #fff;
    font-size: 25px;
}
.bw-left-sec02 p{
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin-bottom: 15px;
}
.bw-left-sec02 .zxkc-hr{
    width: 20px;
    height: 4px;
    border-radius: 4px;
    background-color: #fff;
    margin: 10px auto;
}
.bw-left-banner{
    width: 262px;
    height: 292px;  
}
.bw-left-banner .carousel-inner{
    width: 262px;
    height: 292px; 
}
.bw-left-banner .carousel-inner::before{
    content: "";
    width: 230px;
    height: 242px;
    position: absolute;
    left: 16px;
    top: 15px;
    background-color: rgb( 255, 255, 255 );
    opacity: 0.302;
    border-radius: 5px;

}
.bw-left-banner .carousel-item{
    width: 198px;
    height: 272px;
    left: 32px;
}
.bw-left-banner .carousel-item img{
    width: 198px;
    height: 272px;
    border-radius: 5px;
    opacity: 1;
}
.bw-left-banner .carousel-item-next img,.bw-left-banner .carousel-item-prev img{
    opacity: 1;
}
.bw-left-banner .active.carousel-item-left img{
    opacity: .2;
}
.bw-left-banner .active.carousel-item-right img{
    opacity: .2;
}
.bw-list-kcdt{
    display: flex;
    margin: 0;
    padding: 24px;
    list-style: none;
    flex-wrap: wrap;
    width: 430px;
}
.bw-list-kcdt li{
    margin: 0;
    padding: 0;
    list-style: none;
    width: 190px;
    height: 175px;
    margin-bottom: 24px;
}
.bw-list-kcdt li:hover{
    /*box-shadow: 0 0 10px 0 #ccc;*/
}
.bw-list-kcdt li.mb0{
    margin-bottom: 0;
}
.bw-list-kcdt .card{
    border:none;
}
.bw-list-kcdt .card-body{
    padding: 20px 8px;
}
.bw-list-kcdt .card-body a.card-title{
    text-decoration: none;
    font-size: 16px;
    margin-bottom: 20px;
    color: #333;
}
.bw-list-kcdt .card-body a.card-title:hover{
    font-weight: bold;
}
.bw-list-kcdt .card-body p{
    font-size: 12px;
    margin-bottom: 8px;
    color: #999;
}
.bw-list-kcdt .card-bottom{
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    align-items: flex-start;
    padding-top: 12px;
}
.bw-list-kcdt .card-info{
    display: flex;
    align-items: center;
    color: #999;
    height: 50px;
}
.bw-list-kcdt .card-info img{
    width: 35px;
    height: 35px;
    margin-right: 5px;
    border-radius: 50%;
}
.bw-list-kcdt .card-info div{
    height: 50px;
    padding: 9px 0 5px;
}
.bw-list-kcdt .card-info p{
    margin-bottom: 0;
    height:18px;
    line-height: 18px;
}
.bw-list-kcdt2{
    display: flex;
    margin: 0;
    padding: 24px 0;
    list-style: none;
    width: 230px;
    justify-content: flex-start;
    flex-direction: column;
}
.bw-list-kcdt2 li{
    margin: 0;
    padding: 0;
    list-style: none;
    width: 90%;
    margin-bottom: 24px;
}
.bw-list-kcdt2 li:last-child{
    margin-bottom: 0;
}
.bw-list-kcdt2 li img{
    width: 230px;
    height: 175px;
    border-radius: 5px;
}
.bw-list-kcdt2 a:hover img{
    opacity: .8;
}
.bw-rmkc{
    width: 278px;
}
.bw-list-rmkc{
    padding: 0 16px;
    height: 331px;
} 
.bw-list-rmkc ul,.bw-list-rmkc li{
    margin: 0;
    padding: 0;
    list-style: none;

}
.bw-list-rmkc ul{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    font-size: 14px;
    position: relative;
    color: #727171;
}
.bw-list-rmkc ul::before{
    content: "";
    width: 20px;
    height: 100%;
    display: block;
    position: absolute;
    border-radius: 20px;
}
.rmkc-yyjc ul::before,.rmkc01 ul::before{
    background-image: -moz-linear-gradient( 90deg, rgb(174,231,255) 0%, rgb(106,208,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(174,231,255) 0%, rgb(106,208,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(174,231,255) 0%, rgb(106,208,255) 100%);  
}
.rmkc-ksjn ul::before,.rmkc02 ul::before{
    background-image: -moz-linear-gradient( 90deg, rgb(248,219,191) 0%, rgb(255,141,141) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(248,219,191) 0%, rgb(255,141,141) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(248,219,191) 0%, rgb(255,141,141) 100%);
}
.rmkc-dyz ul::before,.rmkc03 ul::before{
    background-image: -moz-linear-gradient( 90deg, rgb(255,220,165) 0%, rgb(255,197,106) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,220,165) 0%, rgb(255,197,106) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,220,165) 0%, rgb(255,197,106) 100%);
}
.rmkc-hywy ul::before,.rmkc04 ul::before{
    background-image: -moz-linear-gradient( 90deg, rgb(217,244,255) 0%, rgb(161,172,254) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(217,244,255) 0%, rgb(161,172,254) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(217,244,255) 0%, rgb(161,172,254) 100%);
}
.bw-list-rmkc em{
    font-style: normal;
    width: 20px;
    text-align: center;
    display: inline-block;
    color: #fff;
}
.bw-list-rmkc span{
    padding-left: 16px;
}
.bw-list-rmkc a{
    padding-left: 16px;
    text-decoration: none;
    color: #727171;
}
.bw-list-rmkc a:hover{
    color: #004097;
}
.bw-list-rmkc li{
    position: relative;
    z-index: 20;
    margin-top: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.bw-rmkc{
    padding: 24px 0;
}
.bw-rmkc .top{
    padding: 8px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.bw-rmkc .top span{
    font-size: 18px;
    color: #39baf6;
    margin-right: 43px;
}
.bw-rmkc01 .top span{
    color: #39baf6;
}
.bw-rmkc02 .top span{
    color: #ff8d8d;
}
.bw-rmkc03 .top span{
    color: #ffc56a;
}
.bw-rmkc04 .top span{
    color: #a1acfe;
}
.bw-rmkc .top a{
    text-decoration: none;
    margin-right: 24px;
    font-size: 12px;
    color: #c8c8c8;
}
.bw-sec03{
    padding: 24px;
}
.bw-sec03 h5{
    font-size: 30px;
    text-align: center;
    height: 100px;
    line-height: 100px;
    color: #333;
    font-weight: normal;
}
.bw-sec03 .bw-hr{
    width: 30px;
    height: 1px;
    border-bottom: 1px solid #d0d0d0;
    margin: 0 auto;

}
.bw-sec03 p{
    font-size: 18px;
    color: #999;
    text-align: center;
    padding: 36px 0;
}
.bw-sec03 p span{
    padding: 0 32px;
}
.bw-ptjs{
    display: flex;
    justify-content: space-between;
}
.bw-ptjs img{
    display: block;
    width: 100%;
}
.bw-ptjs-dt{
    width: 182px;
    height: 328px;
}
.bw-ptjs-dt .hover{
    display: none;
}
.bw-hzdw{
    padding: 36px 11px 22px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.bw-hzdw a{
    display: block;
    width: 210px;
    height: 60px;
    border:1px solid #e4e6e7;
    margin-bottom: 15px;
    cursor: default;
}
.bw-hzdw img{
    width: 196px;
    height: 55px;
    display: block;
    margin: 0 auto;
}
.bw-hzdw a:hover img{
    width: 208px;
    height: 58px;
}
.bw-xwzx{
    padding: 22px 75px;
    display: flex;
    justify-content: space-between;
}
.bw-xwzx ul{
    width: 45%;
}
.bw-xwzx ul li{
    width: 100%;
    margin-bottom: 20px;
}
.bw-xwzx li span{
    font-size: 14px;
    color: #999999;
    margin-right: 20px;
}
.bw-xwzx li a{
    font-size: 14px;
    color: #333;
}
.bw-xwzx li a.active,.bw-xwzx li a:hover{
    color: #3388df;
    text-decoration: none;
}
.list-bg{
    width: 100%;
    min-width: 1200px;
    height: auto;
    background-color: #f6f6f6;
    padding-bottom: 50px;
}
.list-bg a{
    text-decoration: none;
}
.list-search-top{
    width: 100%;
    height: 70px;
    padding: 20px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    color: #727171;
}
.search-tj i{
    font-style: normal;
    font-size: 12px;
    color: #999;
}
.search-tj select{
    border: 1px solid #dcdcdc;
    padding: 0 25px 0 10px;
    background: #fff url(../images/ico-sl.png) no-repeat 95% center;
    
}
.search-tj .selectkc{
    display: inline-block;
    position: relative;
}
.search-tj .selectkc ul{
    display: none;
    position: absolute;
    width: 100px;
    left: 0;
    top: 23px;
    border:1px solid #dcdcdc;
    background-color: #fff;
    z-index: 20;

}
.search-tj .selectkc ul li{
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    text-align: left;
    cursor: pointer;
}
.search-tj .selectkc ul li:hover,.search-tj .selectkc ul li.on{
    background-color: #4673CC;
    color: #fff;
}
.search-tj .selectkc .xz{
    width: 100px;
    border: 1px solid #dcdcdc;
    padding: 0 25px 0 10px;
    background: #fff url(../images/ico-sl.png) no-repeat 95% center;
    cursor: pointer;
}
.list-search-box{
    width: 100%;
    height: auto;
    background-color: #fff;
    margin-bottom: 24px;
    padding: 24px 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
    color: #999;
}
.list-search-box .s-all ul{
    display: flex;
    padding: 20px 24px 20px 104px;
    border-bottom: 1px solid #dcdddf;
    position: relative;
    flex-wrap: wrap;
}
.list-search-box .s-all ul li{
    display: inline-block;
    width: 80px;
    margin-bottom: 10px;
}
.list-search-box .s-all ul li:first-child{
    position: absolute;
    left: 24px;
}
.list-search-box .s-line{
    padding: 0 24px;
}
.list-search-box .s-line ul{
    display: flex;
    padding: 20px 0 20px 80px;
    border-bottom: 1px dashed #dcdddf;
    position: relative;
    flex-wrap: wrap;
}
.list-search-box .s-line ul li{
    display: inline-block;
    width: 80px;
    margin-bottom: 10px;
}
.list-search-box .s-line ul li:first-child{
    position: absolute;
    left: 0;
}
.list-search-box .s-line-bn ul{
    border-bottom: none;
}
.list-search-main{
    display: flex;
    justify-content: space-between;
}
.list-search-mainleft{
    width: 885px;
    height: auto;
    background-color: #fff;
    padding: 24px 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.list-search-mainright{
    width: 290px;
    height: auto;
    padding: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.top-order{
    display: flex;
    justify-content: space-between;
    padding:20px 24px;
    border-bottom: 1px solid #dcdddf;
}
.top-order .top-px ul{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.top-order .top-px li{
    margin-right: 40px;
}
.top-order .top-px li a{
    font-size: 14px;
    color: #727171;
}
.top-order .top-px input{
    border:1px solid #dcdcdc;
    height: 30px;
    padding: 5px;
    line-height: 20px;
    border-radius: 30px;
    width: 70px;

}
.top-order .top-px span{
    padding: 0 5px;
    color: #999;
}
.top-order .top-fy{
    display: flex;
    align-items: center;
}
.top-order .top-fy span{
    font-size: 14px;
    color: #727171; 
    padding: 0 10px; 
}
.top-order .top-px i{
    color: #8a8989;
}
.top-order .top-fy i{
    color: #d3d3d3;
}
.top-order .top-fy i.ative{
    color: #737272;
}
.list-search-mainright .top-cnxh{
    padding: 44px 24px 20px;
    border-bottom: 1px solid #dcdddf;
    height: 94px;
    line-height: 30px;
    font-size: 14px;
    background-color: #fff;
    color: #727171;
}
.list-search-mainleft .main-order{
    padding: 0 20px;
}
.list-search-mainleft .main-order li{
    padding: 25px 8px;
    border-bottom: 1px dashed #dcdddf;
    display: flex;
    justify-content: space-between;
}
.list-search-mainleft .main-order li:last-child{
    border-bottom: none;
}
.list-search-mainleft .img-order{
    width: 210px;
    height: 118px;
}
.list-search-mainleft .info-order{
    width: 595px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.title-order{
    display: flex;
    align-items: center;
}
.title-order .t1{
    font-size: 15px;
    color: #333;
}
.title-order .t1:hover{
    color: #004097;
}
.title-order .t2{
    font-size: 12px;
    color: #004097;
    border:1px solid #004097;
    height: 30px;
    line-height: 28px;
    display: block;
    width: 100px;
    border-radius: 30px;
    text-align: center;
    margin-left: 20px;
    background-color: #fff;
}
.title-order .t2:hover{
    background-color: #edf4fd;
}
.info-order .t3{
    color: #999;
}
.info-order .t3:hover{
    color: #004097;
}
.info-order p{
    font-size: 12px;
}
.info-order p span{
    color: #ef3c37;
}
.dt-order{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dt-order span{
    font-size: 24px;
    color: #ef3c37;
}
.dt-order span em{
    font-size: 12px;
    font-style: normal;
}
.dt-order a{
    display: block;
    text-align: center;
    width: 113px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    background-color: #ff5858;
    border-radius: 5px;
    font-size: 12px;
}
.dt-order a:hover{
    background-color: #ff7272;
}
.main-cnxh{
    padding: 0 15px;
    background-color: #fff;
    margin-bottom: 25px;
}
.main-cnxh ul li{
    display: flex;
    padding: 20px 5px;
    border-bottom: 1px dashed #dcdddf;
}
.main-cnxh ul li:last-child{
    border-bottom: none;
}
.main-cnxh img{
    width: 124px;
    height: 70px;
}
.main-cnxh .dt-cnxh{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-left: 15px;
    width: 105px;
}
.main-cnxh .dt-cnxh a{
    font-size: 14px;
    color: #333;
}
.main-cnxh .dt-cnxh a:hover{
    color: #004097;
}
.main-cnxh .dt-cnxh span{
    font-size: 20px;
    color: #ef3c37;
}
.main-cnxh .dt-cnxh span em{
    font-size: 12px;
    font-style: normal;
}
.bottom-cnxh{
    width: 100%;
    height: 200px;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.list-pages{
    width: 885px;  
    padding: 40px 0; 
}
.list-pages ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-pages li{
    margin-right: 7px;
}
.list-pages li:last-child{
    margin-right: 0;
}
.list-pages a{
    width: 30px;
    height: 30px;
    line-height: 28px;
    border:1px solid #dcdddf;
    display: block;
    background-color: #fff;
    color: #727171;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
}
.list-pages a.active,.list-pages a:hover{
    background-color:#004097;
    color: #fff;
}
.list-pages a.prev,.list-pages a.next{
    width: 65px;
}
.bw-list-pages{
    width: 885px;
    padding: 40px 0;
}
.bw-list-pages ul li{
    display: flex;
    align-items: center;
    justify-content: center;
}
/*.bw-list-pages li{*/
    /*margin-right: 7px;*/
/*}*/
/*.bw-list-pages li:last-child{*/
    /*margin-right: 0;*/
/*}*/
.bw-list-pages a{
    min-width: 30px;
    height: 30px;
    line-height: 28px;
    border:1px solid #dcdddf;
    display: block;
    background-color: #fff;
    color: #727171;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    margin-right: 7px;
    padding: 0 8px;
}
.bw-list-pages a:last-child{
    margin-right: 0;
}
.bw-list-pages a.active,.bw-list-pages a:hover{
    background-color:#004097;
    color: #fff;
}
.bw-list-pages a.prev,.bw-list-pages a.next{
    width: 65px;
}
.bw-list-pages span{
    display: inline-block;
    min-width: 30px;
    height: 30px;
    padding: 0 8px;
    text-align: center;
    line-height: 30px;
    margin-right: 7px;
}
.kc-content-bg{
    width: 100%;
    min-width: 1200px;
    padding: 35px;
    background-color: #fff;
    border:1px solid #dfdfdf;
}
.kc-nav{
    padding: 0 28px 20px;
    display: flex;
    align-items: center;
}
.kc-nav a{
    text-decoration: none;
    font-size: 14px;
    color: #727171;
}
.kc-nav span{
    font-size: 14px;
    color: #999;
    padding: 0 15px;
}
.kc-content{
    padding: 0 28px;
    display: flex;
    justify-content: space-between;
}
.kc-content a{
    text-decoration: none;
}
.kc-content .kc-left{
    position: relative;
    width: 435px;
    height: 297px;
}
.kc-content .kc-left img{
    width: 435px;
    height: 245px;
    display: block;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
}
.kc-content .kc-left .kc-play{
    position: absolute;
    display: block;
    left: 50%;
    top:92px;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    color: #fff;
    background: url(../images/play.png) no-repeat center;
    z-index: 200;
}
.kc-content .kc-left .video-box{
    width: 435px;
    height: 245px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
}
.kc-content .kc-left .video-box video{
    outline: 0;
}
.kc-right{
    width: 685px;
}
.kc-right .kc-title{
    font-size: 16px;
    color: #333333;
    height: 50px;
    line-height: 50px;
}
.kc-right .kc-info{
    font-size: 14px;
    color:#999;
    margin-bottom: 15px;
} 
.kc-right .kc-info a{
    display: block;
    color: #ef3c37;
}
.kc-right .kc-jg{
    width: 100%;
    height: 70px;
    background-color: #f6f6f6;
    display: flex;
    align-items: center;
    padding: 0 30px;
    margin-bottom: 15px;
}
.kc-right .kc-jg span{
    font-size: 24px;
    color: #ef3c37;
}
.kc-right .kc-jg span em{
    font-size: 12px;
    font-style: normal;
}
.kc-right .kc-jg div{
    padding-left: 30px;
    color: #999;
    font-size: 12px;
}
.kc-right .kc-info-s{
    padding-left: 30px;
    font-size: 12px;
    color: #999;
}
.kc-info-s .kc-l1{
    display: flex;
    align-items: flex-start;
    margin-bottom: 0;
}
.kc-info-s .kc-l12{
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    flex-wrap: wrap;
}
.kc-info-s .kc-l1 span{
    display: inline-block;
    height: 27px;
    line-height: 27px;
}
.kc-info-s .kc-l1 a{
    display: flex;
    position: relative;
    overflow: hidden;
    margin-bottom: 8px;
}
.kc-info-s .kc-l1 .lq-l{
    height:27px;
    min-width: 93px;
    border:1px solid #ff5858;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    color: #333;
    text-align: center;
    line-height: 25px;
    position: relative;
    overflow: hidden;
    z-index: 5;
    padding: 0 10px;
}
.kc-info-s .kc-l1 .lq-r{
    height:27px;
    width: 50px;
    border:1px solid #ff5858;
    background-color:#ff5858;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    position: relative;
    overflow: hidden;
    z-index: 5;
}
.kc-info-s .kc-l1 .lq-r:hover{
    background-color: #ff7272;
}
.kc-l1 a .ico-l{
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    border:1px solid #ff5858;
    border-radius: 50%;
    left: -4px;
    top: 9px;
    z-index: 20;
    background-color: #fff;
}
.kc-l1 a .ico-r{
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    border:1px solid #ff5858;
    border-radius: 50%;
    right: -4px;
    top: 9px;
    z-index: 20;
    background-color: #fff;
}
.lq-l span{
    padding: 0 5px;
}
.kc-l2{
    margin-bottom: 30px;
}
.kc-l2 select{
    height: 27px;
    line-height: 25px;
    border:1px solid #dcdcdc;
    width: 310px;
    padding: 0 8px;
    color: #727171;
    background: #fff url(../images/ico-sl.png) no-repeat 95% center;
}
.kc-info-s .kc-btn{
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #ff5858;
    color: #fff;
    font-size: 14px;
    border-radius: 8px;
    display: block;
}
.kc-info-s .kc-btn:hover{
    background-color: #ff7272;
}
.kc-info-l{
    font-size: 12px;
    color: #999;
    padding: 15px 0;
    display: flex;
    align-items: center;
    position: absolute;
    top: 245px;
    left: 0;
}
.kc-info-l a{
    display: flex;
    align-items: center;
    margin-left: 10px;
    color: #999;
    text-decoration: none;
}
.kc-info-l .kc-fx{
    width: 22px;
    height: 22px;
    background-color: #53be80;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    margin-right: 5px;
}
.kc-info-l .kc-fx i{
    color: #fff;
    font-size: 14px;
}
.kc-info-l .kc-sc{
    width: 22px;
    height: 22px;
    background-color: #f8b84d;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    margin-right: 5px;
}
.kc-info-l .kc-sc i{
    color: #fff;
    font-size: 14px;
}
.kc-info-l .kc-sc0{
    background-color: #aaa;
}
.kc-nav-a{
    display: flex;
    padding:20px 24px;
    border-bottom: 1px solid #dcdddf;

}
.kc-nav-a a{
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    position: relative;
    margin-right: 50px;
    color: #727171;
    text-decoration: none;
}
.kc-nav-a a.on{
    color: #004097;
}
.kc-nav-a a.on::after{
    display: block;
    content: "";
    width: 20px;
    height: 4px;
    border-radius: 4px;
    background-color: #004097;
    position: relative;
    left: 50%;
    margin-left: -10px;
    top:18px;
}
.kc-con{
    padding: 20px;
}
.kc-con img{
    width: 100%;
}
.kcdg-con li{
    width: 845px;
    height: 180px;
    padding: 30px 0;
    border-bottom: 1px solid #dcdcdc;
}
.kcdg-con li:last-child{
    border-bottom: 0;
}
.kcdg-con li a{
    display: flex;
    justify-content: space-between;
}
.kcdg-con li .kc-img{
    position: relative;
    width: 160px;
    height: 120px;
    border-radius: 10px;
    overflow: hidden;
}
.kcdg-con li .kc-img img{
    width: 160px;
    height: 120px;
}
.kcdg-con li .kc-img img:hover{
    opacity: .9;
}
.kcdg-con li .kc-img .kc-cover{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: rgba(0,0,0,0.6);
}
.kcdg-con li .kc-img .play{
    position: absolute;
    width: 60px;
    height: 60px;
    top:50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    z-index: 10;
    background: url(../images/play.png) 100% no-repeat;
}
.kcdg-con li .kc-img .play:hover{
    opacity: .9;
}
.kcdg-con li .kc-info{
    width: 655px;
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.kcdg-con li h3{
    font-size: 16px;
    font-weight: normal;
    height: 40px;
    line-height: 20px;
    padding-top: 10px;
    color: #333;
}
.kcdg-con li:hover h3{
    color: #004097;
}
.kcdg-con li p{
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    text-align: right;
    color: #ccc;
}
.kc-con-ms{
    width: 831px;
    height: auto;
    min-height: 800px;
    background-color: #f6f8fc;
    border-radius: 5px;
    padding: 25px;
    margin: 0 auto;
}
.kc-con-ms .top-teacherinfo{
    width: 100%;
    padding: 45px;
    height: 510px;
    position: relative;
}
.kc-con-ms .top-teacherinfo .img{
    width: 340px;
    height: 420px;
    background-color: #eaeff5;
    border-radius: 16px;
    overflow: hidden;
    position: absolute;
    top: 45px;
    left: 45px;
    z-index: 10;
}
.kc-con-ms .top-teacherinfo .img img{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}
.kc-con-ms .top-teacherinfo .text{
    width: 100%;
    padding: 50px 20px 20px 360px;
    height: 358px;
    background-color: #fff;
    border-radius: 16px;
    position: relative;
    top: 62px;
}
.top-teacherinfo .text h3{
    display: inline-block;
    font-size: 36px;
    color: #262e45;
    height: 55px;
    line-height: 55px;
    font-weight: bold;
}
.top-teacherinfo .text h3::after{
    content: "";
    display: block;
    margin: 0 auto;
    width: 85%;
    height: 3px;
    background-color: #774d00;
}
.top-teacherinfo .text .name{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.top-teacherinfo .text .name span{
    font-size: 22px;
    font-weight: normal;
    color: #acafb2;
    padding-left: 8px;
}
.top-teacherinfo .text .tag{
    display: inline-block;
    max-width: 100%;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    border-radius: 7px;
    color: #774d00;
    font-size: 16px;
    background-image: -moz-linear-gradient( 90deg, rgb(252,230,184) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(252,230,184) 0%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(252,230,184) 0%, rgb(255,255,255) 100%);
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.top-teacherinfo .text p{
    line-height: 30px;
    padding-left:20px;
    position: relative;
    font-size: 18px;
    color: #30363b;
}
.top-teacherinfo .text p::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    line-height: 30px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #774d00;
}
.kc-con-ms .title{
    width: 100%;
    padding: 55px 0 25px;
}
.kc-con-ms .title img{
    display: block;
    margin: 0 auto;
}
.kc-con-ms .text-teacherinfo{
    padding: 35px 60px;
    background-color: #fff;
    border-radius: 10px;
    font-size: 26px;
    line-height: 40px;
}
.kc-con-ms .text-teacherinfo p{
    font-size: 26px;
    line-height: 40px;
    margin-bottom: 15px;
}
.kc-con-ms .list-xgkc{
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
}
.kc-con-ms .list-xgkc .bw-list-zxkcdt{
    justify-content: flex-start;
    flex-wrap: wrap;
}
.kc-con-ms .list-xgkc li{
    width: 33.3%;
    margin-bottom: 15px;
}
.footer{
    width: 100%;
    height: auto;
    background-color: #fff;
    border-top:1px solid #e4e6e7;
    padding: 50px 0;
}
.footer-content{
    padding: 0 85px;
}
.footer-box{
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}
.footer-help ul{
    display: flex;
    justify-content: flex-start;
}
.footer-help li{
    width: 175px;
}
.footer-help li p{
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
}
.footer-help li a{
    display: block;
    font-size: 14px;
    color: #999;
    text-decoration: none;
    margin-bottom: 20px;
}
.footer-help li a:hover,.footer-help li a.active{
    color: #004097;
}
.footer-phone .title-rx{
    height: 30px;
    font-size: 16px;
    display: flex;
    align-items: center;
    color: #333;
    margin-bottom: 10px;
}
.footer-phone span{
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #727171;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    margin-right: 10px;
}
.footer-phone i{
    color: #fff;
}
.footer-phone .phone400{
    font-size: 45px;
    color: #000;
    font-weight: bold;
    padding: 5px 0;
}
.footer-phone .time{
    font-size: 12px;
    color: #999;
}
.footer-info p{
    text-align: center;
    margin-bottom: 20px;
    font-size: 12px;
    color: #999;
}
.footer-info p:last-child{
    margin-bottom: 0;
}
.footer-info a{
    font-size: 14px;
    color: #333;
    text-decoration: none;
}
.footer-info a.active,.footer-info a:hover{
    color: #004097;
}
.footer-info span{
    color: #7d7d7d;
    padding: 0 20px;
}
.list-news-gbyj{
    padding-top: 20px;
}
.list-news-gbyj .top{
    width: 100%;
    height: 32px;
}

.list-news-gbyj .top .btn {
    position: relative;
    height: 32px;
    float: left;
    width: 80px;
}
.list-news-gbyj .top .btn span {
    width: 32px;
    height: 32px;
    line-height: 32px;
    position: absolute;
    text-align: center;
    cursor: pointer;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-news-gbyj .top .btn span.cur{
    color: #007bff;
}
.list-news-gbyj .top .btn span .fa{
    font-size: 32px;
}
.list-news-gbyj .top .btn .btn_left {
    left: 0;
    top: 0;
    padding-right: 0;
}
.list-news-gbyj .top .btn .btn_right {
    right: 0;
    top: 0;
    padding-left: 0;
}
.list-news-gbyj .top .data {
    float: right;
    height: 32px;
}
.list-news-gbyj .top .data span {
    font-size: 14px;
    line-height: 34px;
    height: 32px;
    margin-right: 15px;
    display: inline-block;
    color: #666666;
}
.list-news-gbyj .con {
    margin-top: 20px;
    margin-bottom: 15px;
    display: inline-block;
}
.list-news-gbyj .con .mr0{
    margin-right: 0;
}
.list-news-gbyj .con ul li {
    width: 1200px;
    height: 194px;
    background-color: #ffffff;
    border-bottom: 1px solid #e4e4e4;
    float: left;
    display: none;
    padding: 20px;
    position: relative;
}
.list-news-gbyj .con ul li:hover {
    background-color: #f4f4f4;
}
.list-news-gbyj .con ul li .image {
    width: 273px;
    height: 154px;
    position: relative;
    float: left;
}
.list-news-gbyj .con ul li .image img {
    width: 100%;
    height: 100%;
}
.list-news-gbyj .con ul li .text_con {
    float: left;
    width: 867px;
    margin-left: 20px;
}
.list-news-gbyj .con ul li .text_con .title {
    width: 816px !important;
}
.list-news-gbyj .con ul li .title {
    font-size: 20px;
    line-height: 28px;
    color: #333333;
    font-weight: normal;
    width: 1109px;
}
.list-news-gbyj .con ul li .title a {
    color: #333333;
}
.list-news-gbyj .con ul li .title a:hover {
    color: #007bff;
}
.list-news-gbyj .con ul li .titlekapain {
    display: none;
}
.list-news-gbyj .con ul li .text_con .brief {
    width: 816px !important;
}
.list-news-gbyj .con ul li .brief {
    font-size: 14px;
    line-height: 26px;
    margin-top: 10px;
    height: 52px;
    width: 1109px;
    overflow: hidden;
}
.list-news-gbyj .con ul li .brief a {
    color: #333333;
}
.list-news-gbyj .con ul li .brief a:hover {
    color: #007bff;
}
.list-news-gbyj .con ul li .text_con .bottom {
    width: 860px;
}
.list-news-gbyj .con ul li .bottom {
    margin-top: 40px;
    font-size: 14px;
    line-height: 26px;
    height: 25px;
    width: 100%;
    color: #999999;
    width: 1160px;
    position: absolute;
    bottom: 20px;
}
.list-news-gbyj .con ul li .bottom .date {
    margin-right: 40px;
    float: left;
    font-family: "microsoft yahei";
}
.list-news-gbyj .con.kapian ul li {
    width: 285px;
    height: 330px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 0;
    border: none;
}
.list-news-gbyj .con.kapian ul li .image {
    width: 285px;
    margin: 0;
    height: 160px;
}
.list-news-gbyj .con.kapian ul li .text_con {
    width: 285px;
    margin: 0;
}
.list-news-gbyj .con.kapian ul li .title {
    display: none;
}
.list-news-gbyj .con.kapian ul li .titlekapain {
    display: block;
    font-size: 16px;
    margin: 14px 14px 14px 17px;
    text-align: justify;
    text-justify: inter-ideograph;
    color: #333333;
    font-weight: normal;
}
.list-news-gbyj .con.kapian ul li .titlekapain a{
    color: #333;
}
.list-news-gbyj .con.kapian ul li .titlekapain a:hover{
    color: #007bff;
}
.list-news-gbyj .con.kapian ul li .brief {
    display: none;
    margin: 14px 15px;
}
.list-news-gbyj .con.kapian ul li .bottom {
    margin: 30px 14px 0 17px;
    position: absolute;
    bottom: 18px;
    height: 54px;
    width: 255px !important;
}
.list-news-gbyj .con.kapian ul li .bottom .date {
    margin-top: 33px;
    display: inline-block;
    font-family: arial;
    margin-left: 1px;
}
.list-news-gbyj .con.kapian ul li.mr0 {
    margin-right: 0;
}
.list-news-gbyj .con ul li .bottom .share {
    width: 129px;
    height: 26px;
    float: right;
    position: relative;
}
.list-news-gbyj .con ul li .bottom .share a {
    float: left;
    height: 26px;
    width: 26px;
    display: inline-block;
    background-image: url(../images/share_list.png);
    background-repeat: no-repeat;
    margin-right: 8px;
}
.list-news-gbyj .con ul li .bottom .share a:hover {
    background-image: url(../images/share_list_hover.png);
}
.list-news-gbyj .con ul li .bottom .share a.weixin {
    background-position: 0 0;
}
.list-news-gbyj .con ul li .bottom .share a.weibo {
    background-position: -33px 0;
}
.list-news-gbyj .con ul li .bottom .share a.qqzone {
    background-position: -68px 0;
}
.list-news-gbyj .con ul li .bottom .share a.qq {
    background-position: -103px 0;
    margin-right: 0px;
}
.list-news-gbyj .con.kapian ul li .bottom .share {
    margin-top: -24px;
    height: 21px;
    width: 90px;
}
.list-news-gbyj .con.kapian ul li .bottom .share a {
    float: left;
    height: 21px;
    width: 21px;
    display: inline-block;
    background-image: url(../images/share_kap.png);
    background-repeat: no-repeat;
    margin-right: 5px;
}
.list-news-gbyj .con.kapian ul li .bottom .share a:hover {
    background-image: url(../images/share_kap_hover.png);
}
.list-news-gbyj .con.kapian ul li .bottom .share a.weixin {
    background-position: 0 0;
}
.list-news-gbyj .con.kapian ul li .bottom .share a.weibo {
    background-position: -26px 0;
}
.list-news-gbyj .con.kapian ul li .bottom .share a.qqzone {
    background-position: -52px 0;
}
.list-news-gbyj .con.kapian ul li .bottom .share a.qq {
    background-position: -79px 0;
    margin-right: 0px;
}
.list-news-gbyj .more {
    font-size: 20px;
    line-height: 49px;
    height: 49px;
    width: 160px;
    margin: 0 auto;
    color: #666666;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.list-news-gbyj .more:hover{
    color: #007bff;
}
.list-news-gbyj .more .fa{
    margin-right: 10px;
    color: #007bff;
}
.bwshare_weixin {
    position: absolute;
    width: 150px;
    height: 176px;
    padding: 0;
    margin: 0;
    z-index: 11000;
    top: 30px;
    left: -64px;
    text-align: center;
}
.bwshare_weixin .bwshare_head {
    background: url(../images/share_top.png) no-repeat center top;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    height: 8px;
    position: relative;
    color: #000;
}
.bwshare_weixin .sharebg {
    background-color: #fff;
    width: 150px;
    height: 168px;
    border-radius: 2px;
    box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1);
}
.bwshare_weixin .codeqr {
    padding: 24px 24px 0 24px;
    min-height: 102px;
}
.bwshare_weixin .bwshare_headfoot {
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    color: #666;
}
.login {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 600px;
    margin: 0 auto;
    background: url(../images/login-bg.jpg) 50% no-repeat;
    background-size: cover;
}
.login .login-logo {
    position: absolute;
    left: 30px;
    top: 50px;
    width: 209px;
    height: 54px;
    cursor: pointer;
    background: url(../images/logo-login.png) 50% no-repeat;
    background-size: 209px 54px;
}
.login-box {
    width: 100%;
    height: auto;
    background-color: #fff;  
}
.login .login-main{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 360px;
    height: 440px;
    margin-left: -180px;
    margin-top: -220px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    padding: 30px 40px;
}
.login-box .login-form{
    padding-top: 40px;
}
.login-box .reg-form,.login-box .find-form{
    display: none;
}
.login-box.login-box-reg .login-form,.login-box.login-box-reg .find-form,.login-box.login-box-find .login-form,.login-box.login-box-find .reg-form{
    display: none;
}
.login-box.login-box-reg .reg-form{
    display: block;
}
.login-box.login-box-find .find-form{
    display: block;
}
.login-nav{
    font-size: 16px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 30px 20px;
}
.login-nav span{
    cursor: pointer;
    font-weight: bold;
    color: #999;
    font-size: 20px;
}
.login-nav span.active{
    color: #074cab;
}
.login-form li,.reg-form li,.find-form li{
    height: 42px;
    margin-bottom: 20px;
}
.login-form li.phone,.reg-form li.phone,.find-form li.phone{
    position: relative;
}
.login-form li input,.reg-form li input,.find-form li input{
    display: block;
    height: 42px;
    line-height: 22px;
    width: 100%;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #ccc;
    outline: none;
}
.login-form li.phone a,.reg-form li.phone a,.find-form li.phone a{
    position: absolute;
    right: 0;
    top: 22px;
    height: 16px;
    cursor: pointer;
    line-height: 16px;
    font-size: 12px;
    color: #888;
    text-decoration: none;
}
.login-form li.phone a:hover,.reg-form li.phone a:hover,.find-form li.phone a:hover{
    color:#074cab
}
.login-form.login-mm li.phone a{
    display: none;
}
.login-form li.login-info{
    height: 30px;
    padding-top: 8px;
    margin-bottom: 15px;
}
.login-info span{
    color: #888;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
}
.login-form.login-yzm li.login-phone{
    display: none;
}
.login-form.login-yzm li.login-fr .forget{
    display: none;
}
.login-form.login-mm li.login-code{
    display: none;
}
.login-form.login-mm li.login-info span{
    display: none;
}
.login-form li.login-btn,.reg-form li.reg-btn,.find-form li.reg-btn{
    margin-bottom: 0;
}
.login-form li.login-btn input,.reg-form li.reg-btn input,.find-form li.reg-btn input{
    background-color: #074cab;
    color: #fff;
    border-bottom: 0;
}
.login-form li.login-btn input:hover,.reg-form li.reg-btn input:hover,.find-form li.reg-btn input:hover{
    opacity: .9;
}
.reg-form li.reg-btn.disabled input{
    background-color: #ddd;
}
.reg-form li.reg-btn.disabled input:hover{
    opacity: 1;
}
.login-form li.login-fr{
    height: 30px;
    padding-top: 8px;
    margin-bottom: 15px;
}
.login-form li.login-fr a{
    color: #888;
    height: 22px;
    line-height: 22px;
    float: right;
    text-decoration: none;
    font-size: 12px;
}
.login-form li.login-fr a:hover{
    color: #074cab;
}
.login-form li.login-fr a.forget{
    float: left;
}
.login-box-reg,.login-box-find{
    padding: 0;
}
.login-box-reg .title-reg,.login-box-find .title-reg{
    color: #074cab;
    position: relative;
}
.login-box-reg .title-reg .back,.login-box-find .title-reg .back{
    position: absolute;
    left: 0;
    top: 4px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    background: url(../images/back.png) no-repeat;
    background-size: 100% 100%;
}
.login-box-reg .title-reg span,.login-box-find .title-reg span{
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.reg-form ul,.find-form ul{
    padding: 50px 0;
}
.reg-form li.reg-yhxy{
    height: 26px;
    padding-top: 10px;
    margin-bottom: 15px;
    display: flex;
    vertical-align: middle;
}
.reg-form li.reg-yhxy input[type='checkbox']{
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border: solid 1px #d2d2d2;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    margin: 0 5px 0 0;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: default;
    -webkit-appearance: none;
}
.reg-form li.reg-yhxy input[type='checkbox']:hover{
    border:1px solid #074cab
}
.reg-form li.reg-yhxy input[type='checkbox']:checked{
    border-color: #074cab;
    background-color: #074cab;
    color: #fff;
    text-align: center;
    background-clip: padding-box;
}
.reg-form li.reg-yhxy input[type='checkbox']:checked:before{
    content: '';
    width: 8px;
    height: 4px;
    display: block;
    border:1px solid #fff;
    border-width: 0 0 2px 2px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: absolute;
    top: 3px;
    left:2px;
    box-sizing: content-box;
}
.reg-yhxy label{
    color: #888;
    height: 16px;
    line-height: 16px;
    margin-bottom: 0;
    display: flex;
    font-size: 12px;
}
.reg-yhxy span.link{
    color: #074cab;
    cursor: pointer;
}
.reg-form li.reg-fr,.find-form li.reg-fr{
    height: 30px;
    padding-top: 8px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
}
.reg-form li.reg-fr a.find-form li.reg-fr a{
    color: #888;
    height: 22px;
    line-height: 22px;
    text-decoration: none;
    font-size: 12px;
}
.reg-form li.reg-fr a:hover,.find-form li.reg-fr a:hover{
    color: #074cab;
}
.modal .close{
    outline: 0;
}
.login .login-footer {
    width: 100%;
    padding: 30px 0;
    text-align: center;
    font-size: 14px;
    color: #3c3c3c;
    min-width: 960px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgb(255,255,255,.9);
}
.list-banner-video{
    width: 100%;
    min-width: 1200px;
    height: auto;
    position: relative;
}
.list-banner-video img{
    position: absolute;
    display: block;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    z-index: 10;
}
.list-banner-video video{
    width: 100%;
    height: auto;
}
.page404{
    width:450px;
    height:400px;
    margin: 30px auto;
    text-align: center;
}
.page404 img{
    display: block;
    margin: 0 auto;
}
.page404 h3{
    font-size: 20px;
    font-weight: normal;
    color: #676767;
}
.page404 p{
    color: #999;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}
.page404 .linkindex{
    color: #007bff;
    font-size: 14px;
}
.page404 .linkindex span{
    font-size: 20px;
    margin-right: 5px;
}
.page404 .linkindex em{
    font-size: 14px;
    color: #d2d2d2;
    font-style: normal;
}
.page404 .linkindex a{
    font-size: 14px;
    color: #333;
    text-decoration: none;
}
.page404 .linkindex a:hover{
    color: #007bff;
}
.page404 .linkindex .fa{
    margin-right: 5px;
}