html, body {

    margin: 0;

    padding: 0;

}

a {

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    text-decoration: none;

}



a:hover {

    text-decoration: none;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



em {

    font-style: normal;

}



ol,ul{list-style:none}



li{display:list-item}



a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {

    border: 0;

    margin: 0;

    padding: 0;

    font-size: 100%;

}



body {

    font-family: 微软雅黑,Geneva, Arial, Helvetica, sans-serif;

    font-size: 14px;

    color: #333333;

    margin: 0;

    padding: 0;

    height: 100%;

    background: #F6F6F6;

}



/** 头部 **/

.container {

    width: 100%;

    margin: 0 auto;

}

.headers {

    padding: 0;

    /*background:linear-gradient(to right, #5856d5 0%, #ff1d5b 100%);*/

    /*display: flex;*/

    /*align-items: center;*/

    /*justify-content: flex-start;*/

    /*position: relative;*/

    /*padding-top: 0.2rem;*/

}

.headers .header-line {

    width: 100%;

    height: 0.2rem;

    background:linear-gradient(to right, #0040A8 0%, #0073B4 100%);

    /*position: absolute;*/

    /*left: 0;*/

    /*top: 0;*/

}

.headers .logo {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    padding: .5rem 0 0.5rem 1rem;

}

.headers .logo img {

    width: 70%;

}

/** banner **/

.banner {

    height: 12rem;

    width: 100%;

    overflow: hidden;

    position: relative;

}

.banner .swiper-wrapper {

    height: 12rem;

    width: 100%;

}

.banner .swiper-wrapper .swiper-slide {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



/** 主体 **/

.content {

    /*padding-bottom: 2.2rem;*/

}

.bgf6 {

    background: #F6F6F6;

}

.content .container-centent {

    padding: 0 1rem;

    width: calc(100% - 2rem);

    overflow: hidden;

}

.content .container-centent .navs {

    display: flex;

    align-items: center;

    justify-content: space-between;

    height: 3rem;

    width: 100%;

    margin: 1rem 0 1rem;

    border-bottom: 0.1rem solid #EEE;

}

.content .container-centent .navs .l {

    height: 3rem;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    width: 50%;

}

.content .container-centent .navs .title {

    position: absolute;

    font-size: 1.2rem;

    text-align: center;

    color: #0040A8;

}

.content .container-centent .navs em {

    width: 4.8rem;

    height: 0.2rem;

    background:linear-gradient(to right, #0040A8 0%, #0073B4 100%);

    left: 0;

    bottom: -2px;

    position: absolute;

}

.content .container-centent .navs .more {

    color: #666;

}

.content .container-centent .pro-list {

    font-size: 0;

    display: inline-block;

}

.content .container-centent .pro-list .lis {

    width:calc(50% - 0.5rem);

    height: 17.5rem;

    margin-right: 1rem;

    display: inline-block;

    background: #FFF;

    transition: all 0.3s;

    margin-bottom: 1rem;

}

.content .container-centent .pro-list .lis:hover {

    margin-top: 0px;

    box-shadow: 0 1rem 2rem rgb(0 0 0 / 10%);

    transform: translate3d(0,-0.2rem,0);

    transition: all 0.3s;

}

.content .container-centent .pro-list .lis:nth-child(2n){

    margin-right: 0;

}

.content .container-centent .pro-list .lis .image {

    width: 100%;

    height: 10.2rem;

    position: relative;

}

.content .container-centent .pro-list .lis .image img {

    width: 100%;

    height: 10.2rem;

}

.content .container-centent .pro-list .lis .image em {

    position: absolute;

    left: 0;

    top: 0;

    width: 2rem;

    height: 2rem;

    background: url('../image/tuijian.png') center no-repeat;

}

.content .container-centent .pro-list .lis .tit {

    font-size: 1rem;

    color: #333;

    padding: 0 0.4rem;

    display: inline-block;

    height: 2rem;

    line-height: 2rem;

    overflow: hidden;

    transition: all 0.3s;

    font-weight: 400;

    font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;

}

.content .container-centent .pro-list .lis .tag {

    font-size: 0.8rem;

    color: #999;

    display: inline-block;

    width: calc(100% - 0.8rem);

    overflow: hidden;

    line-height: 1.2rem;

    height: 2.4rem;

    padding: 0 0.4rem;

}

.content .container-centent .pro-list .lis .info {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 0.4rem;

    margin-top: 1rem;

}

.content .container-centent .pro-list .lis .info .price {

    font-size: 1.1rem;

    color: #F60;

}

.content .container-centent .pro-list .lis .info .read {

    color: #999;

    font-size: 0.8rem;

}



.fiexd-menu {

    position: fixed;

    width: 2.4rem;

    height: 2.4rem;

    z-index: 80;

    display: block;

    top: 1rem;

    right: 0.2rem;

    opacity: 1;

}

.fiexd-menu .fiexd-menu-list {

    display: block;

    position: absolute;

    left: 0.2rem;

    top: 0.2rem;

    width: 2rem;

    height: 2rem;

    border-radius: 50%;

    z-index: 5;

    background: #fff;

    box-shadow: -1px 1px 0 #0040A8, -1px -1px 0 #0073B4, 1px 1px 0 #0073B4, 1px -1px 0 #0040A8;

}

.fiexd-menu .fiexd-menu-list i{

    display: block;

    overflow: hidden;

    position: absolute;

    line-height: 0rem;

    height: 0.2rem;

    background: #0040A8;

    width: 1.3rem;

    left: 0.4rem;

}

.fiexd-menu .fiexd-menu-list .i-1 {

    top: 0.5rem

}

.fiexd-menu .fiexd-menu-list .i-2 {

    top: 0.9rem

}

.fiexd-menu .fiexd-menu-list .i-3 {

    top: 1.35rem

}

.menus {

    width: 60%;

    height: 100%;

    overflow-y: auto;

    position: fixed;

    z-index: 1001;

    right: -100%;

    top: 0px;

    padding: 10px 0px;

    transition: all 0.5s ease-in;

    background: linear-gradient(to right, #0040A8 0%, #0073B4 100%);

    box-shadow: -2px 0 5px #5856d5;

}

.menus ul {

    padding-bottom: 35px;

}

.menus ul li{

    border-width: 0px 0px 1px;

    border-style: solid;

    border-color: #ddd;

}

.menus li:first-child {

    border-top: none;

}

.menus .listSetup {

    margin-top: 15px;

    margin-bottom: 15px;

    margin-left: 15px;

    margin-right: 15px;

}

.menus li a {

    color: #fff;

    font-size: 1rem;

    position: relative;

    display: block;

    padding: 5px 0 5px 25px;

}

.menus li em:after {

    content: "";

    position: absolute;

    background-color: #ddd;

    height: 1px;

    width: 4px;

    box-shadow: -1px 1px 0 #ddd, -2px 2px 0 #ddd, -3px 3px 0 #ddd, -4px 4px 0 #ddd, -5px 5px 0 #ddd, -1px -1px 0 #ddd, -2px -2px 0 #ddd, -3px -3px 0 #ddd, -4px -4px 0 #ddd, -5px -5px 0 #ddd;

    left: -4px;

    top: 50%;

    margin-left: 14px;

}

.Nzz {

    position: fixed;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: 98;

    display: none;

    background-color: rgba(0,0,0,0.5);

}



.pages {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    font-size: 0.8rem;

    padding: 1rem 0;

}



.pages .pagination {

    display: flex;

    align-items: center;

    justify-content: center;

}

.pages .pagination > li {

    margin: 0 5px;

}

.pages .pagination > li > a,

.pages .pagination > li > span {

    border-color: #eee;

    color: #666;

    padding: 3px 8px;

    background: #FFF;

}

.pages .pagination > li > a:hover,

.pages .pagination > li > span:hover,

.pages .pagination > li > a:focus,

.pages .pagination > li > span:focus {

    background: #ff1d5b;

    color: #fff;

}

.pages .pagination > .active > a,

.pages .pagination > .active > span,

.pages .pagination > .active > a:hover,

.pages .pagination > .active > span:hover,

.pages .pagination > .active > a:focus,

.pages .pagination > .active > span:focus {

    background: #ff1d5b;

    color: #fff;

}























/** 内页 **/

.bg-write {

    background: #FFF;

}

.page-headers {

    display: flex;

    align-items: center;

    justify-content: space-between;

    height: 2.6rem;

    background: #f6f6f6;

    box-shadow: 0 0.1rem 0.1rem #DDD;

    position: fixed;

    left: 0;

    top: 0;

    z-index:50;

    width: 100%;

}

.page-headers .return-right {

    padding-left: 0.5rem;

    margin-top: 0.2rem;

}

.page-headers .return-btn {

    width: 1.4rem;

    height: 1.4rem;

    padding-right: 0.5rem;

}

.page-headers .return-name {

    font-weight: bold;

}

.page-headers .return-right img {

    width: 1.4rem;

    height: 1.4rem;

}

.pd3 {

    padding-top: 4rem;

}

.cates {

    display: inline-block;

    width: 100%;

    background: #FFF;

}

.cates .line {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    border-bottom: 0.1rem solid #EEE;

}

.cates .line:last-of-type {

    border-bottom: none;

}

.cates .line a {

    width: calc((100% - 1rem) / 3);

    padding: 0.5rem 0;

    font-size: 0.9rem;

    color: #666;

    text-align: center;

}

.cates .line a.active {

    color: #1E50AE;

}

.cates .line em {

    width: 0.1rem;

    height: 0.8rem;

    background: #ccc;

}

.news-list {

    background: #F6F6F6;

    padding-top: 2.6rem;

}

.news-list .li {

    width: calc(100% - 2rem);

    padding: 1rem;

    background: #FFF;

    display: inline-block;

    font-size: 0;

    margin-top: 0.5rem;

}

.news-list .li .tit {

    display: inline-block;

    width: 100%;

    color: #333;

    font-size: 0.9rem;

}

.news-list .li .time {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    font-size: 0.8rem;

    color: #999;

    margin-top: 0.5rem;

}

.news-list .li .time em {

    margin-right: 0.2rem;

    width: 1rem;

    height: 1rem;

    background: url('../image/time.png') center no-repeat;

}

.news-detail {

    padding-top: 2.6rem;

    margin-bottom: 1rem;

}

.news-detail .detail-title {

    background: #FFF;

    padding: 2rem 1rem 0.8rem;

    width: calc(100% - 2rem);

    text-align: center;

    font-size: 1rem;

    color: #333;

}

.news-detail .detail-tag {

    display: flex;

    align-items: center;

    justify-content: center;

    background: #FFF;

    color: #999;

    font-size: 0.8rem;

}

.news-detail .detail-tag img {

    width: 0.9rem;

    height: 0.9rem;

    margin-right: 0.2rem;

}

.news-detail .detail-content {

    padding: 1rem;

    background: #FFF;

    line-height: 1.6rem;

    color: #666;

    margin-bottom: 0.5rem;

}

.news-detail .detail-content img {

    max-width:100% !important;

}

.news-detail .detail-more {

    background: #FFF;

    padding: 1rem;

}

.news-detail .detail-more .detail-more-name {

    display: flex;

    align-items: center;

    justify-content: center;

}

.news-detail .detail-more .detail-more-name em {

    width: 5rem;

    height: 1px;

    background: #DDD;

}

.news-detail .detail-more .detail-more-name span {

    padding: 0 0.5rem;

    font-size: 1rem;

    color: #333;

}

.news-detail .detail-more .btns {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 2rem 0 1rem;

}

.news-detail .detail-more .btns a {

    border: 1px solid #DDD;

    border-radius: 0.4rem;

    padding: 0.5rem 2rem;

    color: #444;

}

.pro-detail {

    padding-top: 2.6rem;

}

.pro-detail .pro-image {

    width: 100%;

    max-width:100%;

}

.pro-detail .pro-detail-info {

    background: #FFF;

    padding: 0.5rem 1rem 1rem;

    margin-bottom: 1rem;

}

.pro-detail .pro-detail-info .tit {

    font-size:1.4rem;

    color: #020202;

    margin-bottom: 0.2rem;

}

.pro-detail .pro-detail-info .tag {

    font-size: 0.8rem;

    color: #6e6b6b;

}

.pro-detail .pro-detail-info .info {

    background-color: #FFF2E8;

    padding: 0.5rem;

    margin-bottom: 1rem;

    margin-top: 1rem;

    box-sizing: border-box;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.pro-detail .pro-detail-info .info .price {

    ont-weight: 400;

    font-size: 1.6rem;

    color: #f06600;

}

.pro-detail .pro-detail-info .info .read {

    color: #a7a0a0;

    font-size: 0.8rem;

}

.pro-detail .pro-detail-info .intro {

    padding: 1rem;

    background-color: #f7f7f7;

}

.pro-detail .pro-detail-info .intro .line {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    line-height: 1.6rem;

}

.pro-detail .pro-detail-info .intro .line .labels {

    color: #999;

    width: 3rem;

}

.pro-detail .pro-detail-info .intro .line .val {

    width: calc(100% - 3rem);

}

.pro-detail .detail-contents {

    background: #FFF;

    margin-bottom: 1rem;

}

.pro-detail .detail-contents .detail-contents-tit {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid #EEE;

    padding: 0.5rem 1rem;

    font-size: 1rem;

}

.pro-detail .detail-contents .detail-contents-value {

    padding: 1rem;

    line-height: 1.8rem;

}

.pro-detail .detail-contents .detail-contents-value img,.pro-detail .detail-contents .detail-contents-value video {

    max-width:100% !important;

}

.pro-detail .next-more {

    margin-bottom: 1rem;

}

.pro-detail .next-more .next-more-box {

    border-bottom: 1px solid #EEE;

    padding: 0.5rem 1rem;

}

.pro-detail .next-more .next-more-box .lbs {

    color: #999;

    margin-bottom: 0.5rem;

}

.pro-detail .next-more .next-more-box a {

    color: #666;

}

.pro-detail .next-more .next-more-box:last-of-type {

    border-bottom: none;

}

.footer {

    padding: 1rem;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-flow: column;
    margin-bottom: 4rem;

}

.footer img {

    width: 14rem;

    height: 14rem;

}

.footer p {

    line-height: 2rem;

    font-size: 0.8rem;

    color: #888;

}

.footer a {

    color: #333;

}















.chengwuyuan {

    line-height: 1.6rem;

}

.xueyuan .boxs {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-flow: column;

    width: calc(50% - 0.5rem);

    float: left;

    margin-right: 1rem;

    margin-bottom: 1rem;

}

.xueyuan .boxs:nth-child(2n){

    margin-right: 0;

}

.xueyuan .boxs img {

    width: 100%;

    height: 6.8rem;

}

.xueyuan .boxs span {

    width: 100%;

    display: inline-block;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    height: 1.6rem;

    color: #666;

    font-size: 0.9rem;

    text-align: center;

}

.page-contact {

    width: 100%;

}

.page-contact img {

    max-width: 100%;

}

.maps {

    width:100%;

}

.maps img{

    max-width:100%;

}

.contacts p {

    font-size: 1rem;

    color: #666;

    line-height: 1.8rem;

}

.pb3 {

    margin-bottom: 3rem;

}

.xuzhi p {

    font-size: 0.9rem;

    line-height: 1.4rem;

}

.xuzhi p span {

    color: #F00;

}



.forms .baoming-boxs-form-field {

    font-size: 0;

}

.forms .baoming-boxs-form-field .li {

    font-size: 0.9rem;

    color: #666;

    display: inline-flex;

    align-items: center;

    justify-content: flex-start;

    width: 100%;

    margin-bottom: 1rem;

}

.forms .baoming-boxs-form-field .li:nth-child(3n){

    margin-right: 0;

}

.forms .baoming-boxs-form-field .li .label {

    width: 5rem;

}

.forms .baoming-boxs-form-field .li .label em {

    color: #F00;

}

.forms .baoming-boxs-form-field .li .text {

    border: 1px solid #EEE;

    outline: none;

    padding:0.4rem 0.5rem;

}

.forms .baoming-boxs-form-field .li .select {

    border: 1px solid #EEE;

    outline: none;

    padding: 0.4rem 0.5rem;

}

.forms .baoming-boxs-form-btn {

    display: flex;

    align-items: center;

    justify-content: center;

}

.forms .baoming-boxs-form-btn .baoming-boxs-form-btns {

    padding: 0.5rem 0;

    font-size: 16px;

    background: #1E50AE;

    width: 100%;

    color: #FFF;

    cursor: pointer;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    border-radius: 0.5rem;

    margin-top: 1rem;

    border: none;

}
.fiexd-footer {
    position: fixed;
    left: 0;
    bottom:0;
    width: 100%;
    background: #0040A8;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.8rem 0;
    font-size: 1.3rem;
}
.fiexd-footer  a {
    color: #FFF;
}