/*header*/
.navbar-brand{
    position: absolute;
    z-index: 999;
    top: -1.8rem;
}
.navbar{padding: 1.5rem 0}
.nav-item{padding: 0 2rem}
.nav-link{font-size:18px}
.banner .swiper-pagination-bullet{background: #1374bb;opacity: 1}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 50px;border-radius: 4px;background: #fff}
/*index_about*/
.index_about{padding-bottom: 0}
.index_about .aboutimg{background: url('../images/a2.jpg') no-repeat center;width: 100%;height: 405px;padding: 4rem}
.index_about .aboutimg .text{width: 60%;}
.index_about .aboutimg .name{color: #fff;font-size: 20px;font-weight: 600;text-align: center;}
.index_about .aboutimg .hr{background: #fff;width: 30px;height: 3px;text-align: center;margin: 1rem auto}
.index_about .aboutimg .desc{color: #fff;text-indent: 2rem;line-height: 1.8;font-size: 12px}
.index_about  .more{height: auto;background: #3da2db;color: #fff;padding: 1.7rem }
.index_about  .more a{display: block;color: #fff;height: 100%}
.index_about  .more:hover{
    background: #1374bb;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -o-transition: all ease .4s;
}
/*index_product*/
.index_product {background: #f5f5f5;padding-bottom: 4rem}
.index_product .title .t1{font-size: 24px;color: #1374bb;font-weight: 600}
.index_product .title .t2{font-size: 14px;color: #c1c1c1;padding: 1rem 0}
.index_product .item{position: relative}
.index_product .item .img{position: relative;z-index: 1}
.index_product .item .text{position: absolute;z-index: 3;top: 10px;color: #fff;padding: 1rem}
.index_product .item .text .hr{background: #ffffff;height: 3px;width: 30px;margin: 1rem auto}
.index_product .item .text .en_name{font-size: 12px}
.index_product .item .text .name{text-align: center;font-size: 12px}
/*index_article*/
.index_article .title .t1{font-size: 24px;color: #1374bb;font-weight: 600}
.index_article .title .t2{font-size: 14px;color: #c1c1c1;padding: 1rem 0}
.index_article .item .text{padding: 1rem;background: #1374bb;color: #fff;font-size: 12px}
.index_article .item .text .at{font-size: 18px;padding: .5rem 0}
.index_article .new4{padding-top: 1.2rem;font-size: 12px}
.index_article .new4 .it{background: #e0e0e0;padding: 1rem}
.index_article .new4 .it .time{color: #999999}
.index_article .new4 .it .at{font-size: 16px;color: #1374bb;padding: .5rem 0;font-weight: 600}
.index_article .new4 .it .desc{color: #999999;line-height: 1.8}
/*footer*/
footer{background: #313131;padding: 2rem 0;color: #fff}
footer .store_name{font-size: 24px;font-weight: 600;color: #fff}
footer .link{width:calc(100% - 140px)}
footer .address{padding: 0.5rem 0 1rem 0;}
footer .code .text{width: 120px;}
footer .code .text .p{text-align: center;background: #0182cf}
/*cat_nav*/
.cat_nav{background: #0181ce}
.cat_nav a{display: block;padding: 1rem 2rem;border-right: 1px silver solid;color: #fff}
.page .title{text-align: center;padding: 1.5rem 0;border-bottom: 1px #999 solid;margin-bottom: 1.5rem}
.page .title .t1{font-size: 24px;}
.page .title .t2{font-size: 16px;text-transform: uppercase}
.page .content{min-height: 300px;}

/*photolist*/
.photolist{margin-top: 2rem}
.photolist .item{position: relative;margin-bottom: 2rem;width: 100%}
.photolist .item .img{position: relative;z-index: 1}
.photolist .item .text{position: absolute;z-index: 2;top: 0;color: #fff;padding: 2rem;text-align: center;width: 100%;height: 100%;background: rgba(255,255,255,.3);padding-top:50%}
.photolist .item .text .name{font-size: 16px;}
.photolist .item .text .en_name{font-size: 12px;}
/*product*/
.product .name{font-size: 24px;padding: 2rem 0;text-align: center;color: #666}
.product .content{padding: 1rem ;min-height: 300px}
/*articleList*/
.articleList .item{background: #e0e0e0;padding: 1rem ;margin-bottom: 2rem}
.articleList .main-content{margin-top: 2rem}
.articleList .item .time{width: 100px;background: #1374bb;color: #fff;font-size: 14px;text-align: center;height: 30px;line-height:30px;vertical-align:middle}
.articleList .item .time .yaer{font-size: 14px;}
.articleList .item .text{width: calc(100% - 100px);padding-right: 2rem;box-sizing: border-box}
.articleList .item .text .tlt{font-size: 18px;font-weight: 600;padding-bottom: 1rem}
.articleList .item .text .desc{font-size: 12px;}
/*article*/
.article .back{padding: 1rem;text-align: right}
.article .back span{border-bottom: 1px silver solid;padding-left: 1rem;color: silver;cursor: pointer}
.article .attt{font-size:24px;text-align: center;padding-top: 1rem}
.article .info{text-align: center;color: #717171;padding-bottom: 1rem;border-bottom: 1px silver solid;margin-bottom: 1rem}
.article .detail{min-height: 300px}
/*notice*/
.notice .item{background: #f6f6f6;padding: 1rem ;margin-bottom: 3rem}
.notice .main-content{margin-top: 2rem}
.notice .item .tlt{font-size:16px;font-weight:600}
.notice .item .tlt .time{color:#7b7b7b;font-weight:100}
.notice .item .desc{text-indent:2rem;padding-top:1rem;line-height:1.8}


/*contact*/
.contact{padding-bottom: 2rem}


.copyright{background: #222222;border-top: 1px #666666 solid;color: #666666;padding: .5rem 0}
.copyright a{color: #666}
.footer-mobile{display: none}
/*手机端*/
@media (max-width:1100px) {

    .navbar-brand{position: initial}
    .navbar{padding: 10px}
    .nav-item{text-align: center;font-size: 16px;padding: 1rem ;border-top: 1px silver solid}
    .index_about .aboutimg{height: auto;padding: 1rem 10px 0 10px}
    .cat_nav a{padding: 1rem}
    .navbar-toggler-icon {
        background-image: none;
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100%;
    }
    .navbar-toggler-icon .navbar-toggler-bar {
        display: block;
        position: relative;
        width: 18px;
        height: 2px;
        border-radius: 1px;
        background: #666;
        transition: all .2s;
        margin: 0 auto;
    }
    .navbar-toggler-icon .navbar-toggler-bar.bar2, .navbar-toggler-icon .navbar-toggler-bar.bar3 {
        margin-top: 5px;
    }
    .footer-mobile{display: block;position: fixed;width: 100%;bottom: 0;z-index: 999999;background: #f5f5f5;padding: 10px}
    .footer-mobile .item{text-align: center}
    .footer-mobile .item .icon img{width: 30px}
    .footer-mobile .item .name{font-size: 12px;padding-top: 5px}
}