@charset "utf-8";
/* CSS Document */
body{overflow-x: hidden;}
body img{width:100%;}
.pc_web{display:block !important;}
.m_web{display:none !important;}
@media screen and (max-width:996px){
    .pc_web{display:none !important;}
    .m_web{display:block !important;}
}

/*************************************导航css*******************************************/
header{display: flex; flex-direction: column; max-width:100%; margin-left:0; box-shadow:0 0 15px rgba(0,0,0,.2); transition:all .5s ease-in-out;}
header.sticky{max-width:100%;margin-left:0;}
header.sticky .site_nav{background:rgba(224,224,224,1);}
header.sticky .bg-light{background:rgba(255,255,255,1) !important; border-radius:0;}
.site_nav{background:rgba(224,224,224,.95); height:30px; display: flex; justify-content:flex-end; align-items:center; padding-right:1.5rem;}
.site_nav span{margin:0 10px; font-size:0.875em;}
.site_nav i{margin-right:8px; color:#f0873a;}
.site_nav span img{width:20px; margin-right:8px;}

.header_logo{background:#fff;}
.header_logo .container{display: flex; justify-content: space-between;}
.header_logo img{width:100%; max-width:90px;margin-right:10px;}
.header_tel{display: flex; flex-direction: column; justify-content:center; align-items:flex-start;}
.header_tel span{display: flex; align-items: center;}
.header_tel i{margin-right:8px; color:#f0873a; font-size:20px;}
.header_tel span img{width:20px; margin-right:8px;}


.navbar{padding:0.5rem 2rem;}
.navbar-brand{font-size:2rem; font-weight:bold; padding-top:1rem; padding-bottom:1rem; display:flex; align-items:center;}
.navbar .navbar-brand img{max-width:80px; margin-right:15px;}
.navbar-collapse{flex-grow:0; width:100%;}
.navbar-expand-lg .navbar-nav{width:100%; justify-content: space-around;}
.navbar-expand-lg .navbar-nav .nav-link{font-weight:bold; font-size:1.125em; padding:0.2rem 3rem;}
.navbar-expand-lg .navbar-nav .nav-link:hover{background:#f0873a; border-radius:4px; color:#fff;}
.navbar-expand-lg .navbar-nav .nav-item{position: relative;cursor: pointer;z-index:3;}
.navbar-expand-lg .navbar-nav .nav-item.nav-tel{display:flex; align-items: center;}
.navbar-expand-lg .navbar-nav .nav-item.nav-tel .nav-link{ padding:0.2rem 1rem; color:#fff; display: flex; align-items:center; background:#f0873a; border-radius:4px; margin-left:10px;}
.navbar-expand-lg .navbar-nav .nav-item.nav-tel .nav-link i{margin-right:5px;}
.navbar-expand-lg .navbar-nav .nav-item.nav-tel .nav-link:hover{background:#1c327e;}
.navbar .list{position: absolute;top:38px;left:0;width:100%;display: none;background: #fff;z-index:2;}
.navbar .link{display: block;padding:15px 20px;border-bottom:1px solid #eee;text-align: center;}
.navbar .link:hover{background: #f8f8f8;color:rgb(30,51,122);}
.navbar .nav-item:hover .list{display: block;}

.bg-light{background:#ccc !important;/* border-bottom-left-radius:5px; border-bottom-right-radius:5px;*/}
.close,#navbarNav .navbar-brand{display: none;}

@media screen and (max-width:1440px){
    .navbar-brand{padding-top:0; padding-bottom:0;}
    .navbar-expand-lg .navbar-nav .nav-link{font-size:1em;padding-right: 2rem;padding-left: 2rem;}
    .navbar-expand-lg .navbar-nav .nav-item.nav-tel .nav-link{ padding:0.4rem 3rem;}
}

@media screen and (max-width:1280px){
    .navbar-brand{font-size:1.15rem;}
    .navbar-light .navbar-nav .nav-link{font-size:1.25em;}
}

@media screen and (max-width:996px){
    body{position: relative;}
    .header_logo{display:none;}
    .navbar-brand{padding:0; font-size:1rem; font-weight:bold;}
    .navbar-collapse{position:fixed; z-index: 9999; width:100%; max-width:100%; height:100vh; background:#f2f2f2; padding:1rem 2rem; top:0px; left:0;}
    .bg-light{background:#fff !important;}
    .navbar-light .navbar-toggler{color: rgba(255, 255, 255, 0.5);border-color:rgba(255,255,255, 0.8); padding:0; line-height:1.25;}
    .navbar-light .navbar-toggler-icon{background-image:none; color:#fff; font-size:1.35em; height:1.25em; }
    .nav-link{padding:0.8rem 1rem; border-bottom:1px #e2e2e2 solid;}
    .dropdown-menu{margin:0;background:none; padding-bottom:30px;}
    .dropdown-item{border-bottom:1px #e2e2e2 solid; text-align:left; line-height:3;}
    .navbar-light .navbar-nav .nav-link{color:rgba(255,255,255,.9);}
    .navbar-expand-lg .navbar-nav .nav-link{padding:0.5rem 3rem;}
    .nav-item-none{display:none;}

    .navbar .list{position: static;background: transparent;}
    .navbar .link {display: block;padding: 5px 20px;border-bottom: 1px solid #ddd;text-align: left;}
}

@media screen and (max-width:576px){
    .fixed-top {position:relative;top: 0;right: 0;left: 0;z-index: 1030;}
    header{max-width:100%; margin-left:0; box-shadow:none; height:60px; border-bottom:1px #f5f5f5 solid;}
    .site_nav span{font-size:10px;}
    .site_nav i{margin-right:5px;}
    .navbar-expand-lg .navbar-nav .nav-link{font-size:1em;padding-right:0;padding-left:0;}
    .navbar-expand-lg .navbar-nav .nav-link img{max-width:21px; margin-right:10px;}
    .navbar{padding:0.5rem 1rem; height:100%;}
    .navbar .navbar-brand img{max-width:50px;}
    .navbar-toggler {padding:0;}
    .site_nav{padding-right:0rem;}
    .navbar-toggler-icon {height: 1em; }

    .nav_tel{max-width:90%; text-align: center; margin:2rem auto; background:#f0873a; padding:12px 0; color:#fff;}
    .nav_tel i{margin-right:5px;}
    .close{border-radius:50%; border:1px #000 solid; padding:5px; opacity: 1; font-size:1rem; display: flex;}
    .close:hover{color:#f0873a; border:1px #f0873a solid;}
    #navbarNav .navbar-brand{ display: flex; justify-content: center; align-items: center; margin:2rem 0;}
    #navbarNav .navbar-brand img{max-width:60px;}
}



/*************************************轮播图css*******************************************/
.slider_bg img{width:100%;}
.slider_bg .swiper-slide{display: flex; justify-content: center; align-items: center;}
.slider_bg .container{position: absolute; z-index:99; margin: 0 auto; text-align: center; color:#fff;}
.slider_bg .title{font-size:65px; line-height: 1;}
.slider_bg .subtitle{font-size:70px; text-transform:uppercase;}
.slider_bg .subtitle b{font-weight: 900;}
.slider_bg b{padding:0 5px;}
.slider_bg .text a{width:50%; max-width:450px; border:2px #f0873a solid; margin:50px auto 0; display: block; color:#fff; line-height:3; transition:all .5s ease-in-out;}
.slider_bg .text a:hover{background:#f0873a;}
.slider_bg .swiper-button-next,.slider_bg .swiper-button-prev{ color:#fff;}
.slider_bg .swiper-pagination-bullet{width:6px; height:6px; background:#fff; transition:all .5s ease-in-out;}
.slider_bg .swiper-pagination-bullet-active{width:30px; height:6px; border-radius:6px; background:#fff;}

@media screen and (max-width:1280px){
    .slider_bg .title{font-size:50px;}
    .slider_bg .subtitle{font-size:55px;}
    .slider_bg .text a{max-width:300px;}
}


@media screen and (max-width:576px){
    .slider_bg .title{font-size:24px;}
    .slider_bg .subtitle{font-size:16px;}
    .slider_bg .text a{max-width:300px;}
}


/*首页产品分类css*/
.classification_title{display: flex; justify-content:space-between; align-items: center; padding:100px 0;}
.classification_title h1{font-weight:bold; display: flex; align-items: center;}
.classification_title h1:before{content:"";width:24px; height:4px; background:#353535; display: inline-block; margin-right:15%;}
.classification_title span{color:#919090;}

.classification_bg .swiper-container{width:100%;}
.classification_bg .swiper-slide h5{width:100%; position: absolute; z-index: 999; top:5%; left:0; text-align: center;}
.classification_bg .swiper-slide-active h5,.classification_bg .swiper-slide-duplicate-active h5{ color:#fff; font-weight:bold;}
.classification_bg .swiper-slide a:hover h5{color:#fff;}
.classification_bg .swiper-slide{display: flex;justify-content:center;transform:scale(0.8); margin-top:-3.5%; overflow: hidden; }
.classification_bg .swiper-slide img{width:100%; transform:scale(1); transition:all .5s ease-in-out;}
.classification_bg .swiper-slide img:hover{transform:scale(1.2);}
.classification_bg .swiper-slide-active,.classification_bg .swiper-slide-duplicate-active{justify-content:center;transform:scale(1); margin-top:0;}

.classification_btn{width:60.5%; position:relative; z-index:2; margin:0 3.06% 0 auto; bottom:100px; height:100px;}
.classification_btn .swiper-pagination-bullets,.classification_btn .swiper-pagination-custom,.classification_btn .swiper-pagination-fraction {right: 0; bottom:25%;}
.classification_btn .swiper-pagination-bullet {border-radius: 0;width:12px; height:12px;}
.classification_btn .swiper-pagination-bullet-active {opacity: 1;background:#f0873a;}
.classification_btn .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px;}
.classification_btn .swiper-button-next,.classification_btn .swiper-button-prev{width:60px; height:60px; border:1px #f0873a solid;}
.classification_btn .swiper-button-prev,.classification_btn .swiper-container-rtl .swiper-button-next {left: 10px;right: auto;}
.classification_btn .swiper-button-next,.classification_btn .swiper-container-rtl .swiper-button-prev{left: 80px; right:auto;}
.classification_btn .swiper-button-next:after,.classification_btn .swiper-button-prev:after{font-size:20px; color:#f0873a;}


@media screen and (max-width:1440px){
    .classification_title{ justify-content:space-between; padding:80px 0;}
    .classification_title .col-lg-7{-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
    .classification_btn{bottom:50px; height:50px;}
}

@media screen and (max-width:996px){
    .classification_title{ justify-content:space-between; padding:50px 0;}
    .classification_title h1:before{margin-right:5%;}
    .classification_title .col-lg-7{-ms-flex: 0 0 100%; flex: 0 0 100%;max-width: 100%; margin-top:15px;}
    .classification_btn{bottom:50px; height:50px;}
}


/*首页公司简介css*/
.inabout_bg{padding-top:30px; padding-bottom:0px;}
.inabout_bg .row{margin:0;}
.inabout_bg .col-12{padding:0; overflow:hidden;}
.inabout_bg .inabout_info{ background:url(../images/inabout_bg.jpg) top left no-repeat; background-size:cover; padding:5.2% 8%;}
.inabout_bg .inabout_info h1{font-weight:bold; display: flex; align-items: center; color:#fff; position: relative; margin-bottom:7rem;}
.inabout_bg .inabout_info h1:after{content:"";width:24px; height:4px; background:#fff; position:absolute; right:0;}
.inabout_bg .inabout_info p{color:#fff; display: block;}
.inabout_bg .inabout_info p > span {display: block;}
.inabout_bg .inabout_info span span {opacity: 0;backface-visibility: visible;transition: all 1s ease-in-out;transform-origin: 50% 50% 0px;transform: perspective(100px) rotateY(0deg) scale(0.5);-webkit-transition: all 1s ease-in-out;-webkit-transform-origin: 50% 50% 0px;-webkit-transform: perspective(100px) rotateY(0deg) scale(0.5);display: inline-block;}


.inabout_bg .more{max-width:150px; padding:10px 20px; position: relative; display:flex; justify-content: space-between; margin-top:7rem; border:2px #f0873a solid; color:#f0873a;}
.inabout_bg .more:after{content:"→"; transition: all .5s ease-in-out;}
.inabout_bg .more:hover{border:2px #f0873a solid; background:#f0873a; color:#fff; max-width:240px; -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.inabout_bg .more:hover:after{color:#fff;}
.inabout_bg img{width:100%; height:100%; transform:scale(1); transition:all .5s ease-in-out;}
.inabout_bg img:hover{transform:scale(1.15);}




@media screen and (max-width:1680px){
    .inabout_bg .inabout_info{padding:5.2% 6%;}
    .inabout_bg .inabout_info h1{margin-bottom:5rem;}
    .inabout_bg .more{margin-top:4rem;}
}

@media screen and (max-width:1568px){
    .inabout_bg .inabout_info h1{margin-bottom:3rem;}
    .inabout_bg .more{margin-top:3rem;}
}

@media screen and (max-width:1440px){
    .inabout_bg .inabout_info{padding:4.2% 6%;}
}

@media screen and (max-width:1366px){
    .inabout_bg .inabout_info{padding:3.5% 6%;}
}

@media screen and (max-width:996px){
    .inabout_bg .inabout_info{padding:6% 6%;}
}

@media screen and (max-width:576px){
    .inabout_bg{padding-bottom:20px;}
    .inabout_bg .inabout_info{background-size:cover; padding:10%;}
    .inabout_bg .inabout_info h1{margin-bottom:2rem;}
    .inabout_bg .more{margin-top:2rem;}
}


/*首页轴承知识css*/
.innews_bg{padding:80px 0 50px;}
.innews_bg .row{margin:0;}
.innews_bg h1{font-weight:bold; display: flex; align-items: center; margin-bottom:3rem;}
.innews_bg h1:before{content:"";width:24px; height:4px; background:#353535; display: inline-block; margin-right:15%;}
.innews_bg h6{line-height: 1.8;}
.innews_bg .more{max-width:150px; padding:10px 20px; position: relative; display:flex; justify-content: space-between; margin-top:10rem; border:2px #f0873a solid; color:#f0873a;}
.innews_bg .more:after{content:"→"; transition: all .5s ease-in-out;}
.innews_bg .more:hover{border:2px #f0873a solid; background:#f0873a; color:#fff; max-width:240px; -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.innews_bg .more:hover:after{color:#fff;}

/*折叠新闻css*/
.innews_bg .innews_title{position: relative; border:2px #dedede solid; border-top:none; line-height:65px; padding:0 20px; display: flex; align-items: center; margin:0; transition: all .5s ease-in-out; cursor: pointer;}
.innews_bg .innews_title:before{content:""; width:15px; height:3px; background:#9a9a9a; border-radius:1.5px; position: absolute; right:20px;transition: all .5s ease-in-out;}
.innews_bg .innews_title:after{content:""; width:3px; height:15px; background:#9a9a9a; border-radius:1.5px; position: absolute; right:26px; transition: all .5s ease-in-out;}
.innews_bg #accordion .innews_title:nth-child(1){border-top:2px #dedede solid;}
.innews_bg .ui-accordion-header-active{border-bottom:2px #fff1e7 solid; color:#f0873a; font-weight:bold;}
.innews_bg .ui-accordion-header-active:before{transform: rotate(270deg); opacity:0;}
.innews_bg .ui-accordion-header-active:after{transform: rotate(270deg); opacity:1; background:#f0873a;}
.innews_bg .innews_info{border:2px #dedede solid; border-top:none; padding:30px 30px; font-size:14px; color:#919090;}
.innews_bg .innews_info .innews_more{padding:5px 15px; background:#000; color:#fff; display: inline-block; margin-top:15px; transition: all .5s ease-in-out;}
.innews_bg .innews_info .innews_more:hover{background:#f0873a; color:#fff;}

@media screen and (max-width:1440px){
    .innews_bg{padding:50px 0;}
}

@media screen and (max-width:996px){
    .innews_bg{padding:30px 0;}
    .innews_bg h1:before{margin-right:5%;}
    .innews_bg .more{margin:2rem 0;}
}

@media screen and (max-width:576px){
    .innews_bg h1{margin-bottom:2rem;}
    .innews_bg h6 br{display: none;}
    .innews_bg .innews_title{padding:0 10px;}
}


/*首页应用领域css*/
.inapplication_bg{position: relative;padding:40px 15px 80px;}
.inapplication_info{width:100%; position:absolute; color:#fff; top:0;}
.inapplication_info .row{display: flex; justify-content: space-between;}
.inapplication_info .row .col-lg-4{padding:7% 0 0 6%;}
.inapplication_info .row .col-lg-3{text-align: right; padding:7% 7% 0 0; line-height: 2.5;}
.inapplication_info h1{font-size:60px; font-weight:bold; margin-bottom:30px;}
.inapplication_info h5{padding:10px 30px; display: inline-block; font-size:30px;}
.inapplication_info h5.bg1{background:#412d22;}
.inapplication_info h5.bg2{background:#5a7839;}
.inapplication_info h5.bg3{background:#274180;}
.inapplication_info h5.bg4{background:#2a5169;}
.inapplication_info h5.bg5{background:#4f8ccd;}
.inapplication_info h5.bg6{background:#1f6d87;}
.inapplication_bg .swiper-pagination{text-align: left; padding-left:6%; bottom:10.5%;}
.inapplication_bg .swiper-pagination-bullet{width:5px; height:5px; background:#fff; transition:all .5s ease-in-out;}
.inapplication_bg .swiper-pagination-bullet-active{width:40px; height:5px; border-radius:5px; background:#fff;}
.inapplication_bg .swiper-button-next,.inapplication_bg .swiper-button-prev{width:60px; height:60px; border:1px #f0873a solid; top: 85%;}
.inapplication_bg .swiper-button-prev,.inapplication_bg .swiper-container-rtl .swiper-button-next {right:9%;left: auto;}
.inapplication_bg .swiper-button-next,.inapplication_bg .swiper-container-rtl .swiper-button-prev{right:5%; left:auto;}
.inapplication_bg .swiper-button-next:after,.inapplication_bg .swiper-button-prev:after{font-size:20px; color:#f0873a;}

@media screen and (max-width:1568px){
    .inapplication_bg .swiper-button-prev,.inapplication_bg .swiper-container-rtl .swiper-button-next {right:10%;left: auto;}
}

@media screen and (max-width:1440px){
    .inapplication_bg{padding:50px 0;}
    .inapplication_info .row .col-lg-4{padding:5% 0 0 6%;}
    .inapplication_info .row .col-lg-3{text-align: right; padding:5% 7% 0 0; line-height: 2.5;}
}

@media screen and (max-width:1280px){
    .inapplication_info h1{font-size:40px; margin-bottom:20px;}
    .inapplication_info h5{font-size:24px;}
    .inapplication_bg .swiper-button-prev,.inapplication_bg .swiper-container-rtl .swiper-button-next {right:11%;}
}

@media screen and (max-width:996px){
    .inapplication_info{width:100%; max-width:100%; padding:0 15px;}
    .inapplication_info h1{font-size:30px; margin-bottom:10px;}
    .inapplication_info h5{font-size:18px;}
    .inapplication_info .row .col-lg-4{padding:7% 0 0 8%;}
    .inapplication_info .row .col-lg-3{ padding:3% 7% 0 0;}
    .inapplication_bg .swiper-button-next,.inapplication_bg .swiper-button-prev{width:40px; height:40px; top: 90%;}
}

@media screen and (max-width:576px){
    .inapplication_bg{padding:0px 0 50px 0;}
    .inapplication_info h1{font-size:20px; margin-bottom:10px;}
    .inapplication_info h5{font-size:14px; padding:10px 20px;}
    .inapplication_info .row .col-lg-3{padding:0% 7% 0 0; line-height:2; margin-top:-5%;}
    .inapplication_bg .swiper-pagination{bottom:6%;}
    .inapplication_bg .swiper-button-prev,.inapplication_bg .swiper-container-rtl .swiper-button-next {right:18%;left: auto;}
}


/*底部联系我们css*/
.bottom_bannerbg{background:url(../images/bottom_bannerbg.jpg) top center fixed; background-size:cover; height:400px; text-align: center; color:#fff; letter-spacing:1px;}
.bottom_bannerbg .container{height:100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.bottom_bannerbg .more{padding:8px 4%; position: relative; display:flex; justify-content: space-between; align-items: center; margin-top:2rem; border:2px #f0873a solid; color:#f0873a;}
.bottom_bannerbg .more i{margin-right:10px; font-size:20px;}
.bottom_bannerbg .more:hover{border:2px #f0873a solid; background:#f0873a; color:#fff; -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}

@media screen and (max-width:996px){
    .bottom_bannerbg{height:300px;}
}

@media screen and (max-width:576px){
    .bottom_bannerbg p br{ display: none;}
    .bottom_bannerbg .more{padding:5px 10%;}
}


/********************************************底部信息css****************************************/
footer{background:#fff; padding:40px 0; text-align:center;}
footer i{font-size:30px;}
footer a:hover{color:#f0873a;}
.copyright{background:#000; padding:30px 0; text-align:center; color:#fff; font-size:14px;}
.copyright span{margin-right:20px;}
.copyright a{color:#fff;}
.copyright a img{max-width:20px; margin-right:8px;}
.copyright a:hover{color:#f0873a;}

.top{width:60px; height:60px; border-radius:5px; border:2px #f0873a solid; position: fixed; z-index: 9999;right:20px; bottom:3%; display: flex; justify-content: center; align-items: center; color: #f0873a; font-size:40px; box-shadow: 0 0 10px rgba(0,0,0,.5);}
.top:hover{ background:#f0873a; color:#fff;}

@media screen and (max-width:996px){
   footer .container-fluid{max-width:100%;}
   .copyright{font-size:12px; padding:20px 0;}
}

@media screen and (max-width:576px){
    footer{padding:20px 15px;}
    footer .col-12{display: flex; justify-content:flex-start; align-items: center; border-bottom:1px #f2f2f2 solid; line-height: 2.2;}
    footer .col-12 i{margin-right:10px; font-size:20px;}
    .copyright{text-align:left;}
    .copyright span{margin:0 0 0 20px; display: block;}
    .top{width:40px; height:40px;font-size:30px;}
    .top:hover{ background:#f0873a; color:#fff;}
}



/*************************************内页轮播图css*******************************************/
.about_slider_bg img{width:100%;}
.about_slider_bg .swiper-slide{display: flex; justify-content: center; align-items: center;}
.about_slider_bg .container{position: absolute; z-index:99; margin: 0 auto; text-align: center; color:#fff;}
.about_slider_bg .title{font-size:45px; line-height: 1;}
.about_slider_bg .subtitle{font-size:50px; text-transform:uppercase;}
.about_slider_bg .subtitle b{font-weight: 900;}
.about_slider_bg b{padding:0 5px;}
.about_slider_bg .text a{width:50%; max-width:450px; border:2px #f0873a solid; margin:50px auto 0; display: block; color:#fff; line-height:3; transition:all .5s ease-in-out;}
.about_slider_bg .text a:hover{background:#f0873a;}
.about_slider_bg .swiper-button-next,.about_slider_bg .swiper-button-prev{ color:#fff;}
.about_slider_bg .swiper-pagination-bullet{width:6px; height:6px; background:#fff; transition:all .5s ease-in-out;}
.about_slider_bg .swiper-pagination-bullet-active{width:30px; height:6px; border-radius:6px; background:#fff;}

@media screen and (max-width:996px){
    .about_slider_bg .title{font-size:24px; line-height: 1;}
    .about_slider_bg .subtitle{font-size:16px; }
    .about_slider_bg .text a{width:50%; max-width:300px; margin:20px auto 0; line-height: 2.5;}
}



/*公司简介css*/
.about_bg{padding:80px 0;}
.about_bg h1{font-weight:bold; margin-bottom:.5rem; text-align:center;}
.about_bg h4{line-height: 1.8; font-weight:bold; margin-bottom:3.5rem; text-align:center;}
.about_bg p{padding:10px 5% 10px 0;}
.about_bg .about_info{align-items: center;}
.about_bg .about_info .mb_20{margin-bottom:20px;}


@media screen and (max-width:1280px){
  .about_bg{padding:50px 0;}
  .about_bg h4{margin-bottom:2.5rem;}
}

@media screen and (max-width:576px){
    .about_bg{padding:50px 15px 30px;}
    .about h1{margin:0 0 10px;}
    .about_bg h4{margin-bottom:1.5rem; font-size:15px;}
    .about_bg p{padding:10px 0;}
}

.about_advantage{background:#1e1f26 url(../images/about_advantagebg.jpg) top center no-repeat; background-size:100%; height:240px; text-align: center; color:#fff; position: relative; display: flex; justify-content: center;}
.about_advantage .container{height:100%; position: absolute; top:0; z-index: 99;}
.about_advantage .row{display:flex; align-items: center; height:100%;}
.about_advantage h4 span{font-size:3.2em; font-weight:bold; margin-right:10px;}
.about_advantage p{font-size:1.2em;}

@media screen and (max-width:576px){
    .about_advantage{background-size:cover; height:440px;}
    .about_advantage h4{margin:0;}
    .about_advantage h4 span{margin:20px 0;}
    .about_advantage canvas{opacity: .4; z-index: 1;}
}


.honor_bg{padding:80px 0;}
.honor_bg h1{font-weight:bold; margin-bottom:.5rem; width:20%;}
.honor_bg h4{line-height: 1.8; font-weight:bold; margin-bottom:3.5rem;}
.honor_title{display: flex; justify-content: space-between; padding:0 5% 3% 5%;}
.honor_title span{color:#909090;}
.honor_img{margin-bottom:3rem; overflow:hidden;}
.honor_img img{width:100%; transform: scale(1); transition: all .5s ease-in-out; cursor: pointer;}
.honor_img:hover img{transform: scale(1.1);}
.honor_bg .col-lg-8{display: flex; flex-wrap: wrap;}
.honor_bg .col-lg-8 .honor_img{flex:0 0 33.333%; max-width:33.333%; text-align:center;}
.honor_bg .col-lg-8 .honor_img img{width:79%;}


@media screen and (max-width:1440px){
  .honor_bg{padding:80px 0 40px;}
}

@media screen and (max-width:996px){
    .honor_bg{padding:50px 0 0px;}
    .honor_bg .col-lg-4{display: flex; justify-content: space-between;}
    .honor_bg .col-lg-4 .honor_img{flex:0 0 50%; max-width:50%; text-align:center;}
    .honor_bg .col-lg-4 .honor_img img{width:90%;}
    .honor_bg .col-lg-8 .honor_img img{width:90%;}
    .honor_title{justify-content:flex-start; flex-direction: column;  padding:0 3% 3% 3%;}
    .honor_title span{margin-top:20px;}
    .honor_title span br{display: none;}
}

@media screen and (max-width:576px){
    .honor_bg{padding:50px 15px;}
    .honor_bg h1{width:100%; margin-bottom:0;}
    .honor_img{margin-bottom:1rem;}
    .honor_bg .col-lg-4{display: flex; justify-content:flex-start; flex-direction: column; /*flex-wrap: wrap;*/}
    .honor_bg .col-lg-4 .honor_img{flex:0 0 100%; max-width:100%;}
    .honor_bg .col-lg-4 .honor_img img{width:100%;}
    .honor_bg .col-lg-8 .honor_img img{width:100%;}
    .honor_bg .col-lg-8 .honor_img{flex:0 0 100%; max-width:100%;}
}




/*产品中心css*/
.product_classlist{display: flex; justify-content: center;}
.product_classlist a{ padding:8px 25px; margin-right:20px; background:#d5d5d5; border-radius:2px; }
.product_classlist a:hover{background:#f0873a; color:#fff;}


.product_info_top{padding:30px 0 20px 0;}
.product_info_top h5{margin: 0;}
.product_info_top .col-12 h5{margin-bottom:5px; background:#1f337a; color:#fff; display:inline-block; padding:5px 15px;}
.product_info_top p{padding:5px 0 0px; color:#353535;}
.product_info_top p b{color:#f0873a;}
.product_info_top p span{color:#f0873a;}
.product_info_top .img{text-align:right;}
.product_info_top .img img{width:auto; max-height:520px;}

.product_type{ background:#f5f5f5; border-top:1px #ccc solid; border-bottom:1px #ccc solid; padding:10px 0 30px; margin-top:20px; margin-bottom:20px;}
.product_type .col-12{margin-top:20px;}

.product_bg{background:#f9f9f9; padding:50px 0 30px;}
.product_bg h4{text-align:center; margin-bottom:1rem; font-weight:bold;}
.product_bg i{width:20px; height:20px; border-radius:50%; background:#353535; color:#fff; text-align:center; line-height:20px; display:inline-block; font-style:normal; margin-right:5px; font-size:14px;}
.product_bg p{color:#353535;}
.product_bg .col-lg-3{margin-bottom:2rem;}
.product_bg .product_img{overflow: hidden;}
.product_bg .product_img img{width:100%;-webkit-transform:scale(1); transform:scale(1); transition:all .5s ease-in-out;}
.product_bg .product_img:hover img{-webkit-transform:scale(1.1); transform: scale(1.1);}

.product_bg .underline {margin: 16px 0; display: flex; align-items: center;text-decoration: none;color: #2B3044;position: relative;}
.product_bg .underline span {width:100%;
background-image: linear-gradient(0deg, #646B8C 0%, #646B8C 100%);background-position: 100% 100%;background-repeat: no-repeat;background-size: var(--background-size, 100%) 1px;transition: background-size 0.2s linear var(--background-delay, 0.15s); line-height:2.5;transform: translateZ(0);}
.product_bg .underline svg {vertical-align: top;display: inline;line-height: 1; width:35px; height:35px;position:absolute;right:0;fill: none;
stroke-linecap: round;stroke-linejoin: round;stroke-width: 1px;stroke:#f0873a;stroke-dasharray: 7.95 30;
stroke-dashoffset: var(--stroke-dashoffset, 46);
transition: stroke-dashoffset var(--stroke-duration, 0.15s) var(--stroke-easing, linear) var(--stroke-delay, 0s);}
.product_bg .underline:hover {--background-size: 0%;--background-delay: 0s;--stroke-dashoffset: 26;--stroke-duration: .3s;--stroke-easing: cubic-bezier(.3, 1.5, .5, 1);--stroke-delay: .195s; color:#f0873a;}

.pdt_link{cursor:pointer;}
.pic_cover{position: fixed;z-index:99;background: rgba(0,0,0,.8);top:0;left:0;width:100%;height:100vh;justify-content: center;align-items: center;display: none;}
.pic_box{width:500px;position: relative;}
.pic_src{width:100%;}
.close_pic{position: absolute;font-size:40px;color:#000;top:0px;right:20px;cursor:pointer;}
.others{position: absolute;bottom:-50px;left:0;display: flex;justify-content: space-between;align-items: center;width:100%;}
.other_link{padding:10px;background: #fff;cursor:pointer;width:49%;overflow: hidden;text-align: center;}

.product_classlist_m{margin-bottom:15px; color:#1f337a; font-size:18px; font-weight:bold;}

@media screen and (max-width:1280px){
    .product_bg{padding:50px 0;}
    .product_bg .col-lg-3{margin-bottom:1rem;}
}

@media screen and (max-width:996px){
    .product_classlist a{ padding:8px 15px; margin-right:10px;}
    .pic_box{width:90%;position: relative;}
}


@media screen and (max-width:576px){
    .product_classlist{display: flex; flex-wrap: wrap;}
    .product_classlist a{margin-bottom:10px; font-size:12px; padding:5px 10px;}
    .product_bg{padding:20px 0;}
    .product_bg .underline {margin:6px 0;}
    .product_info_top{padding:20px 0 30px;}
    .product_classlist_m{ text-align:center;}
    .product_classlist_m span{color:#000;}
    .product_info_top .col-12 h5{margin-bottom:5px;}
    .product_type{padding:10px 0; margin-top:15px; margin-bottom:15px;}
    .product_type .col-12{margin-top:15px;}
}

/*产品详情css*/
.productview{ margin:0; height:100vh;}
.productview_img{width:50%; max-height:100%; background:#fff; padding-top:9.5%;}
.productview_img .gallery-top {width:55%; margin-bottom:5px;}
.productview_img .gallery-thumbs {width:55%; box-sizing: border-box; padding: 10px 0;}
.productview_img .gallery-thumbs .swiper-slide {opacity: 0.4; cursor: pointer;}
.productview_img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; border:1px #f0873a solid;}
.productview_img .swiper-button-next:after,.productview_img .swiper-button-prev:after{color:#f0873a;}

.productview_info{flex:0 0 50%; max-width:50%; max-height:100%; overflow-y:scroll; padding:9% 4% 2% 5%; background:#f2f2f2;}
.productview_info table{width:100%;}
.productview_info table tr td{border:1px #000 solid; text-align:center; line-height: 2;}
.productview_info table tr:nth-child(1){font-weight:bold;}
.productview h3{margin-bottom:3rem; display: flex; justify-content: space-between; align-items: center;}
.productview h4{color:#666; margin-bottom:2rem; padding-bottom:20px; border-bottom:1px solid #eaeaea;}
.productview .product_tel{display:flex; align-items:center; font-size:16px;}
.productview .product_tel a{display:flex; align-items:center;}
.productview .product_tel a:nth-child(1){background:#000; border-radius:3px; border:1px solid #000; color:#fff; padding:0 20px;}
.productview .product_tel a:nth-child(2){border:1px solid #000; border-radius:3px; color:#000; padding:0 20px; margin-left:20px;}
.productview .product_tel a:nth-child(1):hover{border:1px solid #f0873a; background:#f0873a; color:#fff;}
.productview .product_tel a:nth-child(2):hover{border:1px solid #f0873a; color:#fff; background:#f0873a;}
.productview .iconfont{font-size:24px; line-height:42px; margin-right:5px;}
.productview a.back{max-width:140px; border:1px solid #ddd;height:45px; line-height:45px; text-align: center; border-radius:23px; color:#999; margin-top:2rem; display:block;}
.productview a.back:hover{background:#575757; color:#fff;}
.productview .product_tel1{display: none;}



.prev_next1{display: flex; justify-content: space-between; margin:10px auto 20px; width:55%;}
.prev_next1 a{ display:block; position: relative;}
.prev_next1 .underline {display: flex; align-items: center;text-decoration: none; color: #2B3044;position: relative;}
.prev_next1 .underline span {
background-image: linear-gradient(0deg, #646B8C 0%, #646B8C 100%);background-position: 100% 100%;background-repeat: no-repeat;background-size: var(--background-size, 100%) 1px;transition: background-size 0.2s linear var(--background-delay, 0.15s); line-height:2.5;transform: translateZ(0);}
.prev_next1 .underline svg {vertical-align: top;display: inline;line-height: 1; width:25px; height:25px;position:absolute;right:-20px;fill: none;
stroke-linecap: round;stroke-linejoin: round;stroke-width: 1px;stroke:#f0873a;stroke-dasharray: 7.95 30;
stroke-dashoffset: var(--stroke-dashoffset, 46);
transition: stroke-dashoffset var(--stroke-duration, 0.15s) var(--stroke-easing, linear) var(--stroke-delay, 0s);}
.prev_next1 .underline:hover {--background-size: 0%;--background-delay: 0s;--stroke-dashoffset: 26;--stroke-duration: .3s;--stroke-easing: cubic-bezier(.3, 1.5, .5, 1);--stroke-delay: .195s; color:#f0873a;}


@media screen and (max-width:1680px) {
    .productview_img{padding-top:0; display: flex; justify-content: center; flex-direction: column; align-items: center;}
    .productview_img .gallery-top {width:75%;}
    .productview_img .gallery-thumbs {width:75%;}
    .prev_next1{margin:20px auto; width:75%;}
    .productview_info{padding:10% 4% 2% 5%;}
}

@media screen and (max-width:996px) {
    .productview{ margin:0; height:auto;}
    .productview_img{width:100%; height:auto; background:#fff; padding-top:9.5%;}
    .productview_info{flex:0 0 100%; max-width:100%; height:auto; padding:5% 4% 5% 5%;}
}

@media screen and (max-width:576px) {
    .productview_img{border-top:1px #f2f2f2 solid; padding-top:15px;}
    .productview_img .gallery-top {width:100%;}
    .productview_img .gallery-thumbs {width:100%;}
    .prev_next1{margin:20px auto; width:100%; display:flex; flex-direction:column;}

    .productview h3{margin-bottom:1rem; font-weight: bold;}
    .productview h3 .product_tel{display: none;}

    .productview h4{margin-bottom:1rem; padding-bottom:20px;}
    .productview_info{overflow:visible;}
    .productview_info table{font-size:10px; padding:10% 4% 5% 5%;}
    .productview .product_tel{margin-top:20px;}

    .productview .product_tel1{display:flex; justify-content: center; align-items:center; font-size:16px; margin-top:2rem;}
    .productview .product_tel1 a{display:flex; align-items:center;}
    .productview .product_tel1 a:nth-child(1){background:#000; border-radius:3px; border:1px solid #000; color:#fff; padding:0 20px;}
    .productview .product_tel1 a:nth-child(2){border:1px solid #000; border-radius:3px; color:#000; padding:0 20px; margin-left:20px;}
    .productview .product_tel1 a:nth-child(1):hover{border:1px solid #f0873a; background:#f0873a; color:#fff;}
    .productview .product_tel1 a:nth-child(2):hover{border:1px solid #f0873a; color:#fff; background:#f0873a;}
}


/*设备展示css*/
.equipment_info{margin-bottom:2rem; text-align:center;}
.equipment_info1{margin-top:0;}
.equipment_info1 h3{text-align:center; font-weight: bold; margin:2rem 0 1rem;}
.equipment_mb20{margin-bottom:30px;}

@media screen and (max-width:996px) {
    .equipment_info .col-lg-4{margin-bottom:2rem;}
}

@media screen and (max-width:576px) {
    .equipment_info1{margin-top:20px;}
    .equipment_mb20{margin-bottom:20px;}
}

.service_bg{padding:50px 0;}
.service_bg .row{align-items:center;}
.service_bg h1{font-weight:bold;}
.service_bg p{padding:10px 0;}




/*新闻资讯css*/
.news_info{background:#f2f2f2; padding-bottom:30px; margin-bottom:30px;}
.news_info h6{font-weight:bold; padding:20px 20px 10px 20px;}
.news_info p{padding:0 20px; font-size:14px;}
.news_info .innews_more{padding:5px 15px; background:#000; color:#fff; display: inline-block; margin-top:15px; font-size:12px; transition: all .5s ease-in-out; margin-left:20px;}
.news_info .innews_more:hover{background:#f0873a; color:#fff;}

.news_img{width:100%; overflow:hidden;}
.news_img img{transform: scale(1);width:100%; transition: all .5s ease-in-out;}
.news_img img:hover{transform: scale(1.1);}

/*新闻面包屑导航css*/
.breadcrumb{background-color:transparent; border-bottom:1px #ccc solid; padding-top:20px;}
.breadcrumb a{color:#007bff;}


/*新闻详情css*/
.newsview{display:flex; justify-content:center; padding:0 0 80px 0; background:#f2f2f2;}
.newsview .row{justify-content: center;}
.newsview h5{ padding:25px 0 10px 0; color:#000; text-align: center; font-weight:bold;}
.newsview h6{font-size:12px; color:#ccc; text-align: center; padding-bottom:25px; }
.newsview img{max-width:100%; margin:15px 0;}
.newsview p{margin:5px 0; text-indent:0;}

@media screen and (max-width:576px) {
    .newsview{padding:3% 0 30px 0;}
}




/********************************************联系我们css****************************************/
.contact{padding:80px 0; width:80%;}
.contact .row{justify-content: space-between; align-items: center;}
.contact h3{font-weight:bold; margin-bottom:1rem;}
.contact p{line-height:3; border-bottom:1px #f2f2f2 solid;}
.contact i{margin-right:15px; font-size:20px;}
.iw_poi_title{color:#CC5522;font-size:16px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:14px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.contact #dituContent{width:100%; height:450px; border:#ccc solid 1px;}

@media screen and (max-width:996px){
    .contact{padding:50px 0;}
    .contact #dituContent{max-width:100%; height:450px; margin:20px 0;}
}

@media screen and (max-width: 576px){
    .contact{padding:50px 15px; width:100%;}
    .contact p{line-height:2.5; border-bottom:1px #f2f2f2 solid; font-size:12px; display:flex; align-items:center;}
    .contact i{margin-right:8px;}
    .contact i.iconfont1{font-size:16px;}
    .contact #dituContent{max-width:96%; margin:20px auto 0; height:300px;}
}

/*在线留言css*/
.message{padding:80px 0; background:#f2f2f2;}
.message .container-fluid{ width:70%; margin:0 auto;}
.message h3{text-align:center;}
.message h6{text-align:center; padding:10px 0 20px;}
.message h6 span{color:#f0873a;}
.message h6 i{margin-right:10px;}
.message h6 a{color:#f0873a;}
.message h6 a:hover{text-decoration: underline; color:#1c327e;}
.message_info{width:90%; margin:30px auto 0;}
.message_info li{width:100%;display: block;margin-bottom:30px;}
.message_info button, .message_info input {border: 0;outline: 0; border-radius:30px; padding:16px; background-color:#f2f2f2; text-shadow: 1px 1px 0 #FFF;}
.message_info textarea {border: 0;outline: 0; border-radius:30px; padding:16px;background-color:#f2f2f2; text-shadow: 1px 1px 0 #FFF;}
.message_info input,.message_info textarea {margin-right:8px; box-shadow:inset 2px 2px 5px #BABECC, inset -5px -5px 10px #FFF; width: 100%; box-sizing: border-box; transition: all 0.2s ease-in-out;appearance: none;-webkit-appearance: none;}
.message_info input:focus,.message_info textarea:focus {box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #FFF;}
.message_info button {color:#61677C; font-weight:bold; box-shadow: -5px -5px 20px #FFF,  5px 5px 20px #BABECC;transition: all 0.2s ease-in-out;cursor: pointer;font-weight: 600;}
.message_info button:hover {box-shadow: -2px -2px 5px #FFF, 2px 2px 5px #BABECC;}
.message_info button:active {box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #FFF;}

.message_info .red {display: block;width: 50%;color:#f0873a; font-size:20px; margin:0 auto;}
.message_info .input-group {display: flex;align-items: center;justify-content: flex-start;}
.message_info label {margin: 0;flex: 1;}
.message_info .yzm{position: relative;}
.message_info .yzm_img{position: absolute; right:4%; top:25%;}
.message_info .yzm img{width:15px;}

@media screen and (max-width:1440px){
  .message .container-fluid{ width:80%;}
}

@media screen and (max-width:996px){
    .message{padding:50px 0;}
    .message .container-fluid{ width:90%;}
}

@media screen and (max-width:576px){
    .message .container-fluid{ width:100%;}
    .message_info{width:100%; margin:10px auto 0;}
    .message_info li{margin-bottom:20px;}
    .message_info .red {width:100%;}
}

/*********************分页css************************/
.pagination {display:flex; align-items:center; justify-content:center; font-size:0; line-height:0; margin:40px auto 0px;}
.pagination:empty {margin-bottom:0;margin-left:0}
.pagination>* {display:inline-block;margin:0 5px 14px 4px;}
.pagination li {display:inline-block;vertical-align:middle;text-align:center}
.pagination li:first-child .pagination li a,
.pagination li:last-child .pagination li a {border-radius:50%}
.pagination li:first-child .pagination li a:hover,
.pagination li:first-child .pagination li a:focus,
.pagination li:first-child .pagination li a:active,
.pagination li:last-child .pagination li a:hover,
.pagination li:last-child .pagination li a:focus,
.pagination li:last-child .pagination li a:active {color:#fff}
.pagination li a,.pagination li span {display:inline-block;min-width:42px;padding:4px; font-size:14px; line-height:1.5; color:#333; border:1px #d9d9d9 solid;transition:all .3s ease-in-out}
.pagination li a.icon{font-size:22px}
.pagination li a:hover,.pagination li a:focus,.pagination li a:active,.pagination li.active span{color:#fff; background:#005eb8 !important;}
.pagination li.active>.pagination li a,.pagination li.active>.pagination li a:hover,.pagination li.active>.pagination li a:focus,.pagination li.active>.pagination li a:active {color:#fff;}
.pagination li.disabled span>.pagination li a,.pagination li.disabled span>.pagination li a:hover,.pagination li.disabled span>.pagination li a:focus,.pagination li.disabled span>.pagination li a:active {color:#333;}
.pagination li.disabled span{min-width:75px; color:#ccc !important;}
.pagination li:last-child a{min-width:75px;}

.page-item-control .icon::before {font-family:fontawesome;line-height:25px}
.page-item-control:first-child .icon::before {content:'';margin-left:-1px}
.page-item-control:last-child .icon::before {content:'';margin-right:-1px}

.prev_next{display: flex; justify-content: space-between; margin:40px 0 20px; }
.prev_next a{ display: inline-block; position: relative;}
.prev_next a:after{content: ""; width:100%; height: 1px; background:#333; position: absolute; bottom:0; left: 0; transition:all .5s ease-in-out;}
.prev_next a:hover:after{background:#005eb8;}

@media screen and (max-width:1440px){
    *+.pagination-wrap {margin:20px auto 0}
}

@media screen and (max-width:1280px){
    .pagination {margin:20px auto 0px;}
}

@media screen and (max-width: 576px){
    .pagination-wrap {margin:20px auto 0px;}
    .pagination>* {display:inline-block;margin:0 2px 14px 2px;}
    .pagination li.disabled span{min-width:65px;}
    .pagination li:last-child a{min-width:65px;}
    .prev_next{justify-content:flex-start; flex-direction: column; margin:0; padding-top:15px;}
    .prev_next a{ padding:10px 0;}
    .prev_next span{padding:5px 0;}
    .pagination {margin:0px auto;}
}