@charset "utf-8";
/* CSS Document */
a{ text-decoration: none!important; color: #000;}
a:hover{ color: #EC9F10;}
.top-tel{ font-size: 1.625rem; color: #023894; font-weight: bold;}
/*导航*/
.nav{}
.navbar-brand img{ max-width: 100%; object-fit: cover;}

.navbar-nav .nav-item .nav-link{ font-size: 1.25rem; font-weight: bold; color: #333;}
.navbar{ transition: 0.5s;}

.dropdown-menu{ background: #ddd; border: none;}
.dropdown-menu a{ border-bottom: 1px solid #fff; color: #023894;}
.dropdown-menu a:last-child{ border-bottom: none;}

.top-nav {padding:0;background:#000;}

.navbar-collapse ul{ white-space: nowrap;}

.nav-item{ padding: 0;}
.search1{ margin: 0 0 0 auto; color: #999; font-size: 1.5rem;}
.navbar-toggler{ border: none; line-height: normal;}
.navbar-toggler-icon{fill:currentColor; background-image: none!important; color: #ECA00F; font-size: 2.5rem; width: auto; height: auto;}
@media (max-width: 992px) {
    .navbar>div.container{ width: 100%; justify-content:space-between; flex-wrap:wrap; display: flex; padding: 0; align-items: center;}
    
.navbar-brand img{ max-width: 80%; object-fit: cover;}

    .visor-carousel,
.visor-carousel .visor-wrapper,
.visor-carousel .carousel-inner > .item,
.visor-carousel .carousel-inner > .item > img {
    height: 24rem!important; object-fit: cover!important;
}
    
    .index_product .nav-tabs .nav-item{ margin: 0!important;}

    .dy2{ padding: 2rem!important;}
    .dy2 .content{ margin: 0!important;}
    .ny{ padding: 1rem 0!important;}
    .navbar-collapse ul{ padding: 1rem 0;}
    .navbar-collapse ul .nav-item{ padding: 0 2rem; background: #eee; border-bottom: 1px solid #fff;}
    .navbar-collapse ul li.nav-item .nav-link{ font-weight: normal; font-size: 1rem; color: #023894;}
    .navbar-collapse .dropdown-menu{ background: #ddd; border: none;}

    .search{ width: 100%; right: 0!important; left: 0!important;}
    #kf2{ display: none;}
  }

.search{ position: absolute; top:6rem; right: auto; left: calc( 50% + 20rem);}

.title{ font-size: 2rem; font-weight: bold; text-align: center;}
.title span{ color: #023894;}
/*首页产品*/
.index_product{ padding: 2rem 0; background: url("../index_product_bg.png") no-repeat bottom;}
.index_product .nav-link{ color: #000;}
.index_product .card-body{ background: #F4F6FA;}
.index_product .card-text{ text-align: center; -webkit-line-clamp: 1; -webkit-box-orient:vertical; text-overflow:ellipsis; display: -webkit-box; overflow:hidden;}

.index_product .nav-tabs{ border: 1px solid #D1D1D1; background: #E8E9ED; flex-wrap: nowrap; overflow: hidden; padding: 0;}
.index_product .nav-tabs .nav-item{ margin: 0 1rem; padding: 0;}
.index_product .nav-tabs .nav-link{ margin: 0; border: none; color: #000; padding: 1rem; white-space: nowrap;}
.nav-tabs .active{ background: #ECA00F!important; border-radius: 0; color: #fff!important;}

.index_product .tab-content{ margin: 2rem auto;}

.index_product .card{ transition: 0.3s;}
.index_product a:hover .card{ border-color: #f00; transform: scale(0.99);}
.index_product .card img{ max-width: 100%; height: auto; max-height: 100%; object-fit: cover;}

/*首页生产设备*/
.index_equipment{ margin: 0; padding: 2rem 0;}
.index_equipment .carousel-item{ display: block;}
.index_equipment a{ background: rgba(40,87,168,0.8);}
.index_equipment .carousel-caption{ bottom: 0!important;}
.index_equipment .carousel-caption a.name{ padding: 1rem; color: #fff; display: block;}

.index_equipment .carousel-indicators{ display: none!important;}

.index_equipment .carousel-inner{}
.index_equipment .carousel-inner>div.item{ transition: 0.3s!important;}
.index_equipment .carousel-inner>div.item:hover{ transform: scale(0.99);}
.index_equipment .carousel-inner>div.item:hover .carousel-caption{ transform: scale(1.1);}
.index_equipment .carousel-inner>div.item .carousel-caption{ transition: 0.3s!important;}


.visor-carousel,
.visor-carousel .visor-wrapper,
.visor-carousel .carousel-inner > .item,
.visor-carousel .carousel-inner > .item > img {
    height: 37rem; object-fit: cover;
}
.carousel-inner img{ width: 100%!important; object-fit: cover;}


.carousel-control{
    background: rgba(255,255,255,0.8)!important;
    opacity: 0.8!important;
    box-shadow: none!important;
    border-radius: 0!important;
    width: 3rem!important;
    height: 5rem!important;
    top: 40%!important;
    color: #666!important;
    right: 10%!important;
}
.layout-landscape.left{ left: 10%!important;}

/*首页我们的优势*/
.index_youshi{ padding: 2rem 0; background: linear-gradient(#fff,#DCE9FF);}
.index_youshi .title{ background: url("../youshi_title.png") no-repeat center top; padding: 35px 0 0 0;}
.index_youshi .title span{ color: #023894;}
.index_youshi .title em{ margin: 2rem auto 0; display: block; font-size: 1rem; font-style: normal; font-weight: normal; width: 70%;}
.index_youshi .num{ background: url("../num.png") no-repeat center / contain; font-size: 3rem; color: #fff;}
.index_youshi .pic{ object-fit: cover; text-align: center;}
.index_youshi .pic img{ width: 100%; object-fit: cover;}
.index_youshi .text b{ font-size: 1.5rem; line-height: 5rem; white-space: nowrap;}
.index_youshi .text ul{ padding: 0; font-size: 0.875rem;}
.index_youshi .text li{ list-style: url("../dot.png") inside;}
.index_youshi .container>div{ padding: 3rem 0; border-bottom: 1px dashed #ccc;}

/*首页ad*/
.ad{ background: url("../ad.jpg") no-repeat right center / cover; color: #fff; font-size: 2rem;}
@media ( max-width: 768px) {
  .ad{
    background-position: -62rem 0;
      padding-left: 0!important;
      padding-right: 0!important;
  }
    .text1{ font-size: 1.25rem;}
    .text2{ font-size: 1.5rem;}
    .index_youshi .container .row{ margin: 0 0 10px 0; padding: 0;}

}
.ad .text2{ font-size: 1.6rem; width: auto;}
.ad .text2 b{ font-size: 2rem;}

/*首页案例*/
.index_case{ padding: 3rem 0; background: linear-gradient(#fff,#315AA5);}
.index_case .carousel-caption{ padding: 0 15px!important; left: 0!important; right: 0!important;}
.index_case a{ background: rgba(0,0,0,0.6);}
.index_case .carousel-caption{ bottom: 0!important;}
.index_case .carousel-caption a.name{ padding: 1rem; color: #fff; display: block;}
.index_case .carousel-inner .item:before{ content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.8); transition: 0.2s!important;}
.index_case .carousel-inner .item.active:before{ background: rgba(0,0,0,0); transition: 0.1s!important;}
.index_case .carousel-indicators{ display: none!important;}

.index_case .carousel-inner>div.item{ transition: 0.3s!important;}
.index_case .carousel-inner>div.item:hover{ transform: scale(0.99);}
.index_case .carousel-inner>div.item:hover .carousel-caption{ transform: scale(1.1);}
.index_case .carousel-inner>div.item .carousel-caption{ transition: 0.3s!important;}


.index_case .more{ margin: 2rem auto 1rem; padding: 1rem 5rem; border: 1px solid #fff; display: table; background: none; color: #fff; transition: 0.3s; line-height: 1.5rem;}
.index_case .more:hover{ padding: 1rem 5.3rem; font-size: 1.1rem;}

/*首页新闻*/
.index_news{ padding: 3rem 0;}
.index_news .title{ text-align: left; position: relative; padding: 0 0 0 1rem; margin: 0 0 1rem 0;}
.index_news .title:before{ content: ""; width: 5px; background: #EC9F10; position: absolute; left: 0; height: 1.5rem; top: 0.875rem;}
.index_news .title .more{ display: inline-block; float: right; font-size: 1rem; line-height: 3rem; font-weight: normal;}
.index_news .boxtext{}
.index_news .boxtext .pic img{ width: 100%; min-height: 100%; object-fit: cover;}
.index_news .card-title{ margin: 0; font-size: 1rem; font-weight: bold; line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    overflow:hidden;
}
.index_news .card-text{ margin: 0; color: #333;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    overflow:hidden;
}
.index_news a:hover .card-text{}


    #myVisor5{ padding: 0;}
    #myVisor4{ padding: 0;}
@media ( max-width: 768px) {
.news1,.news2{ margin: 0; padding: 0;}
.index_news .boxtext{ padding: 1rem;}
.index_news .news1 .title{ background: #EC9F10; color: #fff; font-size: 1.5rem; line-height: 3rem;}
.index_news .news2 .title{ background: #355CA7; color: #fff; font-size: 1.5rem; line-height: 3rem;}
.title span{ color:inherit;
    }
    .index_news .title{ text-align: left; position: relative; padding: 0 0 0 1.5rem; margin: 0 0 1rem 0;}
    .title:before{ content: ""; width: 5px; background: #fff!important; position: absolute; left: 10px!important; height: 1.5rem; top: 1rem;}

/*
    #myVisor4 [class*="col-"]{ margin: 0; padding: 0;}
*/
    .index_equipment{ padding-bottom: 5rem;}
    .index_equipment .carousel-indicators{ display: block!important; bottom: -4rem!important; background: #EAEAEA; width: calc(100% - 2rem)!important; padding: 1rem!important; margin: 0 1rem!important; left: 0!important; right: 0!important; transform: none!important;}
    .carousel-indicators li{ opacity: 1!important;}
    .carousel-indicators li:before{ background: #fff!important; box-shadow: none!important;}
    .carousel-indicators li.active:before{ background: #EE9F0F!important; border: none!important; box-shadow: none!important; width: 0.8rem!important; height: 0.8rem!important;}
}

.index_news ul{ padding: 0!important;}
.index_news ul li{ padding: 1.25rem 0; border-bottom: 1px solid #E1E1E1; list-style: none;}
.index_news ul li:hover{ border-bottom: 1px solid #EC9F10;}
.index_news ul li:hover a{ color: #EC9F10;}
.index_news ul li a{ text-decoration: none; color: #333;}
.index_news ul li a:hover{ color: #EC9F10;}
.index_news .ntitle{ padding: 0 0 0 10px; font-size: 1rem; font-weight: bold; line-height: 2; position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    overflow:hidden;
}
.index_news .ntitle:before{ content: ""; width: 5px; height: 10px; position: absolute; left: 0; top: 0.75rem; bottom: 0; background: #666;}
.index_news ul li:hover .ntitle:before{ background: #EC9F10;}
.index_news .ntitle .time{ font-size: 0.75rem; font-weight: normal;}
.index_news .details{ font-size: 0.875rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    overflow:hidden;
}



/*首页关于我们*/
.index_aboutus{ padding: 5rem 0; background: url("../aboutus_bg.png") right bottom / contain no-repeat #F0F4F8;}
.index_aboutus .title{ text-align: left;}
.index_aboutus .title:before{ content: none!important;}
.index_aboutus .title span{ color: #023894;}
.index_aboutus .title em{ font-size: 1rem; color: #999; font-weight: normal; text-transform: uppercase;}
.index_aboutus img{ width: 100%;}
.index_aboutus .gsjj{ margin: 0 0 1rem 0; line-height: 2rem;}
.index_aboutus .gsjj .more{ margin: 1rem 0; padding: 0.5rem 3rem; background: #EC9F10; color: #fff; display: inline-block; transition: 0.2s;}
.index_aboutus .gsjj .more:hover{ padding: 0.5rem 3.2rem;}

/*首页联系我们*/
.index_contactus{ padding: 5rem 0; background: url("../contactus_bg.jpg") center/cover  no-repeat;}
.index_contactus .title span{ color: #023894;}
.index_contactus .title em{ margin: 1rem auto; display: block; font-size: 0.875rem; font-style: normal; font-weight: normal; color: #999;}
.index_contactus .div2{ border-right: 1px solid #ccc; border-top: 1px solid #ccc;}
.index_contactus .div2 div{ padding: 2rem; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.index_contactus .row{ margin: 0!important; padding: 0!important; text-align: center;}
.index_contactus i.bi{ display: block; font-size: 3rem;}

.index_contactus i{ width: 62px; height: 51px; display: block; margin: 1rem auto;}
.index_contactus .ren{ background: url("../ren.png") no-repeat center;}
.index_contactus .tel{ background: url("../tel.png") no-repeat center;}
.index_contactus .addr{ background: url("../addr.png") no-repeat center;}
.index_contactus .mail{ background: url("../mail.png") no-repeat center;}


/*内页公共*/
.banner2{ background: url("../banner4.jpg") no-repeat center; height: 18em; color: #fff; padding: 8rem 0 0;}
.banner2 b{ font-size: 2rem;}
.banner2 .position{}
.position{ font-size: 0.875rem;}
.position a{ color: #fff;}

.banner3{ background: url("../banner6.jpg") no-repeat center; height: 30em; color: #fff; padding: 8rem 0 0;}
.banner3 b{ margin: 0 auto; display: block; text-align: center; font-size: 2rem;}

.ny{ padding: 3rem 0;}
.ny .row{ margin: 0; padding: 0;}
.ny a{ text-decoration: none; color: inherit;}
.aside{ width: 280px; box-shadow: 2px 0 10px #ddd;}
.fenlei_title{ padding: 2.0rem 0 4.3rem; background: url("../fenlei_title.png") no-repeat center bottom; color: #fff; font-size: 2rem; text-align: center;}
.fenlei_text{ padding: 1rem;}
.fenlei_text a{ display: block; text-decoration: none; color: inherit;}
.fenlei_text .card{ border: none;}

.aside .collapse .curr{ color: #EC9F11; margin-left: -10px;}
.aside .collapse .curr:before{ content: ""; background: url("../dot3.png") left center no-repeat; width: 10px; height: 10px; display: inline-block;}

.aside .collapse a:hover{ color: #EC9F11; margin-left: -10px;}
.aside .collapse a:hover:before{ content: ""; background: url("../dot3.png") left center no-repeat; width: 10px; height: 10px; display: inline-block;}


.accordion{ text-align: center;}
.accordion .card>div a{ line-height: 2rem;}
.accordion .card>div{ padding: 1rem;}
.accordion .card{ border-bottom: 1px solid #E6E6E6!important; border-radius: 0!important;}
.accordion .card:last-child{ border-bottom: none!important;}
.accordion .card>a{ padding: 1rem; background: #EC9F11; color: #fff; font-size: 1.25rem;}

.collapsed{ background: none!important; color: #000!important;}

/*图片列表页*/
.piclist{}
.piclist .boxtitle{ font-size: 1.75rem;}
.piclist .boxtitle b:before{ content: ""; background: #023795; width: 5px; height: 20px; display: inline-block; margin: 0 1rem 0 0;}
.piclist .card{ border: none; margin-top: 1rem; margin-bottom: 1rem;}
.piclist .card .card-body{ background: #F2F2F2; text-align: center;}
.piclist .card .card-body .card-text{
    display: -webkit-box!important;
    -webkit-line-clamp: 1;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    overflow:hidden;
}
.piclist .card a:hover .card-body{ background: #EC9F11; color: #fff;}

/*图片内容页*/
.title{}
.ny .details{ margin: 1rem auto;}
.ny .details .date{}
.content li{ list-style: none;}

/*新闻列表页*/
.newslist{ padding: 0;}
.newslist .row{ padding: 1rem;}
.newslist li.row{ margin: 0.5rem auto; background: #F5F5F5; flex-wrap: nowrap; position: relative; width: 100%;}
.newslist li.row a:before{ content: ""; left: 0; top: 0; border-top: 1px solid #EC9F11; border-left: 1px solid #EC9F11; width: 0; height: 0; position: absolute; transition: 0.4s;}
.newslist li.row a:hover:before{ width: 100%; height: 100%}
.newslist li.row a:after{ content: ""; right: 0; bottom: 0; border-bottom: 1px solid #EC9F11; border-right: 1px solid #EC9F11; width: 0; height: 0; position: absolute; transition: 0.4s;}
.newslist li.row a:hover:after{ height: 100%; width:100%;}
.newslist li.row a{ display: flex;}
.newslist li.row:nth-child(odd){ background: #FDEAE7;}

.newslist .date{ text-align: center; background: #fff; width: 90px; height: 90px; display: block;}
.newslist .date .day{ font-size: 2rem;}
.newslist .title{ font-size: 1rem; text-align: left;}
.newslist .title:before{ content: ""; display: none;}

.newslist li.row .js{ -webkit-line-clamp: 2; -webkit-box-orient:vertical; text-overflow:ellipsis; display: -webkit-box; overflow:hidden;}

/*新闻内容页*/
.newscontent{}
.title{}
.ny .details{ margin: 1rem auto; padding: 0 0 5px 0; border-bottom: 1px solid #eee; font-size: 0.875rem; color: #999;}
.ny .details .date{}
.content li{ list-style: none;}
.content img{ max-width: 100%;}

/*关于我们 单页2*/
.dy2{ padding: 4rem; margin-top: -15rem; background: #fff;}
.dy2 .title{ background: url("../aboutus_gsjj.png") left center no-repeat; height: 72px;}
.dy2 .title:before{ content: none;}
.dy2 .content{ padding: 0; margin: 2rem auto; line-height: 2;}
.dy2 .content img{ width: 100%;}

/*搜索列表页*/
.searchlist{}
.searchlist ul{ padding: 1rem 0; list-style: none!important;}
.searchlist li{ padding: 1rem 0; border-bottom: 1px dotted #ccc;}
.searchlist .art_title{ display: block; font-weight: bold; line-height: 2rem;}
.searchlist .artintro{ display: block; font-size: 0.875rem; color: #999;}
.searchlist .arturl{ margin: 0 3rem 0 0; font-size: 0.875rem; color: #999;}
.searchlist .time{ font-size: 0.875rem; color: #999;}

/*上下页*/
.fy{ line-height: 2rem; font-size: 0.875rem;}
/*分页*/
.fenye{ margin:1rem auto; width: 100%;}
.fenye a{ margin:0px 5px; font-size:14px; height:26px; line-height:26px; background:#e1e6e8; border-radius:3px; color:#616466; text-align:center; display:inline-block;}
.fenye a img{ display:block; overflow:hidden;height:16px;margin:0 auto;margin-top:15px;}
.fenye a.curr{ padding: 0 5px; background:#186594;color:#fff;}
.fenye a.num{ padding: 0 5px;}
.fenye a.curr:hover{ background:#186594;color:#fff;}
.fenye a:hover{ background:#d5dcde;}
.fenye a.prev{ padding:0 10px;}
.fenye a.next{ padding:0 10px;}
.fenye span{ margin:0px 5px; padding:0 10px; height:26px; line-height:26px; font-size:14px; border-radius:3px; background:#e1e6e8; display:inline-block;}
#totalpage{ border:none; padding: 0 5px;}

.fenye table,.fenye table th,.fenye table td{ border:none;}







/*网页底部*/
footer{ background: #293344; border-top: 4px solid #EE9E11; color: #fff; padding: 1rem 0; line-height: 2rem; font-size: 0.875rem;}
footer a{ color: #fff; position: relative; padding: 0 0.75rem; float: left;}
footer a:before{ content: ""; position: absolute; left: 0; top: 0.5rem; width: 2px; height: 1rem; background: #fff;}
footer a:first-child{ padding-left: 0;}
footer .details ul a:first-child:before{ width: 0;}
footer .details b{ display: block; font-size: 1rem;}

footer .fr{ text-align: center;}


/*客服2*/
#kf2 ul{ margin: 0!important; padding: 0!important;}
#kf2 ul li{ list-style: none!important;}

/*首页服务项目*/
.service{ background: #F6F6F6;}
.service-titile{
    text-align: center;
    font-size: 2.5rem;
    line-height: 5rem;
    text-transform: uppercase;
}
.service ul li{
    width: 50%;
    float: left;
    text-align: center;
    transition: 0.3s;
    border-top: 1px solid #ddd;
    padding: 10px;
    font-size: 0.875rem;
}
.service ul li:nth-child(2n-1){ border-right: 1px solid #ddd;}
.service ul li:first-child{ border-top: none;}
.service ul li:nth-child(2){ border-top: none;}
.service ul li i:before{
    display: block;
    font-size: 1.5rem;
    color: #666;
    transition: 0.3s;
}
.service ul li:hover{
    color: #ff7019;
    cursor: pointer;
}
.service ul li:hover i:before{
    color: #ff7019;
}
.service-content{}
.service-content b{ display: block; text-align: center; font-size:1rem; }
.service-content em{ display: block; text-align: center; margin: 20px 0; font-size: 0.5rem;}