body,html{ font-size: 14px;}
ul,li{ list-style: none;}
a{color: #333; transition: all 0.3s ease-in;}
a:hover{ text-decoration: none; color:#006cb6;}
/*滚动条*/
::-webkit-scrollbar {width: 5px;height: 1px;}
::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #535353;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 5px;background: rgba(0,0,0,0.1);}

.container-xl{ min-width: 1300px; }



.text-blue{ color: #0d59a7;}
.text-orange{ color:#FF6A00; }
/*菜单*/
.topnav{ border-bottom: 1px rgba(255,255,255,0.1) solid; }
.topnav:hover{ background: rgba(255,255,255,0.95); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;  }

#navbar a{ color: #fff;display: block;  text-align: center;}
#navbar li a{ text-align: center;font-size: 1.15rem; font-weight: bold; }
#navbar li a:hover{ color: #0d59a7;}
#navbar .subBox{position: fixed;left: 0;right: 0; top:80px; width: 100%; overflow: hidden; height: 300px; z-index:99;margin: 0 auto;padding: 0;transition: all .5s ease;background: rgba(255,255,255,.95);box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;display: none;}
#navbar li:hover .subBox{ display: block !important; }
#navbar li:hover .subBox img{ box-shadow: 0 0 15px rgba(0,0,0,0.3);}
#navbar .subBox .subnav .item a{ font-weight: normal !important;}
#navbar .subBox .subnav .item{border-bottom: 1px solid #dee2e6!important;}
#navbar .subBox .subnav .item,#navbar .subBox .subnav .item a,#navbar .subBox .subnav .item .bi{ transition: all .5s ease;}
#navbar .subBox .subnav .item:hover{ border-color:#0d59a7 !important; }
#navbar .subBox .subnav .item:hover a { color: #0d59a7 !important; padding-left: 15px !important; }
#navbar .subBox .subnav .item:hover .bi{ color: #0d59a7 !important; padding-right:  5px !important; }

#navbar .navbar-brand{ top: 0; left: 0; width: 100%; height: 100%; background-position:0 -80px !important; transition: all 0s ease !important;}

#navbar.fixed-top.bg-white a,#navbar:hover a{ color:#333 !important;}
#navbar.fixed-top.bg-white .tel,#navbar:hover .tel{ color: #333 !important;}
#navbar.fixed-top.bg-white .navbar-brand,#navbar:hover .navbar-brand{ background-position:0  0px !important;}

/*首页产品分类*/
.in_pro_box{ background: url(../images/probg.jpg) no-repeat top center; height: 700px; padding: 80px 0; position: relative;}
.in_pro_box .pro_nav{ background: rgba(0,0,0,0.2); position: absolute; bottom: 0; left: 0;}
.in_pro_box .pro_nav .item a{ border-color: rgba(255,255,255,0.2) !important; }
.in_pro_box .pro_nav .item a:hover,.in_pro_box .pro_nav .curr{background: rgba(0,0,0,0.1)  !important; background: -webkit-linear-gradient(left, #36a8f4cf , #2468f2c4) !important;}
.in_pro_box .pro_nav .item a:last-child{border-right:1px rgba(255,255,255,0.2) solid !important;}

.in_pro_box .tabcon{ display: none;}
.in_pro_box .tabcon .h2:after{ content: '';  position: absolute; bottom: 0; left: 0; width: 50px; height: 1px; background: #fff;}
.in_pro_box .tabcon img{ max-height: 450px;}

.bt .h1{ color: #36a8f4; font-weight: bold;}

.in_pro{background: url(../images/h_prbg.png) no-repeat top center; height: 600px;  position: relative; }
.in_pro .swiper-button-next,
.in_pro .swiper-button-prev{ background: rgba(27, 36, 43, 0.3) !important; top:40% !important; color: #fff;padding:40px 30px; }
.in_pro .swiper-button-next{ right: 0;}
.in_pro .swiper-button-prev{ left: 0;}
.in_pro .swiper-button-next:hover,
.in_pro .swiper-button-prev:hover{background: #36a8f4 !important;}
.in_pro .swiper-button-next:focus,.in_pro .swiper-button-prev:focus{outline:none;}
/*生产设备*/
.in_equ{/*background: url(../images/h_prbg.png) no-repeat top center;*/ height: 650px;  position: relative; }
.in_equ .ind_new_case .ind_new_con {  display: block;position: relative;overflow: hidden;border-radius: 60px 0px;}

.in_equ .ind_new_case .ind_new_con .new_text_box {position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: 2;padding: 14% 9.415% 11%;color: #fff;}
.in_equ .ind_new_case .ind_new_con .new_text_box .ind_3_new_time {line-height: 1.2;font-size: 24px;position: absolute;font-weight: bold;right: 9.415%;bottom: 11%;}
.in_equ .ind_new_case .ind_new_con .new_text_box .ind_3_new_name {font-weight: normal;font-size: 16px;line-height: 1.6;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;transform: translateY(30px);opacity: 0;transition: all .5s ease .2s;}
.in_equ .ind_new_case .ind_new_con .new_text_box .ind_3_new_btn {color: #ffffff;font-size: 16px;margin-top: 15px;font-weight: bold;transform: translateY(30px);opacity: 0;transition: all .5s ease .4s;}
.in_equ .ind_new_case .ind_new_tab_box {position: absolute;right: 3rem;top:3rem;display: flex;z-index: 0;}
.in_equ .ind_new_case .ind_new_tab_box .swiper-button-prev {background-image: none;text-align: center;position: relative;margin: 0 10px 0 0;left: auto;top: auto;right: auto;width: 70px;height: 70px;line-height: 70px;background-color: rgba(27, 36, 43, 0.3);color: #fff;transition: all .3s ease;}
.in_equ  .ind_new_case .ind_new_tab_box .swiper-button-next {background-image: none;text-align: center;position: relative;margin: 0;left: auto;top: auto;right: auto;width: 70px;height: 70px;line-height: 70px;background-color: #36a8f4;color: #fff;transition: all .3s ease;}
.in_equ  .ind_new_case .ind_new_con:hover .new_img_box {transform: scale(1.2);}


.in_equ .ind_new_case .swiper-container { overflow: initial !important; }
.in_equ .ind_new_case .ind_new_con .new_img_box { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden; transition: all .8s ease; }
.in_equ .ind_new_case .ind_new_con:hover .new_img_box { transform: scale(1.2); }
.in_equ .ind_new_case .ind_new_con .new_img_box::before { content: ''; display: block; width: 100%; margin-top: 72%; }
.in_equ .ind_new_case .ind_new_con .new_img_box img { width: 100%; display: none; }
.in_equ .ind_new_case .ind_new_con .new_img_box::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all .5s ease; }
.in_equ .ind_new_case .ind_new_con:hover .new_img_box::after { background: -webkit-linear-gradient(left, #5dbfffd4, #0055ffc7); }
.in_equ .ind_new_case .ind_new_con:active .new_img_box::after { background-color: rgba(20, 56, 72, 0.9); }

.in_equ .ind_new_case .ind_new_con .new_text_box .ind_3_new_btn { color: #ffffff; font-size: 16px; margin-top: 15px; font-weight: bold; transform: translateY(30px); opacity: 0; transition: all .5s ease .4s; }
.in_equ .ind_new_case .ind_new_con:hover .new_text_box .ind_3_new_btn { transform: translateY(0px); opacity: 1; }
.in_equ .ind_new_case .ind_new_con:active .new_text_box .ind_3_new_btn { transform: translateY(0px); opacity: 1; }



/*底部*/
.footer{ background: rgba(26, 26, 26, 1);}
.footer .border-bottom{ border-bottom: 1px rgba(255,255,255,0.1) solid !important;}

.mfoot{ background: #0f62ad;}
.mfoot i{ font-size: 1.6rem;}



.news > div img.rounded-lg{ max-height: 280px; width: 100%;}
.newslist li{ position: relative; padding-right: 90px; border-bottom: 1px #eee solid; }
.newslist li span{ position: absolute; top: 21px; right: 0;}



.prolist .ico { position: relative; padding-bottom:65%; }
.prolist .ico img{ position: absolute; top: 0; left: 0; width: 100%; transition: all 0.5s ease-in; }
.prolist a:hover img{ transform: scale(1.1);}
.prolist .proname { background: rgba(66,66,66,.5); color: #fff; font-size: 1.1rem;}
.prolist a:hover .proname { background: #0f62ad; color: #fff;}

table{ border-collapse: collapse; margin: 0 auto; width:auto !important;}
table tr td{ border: 1px #ccc solid; padding:5px 0 !important; vertical-align: middle !important;}
table td p{ margin: 0;}

.quality{ position: relative; min-height: 700px;}
.quality .bgcon{ background: url(../images/jishubj.jpg) no-repeat top center; background-size: cover; background-attachment: fixed; height: 450px; position: absolute; top: 0;left: 0; width: 100%;}
.quality .bt h3:after,.quality .bt h3:before{ display: none !important;}
.quality .info{ position: relative; z-index: 99; top:200px;}
.quality .info .con1{ width: 360px; height: 440px; background: url(../images/network.jpg) no-repeat; background-size: cover;}
.quality .info .con2 .item{ width: 250px; height: 220px; }
.quality .info .con2 .item img{ display: block; width: 100%; height: 100%;}

.about .h1{ color: #ccc !important; letter-spacing: -2px;}

.sonsort .border-left{ border-color: #054d96  !important;}
.sonsort a.active,
.sonsort a:hover{ color: #fff; background: #0d59a7;}

.pagination a.page-num,.pagination a.page-link{ color: #333;position: relative; display: block; padding: 1rem 1.3rem; margin-left: -1px;line-height: 1.25; background-color: #fff; border: 1px solid #dee2e6;}
.pagination a.page-num.page-num-current{background: #0d59a7; color: #fff; border-color: #0d59a7; }

.swnews .top .date { font-family: Impact; color: #36a8f4; display: inline-block; }
.swnews .top .date span { display: inline-block; }
.swnews .top .date .line { width: 23px; height: 22px; background: url(../images/news_line.png) no-repeat center; }
.swnews .top .date .day { font-size: 44px; }
.swnews .top .date .month { font-size: 20px; }

.more{width: 160px; height: 55px; text-align: center; line-height: 55px; margin: 0 auto; }
.more a{display: block;width: 100%;height: 100%;color: #fff;background: -webkit-linear-gradient(left, #36a8f4 , #2468f2);position: relative;z-index: 1;}
.more:hover a:before {transform: scale(1);}
.more a:before { content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #f98e11;transform: scale(0);transition: all 0.2s;z-index: -1;}


.in_about .h1{color: #36a8f4;font-family: Impact; font-size:3rem; }

.position{box-shadow: 0 10px 25px rgba(0,133,206,0.1); }
.position i{color:#006cb6;}

/*新闻列表*/
.newslists .items{ background: #fff;}
.newslists .items .ico { flex-grow: 2; height: 100px; overflow: hidden;  }
.newslists .items .ico img{ width: 100%; height: 100%; display: block; transition: all 0.5s ease-in; border-radius: 5px;}
.newslists .items:hover img{ transform: scale(1.1); }
.newslists .items:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.newslists .items .desc{ text-overflow: -o-ellipsis-lastline;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box;	-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.newslists .items .row .cons{transition: all 0.5s ease-in;}
.newslists .items:hover .row .cons{ padding-left: 2rem;}
.newslists .items:hover .btn-outline-secondary{color: #fff;background-color: #6c757d;border-color: #6c757d;}
.newslists .items .date{  font-family: Impact; font-size: 60px; color: #006cb6;}

.nav-tabs .nav-link.active{ background: #0d59a7  !important; color: #fff !important;}

article img{ max-width: 100% !important;}

.pro_bt{ background: #006cb6; }
.rbt:before{ content: ''; height: 18px; background: #006cb6; width: 3px; border-radius: 3px; position: absolute; left:0; top: 5px; }
.tpro.swiper img{ max-height: 260px; width: 100%;}

.nbanner{ max-height: 300px; overflow: hidden;}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    body{ overflow-x: hidden;}
    .container-xl{ min-width: 100%; }
    .in_equ .title_box { font-size: 40px; }
    .in_equ .title_con { margin-bottom: 20px; }
    .in_equ .ind_new_case .ind_new_tab_box { display: none; }
    .in_equ .ind_new_case .swiper-wrapper { transform: translate3d(0px, 0px, 0px) !important; display: flex; flex-wrap: wrap; flex-direction: row; }
    .in_equ .ind_new_case .swiper-slide { flex-basis: 48%; margin: 1% !important; width: 48% !important; }
    #navbar .navbar-brand{ margin: 0!important; position: inherit !important; background-size: 90% !important; background-position:0 0 !important; width:400px !important; height: 80px;}
}

@media (max-width: 768px){
    body{ overflow-x: hidden;}
    .container-xl{ min-width: 100%; }
    #navbar.fixed-top{ position: sticky !important; border-bottom: none !important;}

    #navbar .subBox{ top: 0; position: relative; padding: 0 !important; box-shadow:none !important; height: auto;}
    #navbar .subBox .container-xl { padding: 0 !important;}
    #navbar .subBox .h2 + row{ margin-top: 0 !important;}

    .pages .text-right{ text-align: left !important; margin-top: 1rem;}
    #navbar .navbar-brand{ margin: 0!important; position: inherit !important; background-size: 90% !important; background-position:0 0 !important; width: 70% !important; height: 50px;}


    .in_pro{ height: auto !important; padding: 0px !important;}
    .in_pro_box{ padding:  0;}
    .in_pro_box .tabcon .h2,.in_pro_box .tabcon .h2 + div{ text-align: center;}
    .in_pro_box .tabcon .h2:after{ display: none;}
    .in_pro_box .pro_nav .item a{ padding:1.5rem 0 !important;}
    .in_equ{ height: auto;}
    .in_equ .ind_new_case { margin-bottom: 10px; }
    .in_equ .ind_new_case .ind_new_tab_box { display: none; }
    .in_equ .ind_new_case .swiper-wrapper { transform: translate3d(0px, 0px, 0px) !important; display: flex; flex-wrap: wrap; flex-direction: column; }
    .in_equ .ind_new_case .swiper-slide { flex-basis: 100%; width: 100% !important; margin-bottom: 10px; margin-right: 0px !important; }
    .in_equ .ind_new_case .ind_new_con .new_text_box .ind_3_new_time { font-size: 22px; font-weight: normal; }
    .in_equ .ind_new_case .ind_new_con .new_text_box .ind_3_new_name { font-size: 14px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }

    .in_news .row,.in_news .row div{ margin: 0 !important;}

    .in_about{ padding-top: 0 !important;}
    .in_about .h1,.in_about .h4{ text-align: center;}
    .in_about .row div:first-child{ order: 2;}
    .in_about .row div:last-child{ order: 1; margin-bottom: 2rem;}

    .nbanner img{ height: 200px; max-width: initial !important; }
    .sortname { font-size: 2rem; }
    .n_content{ padding: 0 !important;}
    .prolist > div{padding: 0 !important; }
    .prolist > div a{ margin-bottom: 2rem !important;}
    .prolist .proname{ padding: 0.5rem !important;}
    .pagination a.page-num, .pagination a.page-link{ padding: 0.75rem !important;}
    .pagination .page-item:first-child,.pagination .page-item:last-child{ display: none !important;}

    .footer{ padding-bottom: 1rem !important;}
    .footer .copyright { padding: 0 !important; margin-bottom: 5rem;}


    .newslists{ padding: 1rem !important;}
    .newslists .items{ padding:1rem !important; }
    .newslists .items .h4{ font-size: 1.2rem;}

    .productcon{ padding:1rem 0 !important;}
}