.head-top{border-top: 10px solid #4472c4;padding: 10px 0}
.head-top .selc select{border: 0;color: #4472c4}
.head-top .search-form{padding-left: 1rem;padding-top: .5rem}
.form-control{padding:5px 10px}
#header .navbar{background: #4472c4;padding: 0}
#header .navbar .navbar-nav .nav-item{margin-left: 5px}
#header .navbar .navbar-nav .nav-item .nav-link{padding: 10px 3rem;border-top: 1px solid #4472c4;color: #fff;cursor: pointer;font-weight:600;font-size:16px}
#header .navbar .navbar-nav .nav-item.active .nav-link,#header .navbar .navbar-nav .nav-item:hover .nav-link{background: #ececec;color: #000}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 10px ;height: 10px}
.banner .swiper-pagination-bullet-active{background: #fff}
.dropdown{position: static}

.dropdown-menu{width: 100%;background: #4472c4;top: 90%;}
.dropdown:hover .dropdown-menu{display: block}
.dropdown-submenu{padding: .8rem 0;}
.dropdown-submenu .dropdown-item{color:#fff}
.dropdown-submenu:hover .dropdown-item,.dropdown-item:hover{background:#fff;color: #4472c4}
.dropdown-item2{margin-left:2rem;font-size:14px;color:#fff;width:100%;padding:.3rem 1rem}
.dropdown-item2:hover{background:#fff;color:#4472c4}
.dropdown-submenu2{padding:.3rem 0;width:100%;}
/*title*/
.title{padding: 1rem 0}
.title .t1{font-size: 30px}
.title .t2{font-size: 16px;color: #7c7c7c;padding: .5rem 0;}
/*index_about*/
.index_about{background: #fff}
.index_about .s_hy{padding-bottom: 3rem}
.index_about .s_hy .item{box-sizing: border-box;border: 1px solid #4472c4;padding: 2rem 0;text-align: center;}
.index_about .s_hy .item .img{overflow:hidden}
.index_about .s_hy .item .name{font-size: 14px;font-weight: 600}
/*index_product*/
.index_product{background: #f6f6f6}
.index_product .col-12{margin-bottom: 2rem}
.index_product .item{position: relative;overflow: hidden;border: 1px silver solid ;box-shadow: 2px 2px 2px silver;background: #fff;height: 100%;text-align: center}
.index_product .item .nametabs{position: absolute;height: 100%;width: 100%;background:rgba(135,204,223,0.5);text-align: center;padding-top: 35%;bottom: -100% }
.index_product .item:hover  .nametabs{bottom: 0;transition: all .5s}
/*index_case*/
.index_case .item{padding-bottom: 2rem}
.index_case .item .img{height: 96px;text-align: center;line-height: 96px;vertical-align: middle}
.index_case .item .name{text-align: center;padding-top: 5px}
.index_case .desc{text-align: center;font-size: 15px;line-height: 1.54rem;padding-bottom: 2rem}
.index_case .img2{padding-bottom: 4rem}
/*link*/
.link{background: #fff;padding: 2rem 0 5rem 0}
.link .swiper-slide{background: #fff;text-align: center;overflow: hidden;border: 1px solid #4472c4}
.link .swiper-slide a{display: block;position: relative;height: 100%}
.link .swiper-slide .img{z-index: 1;position: relative;height: 100%}
.link .swiper-slide .name{position: absolute;width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.5);color: #fff;top: 100%;padding-top: 30%}
.link .swiper-slide:hover .name{top: 0;transition: 1s all}
.link  .swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: linear;    /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
}

/*footer*/
footer{background: #264376;color: #fff;padding: 2rem 0}
footer .bottom-logo{padding-bottom: .5rem}
footer .p{padding: .1rem 0}
footer .nav-bottom{padding-top: 1rem}
footer .nav-bottom a{color: #fff}
footer .nav-bottom dd{padding-bottom: .5rem;font-size: 16px;}
footer .nav-bottom dt{font-size: 14px;padding-left: 5px;line-height: 1.8rem;font-weight: 100}
.copyright{background: #264376;color: #fff;border-top: 2px silver solid;padding: 10px 0}
.copyright  a{color: #fff}
.ur-here{padding: 1rem 0}
/*caselist*/
.caseList{padding: 3rem 0}
.caseList .list{padding: 1rem}
.caseList .list .item{margin-bottom: 2rem}
.caseList .list .ctt{font-weight: 600;font-size: 16px;text-align: center;padding: 10px 0}
.cases{background: #eaeaea}
.cases .content{min-height: 500px;}
.cases .content .img{background: #fff;text-align: center;padding: 2rem 1rem}
.cases .content .detail{padding: 2rem 0;line-height: 1.88rem}
.cases .plist{padding: 2rem 0}
.cases .plist .ttle{font-size: 18px;font-weight: 600;padding-bottom: .6rem;text-transform: capitalize}
.cases .plist  .item{background: #fff;border: 1px #999 solid;text-align: center}
/*service*/
.service_case .service_case{padding: 4rem 0}
.service_case .item{padding-bottom: 2rem}
.service_case .item .img{height: 96px;text-align: center;line-height: 96px;vertical-align: middle}
.service_case .item .name{text-align: center;padding-top: 5px}
.service_case .desc{text-align: center;font-size: 16px;line-height: 1.54rem;padding-bottom: 2rem}
.service_case .img2{padding-bottom: 4rem}
.service2{padding: 3rem 0}
/*aboutdesc*/
.aboutdesc .desc{font-size: 16px;line-height: 1.6rem;letter-spacing: 1px}
.aboutimg{padding: 2rem 0 4rem 0}
.history .img{padding: 5rem 0}
.honor{padding: 3rem 0}
.honor .list{padding-top: 2rem}
/*contact*/
.contact{padding-top: 3rem}
.contact .store_name{font-size: 30px;font-weight: 600}
.contact .p{padding: 10px 0}
.contact .p .icon{padding-right: 10px}
.map{padding: 2rem 0}
    /*proList*/
.proList{background: #eaeaea}
.proList .photolist{min-height: 480px}
.proList .item .img{border: 2px silver solid;text-align: center;}
.proList .item:hover .img{border: 2px #4472c4 solid}
.proList .item .name{padding: 1rem 0;text-align: center}
.product{background: #eaeaea}
.product .productinfo .img{width: 40%;background: #fff;text-align: center;padding: 2rem 0;min-height:400px;border: 2px #4472c4 solid}
.product .productinfo .info{width: 60%;padding-left: 10%;box-sizing: border-box}
.product .productinfo .info .name{font-size: 18px;font-weight: 600;padding-bottom: .6rem}
.product .productinfo .info .content{line-height: 1.8rem}
.product .clist{padding: 2rem 0}
.product .clist .ttle{font-size: 18px;font-weight: 600;padding-bottom: .6rem}
.product .clist  .item{background: #fff;border: 1px #999 solid;text-align: center;height: 100%}
/*pagebanner*/
.pagebanner{position: relative}
.pagebanner .img{position: relative;z-index: 1}
.pagebanner .page-title{position: absolute;z-index: 100;top: 30%;width: 100%;letter-spacing: 1px}
.pagebanner .page-title .t1{font-size: 30px;font-weight: 600;color: #fff;padding-bottom: .6rem}
.pagebanner .page-title .t2{height: 6px;background: #fff;width: 50px;margin-left: 70px}



/*articleList*/
.articleList{background: #eaeaea}
.articleList .main-content{padding-bottom: 2rem}
.articleList .list{background: #fff;padding: 10px 1rem;min-height: 450px;width: 100%}
.articleList .list .item{border: 1px silver solid;margin-bottom: 2rem;padding: 1rem}
.articleList .list .item .title{font-size: 24px;color: #5e5e5e;padding-bottom: .5rem}
.articleList .list .item .xian{width: 50px;height: 2px;background: #5e5e5e}
.articleList .list .item .desc{padding-top: .5rem;color: #898989}
.articleList .list .item .more{margin-top: 2rem;margin-bottom: 1rem}
.articleList .list .item .more span{border: 1px #898989 solid;color: #898989;padding: 6px 1rem;}
.articleList .list .item:hover .title{color: #4472c4;}
.articleList .list .item:hover .xian{background: #4472c4}
.articleList .list .item:hover .more  span{border: 1px #4472c4 solid;color: #4472c4;}
.article{background: #eaeaea;padding-bottom: 2rem}

.article .content{background: #fff;padding: 2rem;}
.article .content .attt{text-align: center;font-size: 30px;font-weight: 600}
.article .content .info{text-align: center;padding-top: .5rem;color: #4472c4}
.footer-mobile{display: none}
/*手机端*/
@media (max-width:1100px) {
    .main-nav{background: #4472c4}
    .navbar  .nav-item .nav-link{text-align: center;color: #fff;padding: .5rem 0}
    .navbar  .nav-item.active .nav-link{background: #ececec;color: #000}
    .index_about .flex .item{width: calc(50% - 10px);margin-bottom: 10px}
    .m-code{text-align: center}
    #header .navbar{padding: 5px;}
    button.menu{background: transparent;border: 0; outline: none;}
    .caseList .list{padding:1rem 0}
    .cases .plist .item{margin-bottom: 1rem}
    .product .productinfo .img{width: 100%}
    .product .productinfo .info{width: 100%}
    .product .clist .item{margin-bottom: 1rem}
    .about .left{width: 100%}
    .about .right{width: 100%}
    .history .left{width: 100%}
    .history .right{width: 100%}
    .honor .list{padding: 0}
    .honor .item{margin-bottom: 1rem}
    .contact .left{width: 100%}
    .contact .right{width: 100%;
        padding-left: 1rem;
        background: #fff;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .map{width: 100%;position: relative;padding: 10px}
    .article .content{padding: 10px}
    .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: #fff;
        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}
}