@charset "utf-8";
/* CSS Document */
/*pc导航*/
body{ background: #F5F5F5;}
body.index_body{ background: #fff;}
a{ text-decoration: none;}
a:hover{ text-decoration: none;}
.header{ background: #fff;}
.topline{ padding:0; line-height:50px; background: #075699; color: #fff; font-size: 13px; font-weight: bold;}
.topline a{ margin:0 4px; color: #fff;}
.sc{ text-align:right; float:right;}
.sc span{ display:inline-block;}
.sc span.home{ padding: 0 0 0 20px; background: url(home.png) no-repeat left center;}
.sc a{ margin:0 10px;}

.sc span.tel{ padding:0 25px; background:url(tel4_1.png) no-repeat left center; font-weight: normal; font-size: 18px; font-family: Verdana;}
.sc span.chat{ padding:0 0 0 20px; background:url(chat.png) no-repeat left center;}

.tel{ padding: 0 0 0 30px; background: url(tel.png) no-repeat left center;}

.share{}
.share1,.share2,.share3,.share4{ width:20px; height:50px; display:inline-block; background:url(share.png) no-repeat; float:left;}
.share .share1{ background-position:5px center;}
.share .share2{ background-position:-30px center;}
.share .share3{ background-position:-65px center;}
.share .share4{ background-position:-100px center;}

.language{ margin: 0 10px; padding:0; float:right; display:inline-block; width: 120px; height:50px; cursor:pointer; text-transform:capitalize; position:relative; z-index:99; line-height: 50px; text-align: center;}
.language:hover li.chinese{ display:block; height: 30px;}
.language ul:hover{ background:#075699;}
.language ul li:first-child{ padding: 0 0 0 6px; background: url(earth.png) no-repeat 10px center #075699;}
.language li{ display:block; z-index: 999; width: 100%; height: 50px;}
.language li:not(:first-child):hover{ background:rgba(0,0,0,0.2);}
.language li:after{content:"";display:inline-block;clear:both; border-top: 4px solid #f00;}
.language li:not(:first-child) { display:none; line-height: 30px;}


.language2{ padding: 0 0 0 25px; display: inline; text-transform: capitalize; background: url(ditu.png) no-repeat left center; float: right;}
.language2 span{ padding: 5px 0; width: 70px; text-align: center; display: inline-block; cursor: pointer;}
.language2 span:last-child{ background: #E5E5E5; color: #a5a5a5;}

.head2{ background: #F5F5F5; padding: 20px 0;}
.head_info{ position: relative; padding: 20px 0;}
.head_info .name{ font-size: 24px;}
.head_info .addr{ font-size: 16px;}
.head_info .tel{ float: right; position: absolute; right: 0; top: 20px;}
.head_info .tel .iconfont{ font-size: 20px;}
.head_info .tel .iconfont:before{ margin: 0 10px 0 0;}
.head{ margin:0 auto; position:relative; top:0; transform:translate(0,0); transition:0.5s; z-index: 80; justify-content: space-between; display: flex;}
.head  .tel{ margin:20px 0 0 0; padding:0 0 0 50px; line-height:20px; font-size: 16px; font-weight: bold; display:inline-block; background:url(tel6.png) no-repeat left center; color: #E9D3BC; float: right; text-shadow: 2px 2px 2px #000;}
.head  em{ text-align:right; float:right; color:#ff8b00; font-size:18px; font-weight: bold;}

.head  .iconfont{ margin: 0 10px 0 0; color: #707070;}

.logo{ margin: 0 20px 0 0; float:left; overflow:hidden;}
.logo img{ margin: 0; max-width: 400px; max-height:100px; display: block;}
.head .search1{ margin: 0;}

/*
.head .language{ margin:20px 60px 0 0; width:100px; float:right; position:relative; line-height:46px; text-align:center; text-transform:capitalize;}
.head .language a{ color:#fff; display:block;}
.head .language i{ width:100%; display:none; position:relative; background:#2980CF;}
.head .language li:hover i{ display:block; position:absolute; width:140px; left:34px; z-index:99; transform:skew(45deg);}
.head .language li:hover i a{ transform:skew(-45deg);}
*/

/*普通导航*/
/*
.nav{ margin:0 auto; padding:0; float:left; width:760px; font-size:14px;}
.nav ul{ margin:0 auto; width:1000px; display:block;}
.nav ul li{ float:left; margin:0; color:#fff; text-transform:capitalize;}
.nav ul li:last-child{ background:none;}
.nav ul li a{ padding:0 20px; display:block; margin:0;}
.nav ul li a:hover{ color:#fff; background:#003781;}
.nav ul .currclass{ color:#fff; font-weight:bold; padding:0; display:block;}
.nav ul .currclass a{ color:#fff; background:#003781;}
.nav ul .time{ float:right; color:#fff; width:300px;}
*/

.navbar-pc{ background: #6C7C93;}
/*下拉导航*/
.nav-pc{ padding:0; font-size:14px; /*font-family:serif;*/ text-transform:capitalize; z-index: 9; box-sizing:border-box;}
.nav-pc li{ list-style: none;}
.nav-pc .navlist{ display:block; line-height: 50px; padding: 0; margin: 0;}
.navlist li{ float:left; margin:0; padding:0; position:relative; /*background: url(line0.jpg) no-repeat right center;*/}
.navlist li:last-child{ background:none;}
.navlist li:last-child a{ background:none;}
.navlist li:hover{ background:rgba(255,255,255,0.3);}
.navlist li:hover a{/* color: #fff; background:rgba(32,151,243,1);*/}
.navlist li a{ margin:0; padding:0 10px; display:block; box-sizing:border-box; color: #fff; text-decoration: none;}
.navlist li span{ float:left; font-size:1.25rem; overflow:hidden; text-align:center;}
/*
.navlist li span:before{ content:"."; display:block; width:50px; height:45px; clear:both; visibility:hidden; overflow:hidden; background:url(nav_xg.png) no-repeat center; float:left;}
*/
.navlist li span em{ display:block; font-size:12px; line-height:20px;}
.navlist li span a{ margin:0; padding:0 40px; display:block; /*background:url(nav_arrow.png) no-repeat 10px center;*/}
.navlist li span a:hover{}

.navlist li.curr{ color:#1c33a6; display:block;/* background: #2097F3;*/}
.navlist li.curr span a{ background: rgba(255,255,255,0.3);}

.navlist .on{}
.navlist .on span a{}
.navlist .on span a:hover{}
.navlist .on .sub{ display: block;}
.navlist .sub:before{ content:"."; display:none; width:0; height:0; border: 5px solid #fff; position: absolute; top: 10px; left: calc(50% - 5px); transform: rotate(45deg);}
.navlist .sub{ display:none; position:absolute; top:50px; z-index:999; font-size:12px; min-width:120%; padding: 0; background:#6C7C93;}
.navlist .sub li{ padding:0; vertical-align:middle; display:block; width:100%; position:relative; border-bottom:1px solid #ddd; text-align:center;}
.navlist .sub li:first-child{}
.navlist .sub li:last-child{ border-bottom: none;}
.navlist .sub li:hover{ background:rgba(255,255,255,0.3);}
.navlist .sub li a{ line-height:40px; color:#fff; word-break:keep-all; background:none; font-weight: normal;}
.navlist .sub li a:hover{ font-weight: bold;}

.sub3{ display:none; box-sizing:border-box;}
.navlist .sub li:hover>.sub3{ position:absolute; left:100%; top:0; width:100%; background:#0D4C92; display:block;}
/*
.nav{ margin:0 auto; padding:0; width:100%; height:40px; line-height:40px; font-size:18px; background:#000;}
.navlist{ margin:0 auto; width:1000px; display:block;}
.nav ul .curr{ padding:0; color:#fff; display:block;}
.nav ul .curr a{ color:#58a2d6;}
.navlist li:first-child{ background:none;}
.navlist li{ float:left; margin:0; color:#fff; position:relative; background:url(line.png) left center no-repeat; display:block;}
.navlist li a{ padding:0 20px; display:block; margin:0;}
.navlist li span{ float:left; overflow:hidden;}
.navlist li span a{ display:block;}
.navlist li span a:hover{ color:#58a2d6; height:40px; line-height:40px;}

.navlist .on{}
.navlist .on span a{ color:#58a2d6; height:40px; line-height:40px;}
.navlist .sub{ display:none; width:100%; padding:0; position:absolute; top:40px; background:rgba(74,156,97,0.8); text-align:center; z-index:999; font-size:12px;}
.navlist .sub li{ vertical-align:middle; display:block; width:100%; position:relative; background:none; border-bottom:1px solid #fff;}
.navlist .sub li:last-child{ border:none;}
.navlist .sub li a{ line-height:30px; padding:4px 0; color:#fff; font-weight:normal; background:none;}
.navlist .sub li a:hover{ color:#fff; background:#2F8C42;}
*/

/*导航*/
.nav{}
.navbar-brand{ margin: 0; padding: 0;}
.navbar-brand img{ width: 100%; height: 100%; max-height: 4rem;}

.navbar-nav .nav-item .nav-link{ font-size: 1rem; border-bottom: 1px solid #D6D6D6; color: #000;}

.navbar-collapse{ }
.navbar-collapse ul.navbar-nav{ padding: 0 0 800px 0;}
.dropdown-menu{ margin: 0; padding: 0; background: transparent; border: none; transition: 0.3s; height: 0; display: block; overflow: hidden;}
.dropdown-menu.show{ height: auto; max-height: 300px; overflow-y: auto;}
.dropdown-menu .dropdown-item{ padding: 0.5rem 2rem;}
.dropdown-menu a{ border-bottom: 1px solid #D6D6D6;}
.dropdown-menu a:last-child{}

.nav-item{}

.navbar-toggler{ padding: 0; border: none; line-height: normal;}
.navbar-toggler-icon{fill:currentColor; background-image: none!important; font-size: 2rem; width: auto; height: auto;}
.navbar-toggler-icon i{ font-size: 2rem;}
@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{}
    .navbar-toggler{}
    body{ padding: 70px 0 0 0;}
        .index_aboutus .boxtitle{ margin: 1rem 0 0 0;}

    .search{ width: 100%; right: 0!important; left: 0!important;}
  }

.search{ position: absolute; top:4.3rem; right: 0; left: calc( 50% + 20rem); background: #fff;}

.index_boxtitle{ font-size: 2rem; font-weight: bold; position: relative; line-height: 5rem; color: #fff;}
.index_boxtitle span.y{ color: #FF8200;}
.index_boxtitle span.b{ color: #0C54A6;}
.index_boxtitle b{ width: 14px; height: 14px; background: #FF8200; transform: rotate(45deg); display: block; margin: 0 auto;}
.index_boxtitle b:before{ content: ''; border-bottom: 2px solid #D2D2D2; position: absolute; transform: rotate(-45deg); transform-origin: 100% 100%; width: 100px; right: 20px; top: 20px;}
.index_boxtitle b:after{ content: ''; border-bottom: 2px solid #D2D2D2; position: absolute; transform: rotate(-45deg); transform-origin: 0 0; width: 100px; left: 20px; top: -8px;}

.boxtitle{ font-size: 1.5rem; line-height: 4rem; padding: 0 1rem; border-bottom: 1px solid #ddd; background: #F9F9F9;}
.boxtitle b{ }
.boxtext{ padding: 1rem; background: #fff;}

/*首页产品*/
.index_product { padding: 2rem 0;}
.index_product .nav-link{ color: #000;}
.index_product .card-body{ background: #F4F6FA; text-align: center;}
.index_product .card-text{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; background: #FF8400; color: #fff; border-radius: 20px; 
padding: 5px 20px; font-weight: bold; font-size: 1rem; display: inline-block;}
.index_product .card-title{ text-align: center; text-transform: capitalize;}
.index_product .card.h45{ height: auto;}
.index_product .card.h45 .pic{ height: 45rem;}
.index_product .card{ border: 0; background: #F5F5F5; height: 25rem; margin-bottom: 2rem;}
.index_product .card a{ transition: 0.5s; color: #000;}
.index_product .card a:hover{}

.index_product .card .pic{ transition: 0.5s; padding: 20px; height: 18rem; display: flex; align-items: center; justify-content: center;}
.index_product .card .pic img{ max-width: 100%; max-height: 100%;}
.index_product .card:hover .pic{ transform: scale(1.1);}


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

/*首页生产设备*/
.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;}

.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{ background: linear-gradient(#fff,#DCE9FF);}
.index_youshi .title{ background: url("../image/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("../image/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; list-style: url("../image/dot.png") left inside; font-size: 0.875rem;}
.index_youshi .text li{}
.index_youshi .container>div{ padding: 3rem 0; border-bottom: 1px dashed #ccc;}

/*首页ad*/
.ad{ background: url("../image/ad.jpg") no-repeat right center / cover; color: #fff; font-size: 2rem;}
@media ( max-width: 768px) {
  .ad{
    background-position: -62rem 0;
  }
    .text1{ font-size: 1.25rem;}
    .text2{ font-size: 1.5rem;}
    .index_youshi .container .row{ margin: 0 0 10px 0; padding: 0;}
    .about_dy .count>div:nth-child(1){ border-bottom: 1px solid #eee;}
    .about_dy .count>div:nth-child(2){ border-bottom: 1px solid #eee; border-right: none;}

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

/*首页案例*/
.index_case{ padding: 2rem 0;/* background: linear-gradient(#fff,#315AA5);*/}
.index_case .boxtitle{ text-align: center;}
.index_case .boxtext{ text-align: center; margin: 0 0 2rem 0;}
.index_case .carousel-caption{ padding: 0 15px!important; left: 0!important; right: 0!important;}
.index_case a{ color: #000;}
.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);}
.index_case .carousel-inner .item.active:before{ background: rgba(0,0,0,0);}
.index_case .carousel-indicators{ display: none!important;}

.index_case .more{ margin: 2rem auto 1rem; padding: 1rem 1rem; border: 1px solid #fff; display: table; background: none; background: #172a88; color: #fff; text-transform: capitalize; text-align: center; transition: 0.5s; width: 250px;}
.index_case .more .bi{ width: 0; opacity: 0; display: inline-block; transition: all 0.5s;}
.index_case .more:hover .bi{ width: 10px; opacity: 1;}


.index_case .card{ padding: 10px; box-shadow: 0 0 10px #eee; overflow: hidden; transition: 0.5s;}
.index_case .card img{ transition: 0.5s;}
.index_case .card:hover img{ transform: scale(1.05); transition: 0.5s;}
.index_case .card .card-footer{ background: none; border: none;}
.index_case .card .card-footer .date{ color: #666;}
.index_case .card .card-footer .date .day{ font-size: 2rem; display: inline-block; color: #999;}

/*首页新闻*/
.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: 1rem;}
.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;}
.index_news .card-text{ margin: 0;}


    #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;}
  .index_news .news2 .title{ background: #355CA7; color: #fff;}
    .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;}
.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;}


/*首页应用*/
.index_application{ background: #0B56A7; padding-top: 2rem;}
.index_application .boxtitle{ text-align: center; color: #fff;}
.index_application .more{ border-radius: 100%; border: 1px solid #ccc; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin: 20px auto; color: #000;}

.bgcolor{ overflow: hidden; position: relative;}
.bgcolor:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 26rem; bottom: 0; background: #EBEAE8;}
.index_application .card{ height: 26rem;}
.index_application .card a{ color: #000; transition: 0.5s;}
.index_application .card .pic{ transition: 0.5s; padding: 20px; height: 18rem; display: flex; align-items: center; justify-content: center;}
.index_application .card .pic img{ display: block; max-width: 100%; max-height: 100%; transition: 0.5s;}
.index_application .card:hover .pic img{ transform: scale(1.1);}
.index_application .card-body{ text-align: center;}
.index_application .card-text{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; background: #FF8400; color: #fff; border-radius: 20px; padding: 5px 20px; font-weight: bold; font-size: 1rem; display: inline-block;}

.index_application ul.nav{ padding: 4rem 4rem 4rem 0;}
.nav-tabs{ border:none;}
.nav-tabs .nav-link{ margin: 0 0 2rem; border: none; color: #fff; padding: 1rem; font-size: 1.5rem;}
.nav-tabs .nav-link em{ font-size: 1rem; display: block; font-style: normal;}
.nav-tabs .active{ background: none!important; border-radius: 0; color: #fff!important; border-left: 2px solid #f00; border-color: #f00!important;}

.tab-content a{ color: #fff; height: 100%; display: block;}
.tab-content a i{ width: 100%; height: 100%; display: block; position: absolute; top: 0; background: rgba(0,0,0,1); opacity: 0; z-index: 10; transition: 0.3s;}
.tab-content a:hover i{ opacity: 0.3;}
.tab-content .card{ overflow: hidden; height: 340px; border-radius: 0;}
.tab-content .card img{ border-radius: 0; height: 100%;}
.tab-content .card .card-text{ height: 0; opacity: 0; transition: 0.3s;}
.card-img-overlay{ bottom: -20px; top: auto; transition: 0.3s; z-index: 80;}
.tab-content a:hover .card-img-overlay{ bottom: 0; transition: 0.3s;}
.tab-content a:hover .card-text{ height: auto; opacity: 1;}


.part_2{ padding: 30px 0;}
.part_2 .nav-item .nav-link{ margin: 0 0 2rem; border: none; color: #fff; padding: 1rem; font-size: 1.5rem;}
.part_2 .nav-item .nav-link em{ font-size: 1rem; display: block; font-style: normal;}
.part_2 .nav-item .active{ background: none!important; border-radius: 0; color: #fff!important; border-left: 2px solid #f00; border-color: #f00!important;}

.part_2 i{ opacity: 0.3!important;}
.part_2 .card{ margin: 0 0 20px 0;}
.part_2 .card-img-overlay{ bottom: 0;}
.part_2 .card-text{ height: auto!important; opacity: 1!important;}


/*首页关于我们*/
.index_aboutus{}
.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 .pic{ background: url("../image/gsjj.jpg") no-repeat right bottom / cover; min-height: 20rem;}
.index_aboutus .bg{ background: #0B56A7; color: #fff; padding: 2rem 0;}
.index_aboutus .bg>div{ max-width: 700px; box-sizing: border-box;}
.index_aboutus .gsjj{ margin: 0 0 1rem 0; line-height: 2rem;}
.index_aboutus .gsjj b.companyname{ font-size: 1.5rem; display: block; margin-bottom: 1rem;}
.index_aboutus .gsjj .more{ margin: 1rem 0; padding: 5px 20px; text-align: center; background: #FF8400; color: #fff; display: inline-block; transition: 0.5s; border-radius: 20px; font-size: 1.25rem; font-weight: bold;}
.index_aboutus .gsjj .more .iconfont{ width: 0; opacity: 0; display: inline-block; transition: all 0.5s;}
.index_aboutus .gsjj .more:hover .iconfont{ width: 10px; opacity: 1;}

/*首页工厂简介*/
.index_factory{ padding: 2rem 0;}
.index_factory [class^="col-"]{ margin-bottom: 2rem;}
.index_factory [class^="col-"] img{ max-width: 100%; min-width: 100%; border: 1px solid #fff; padding: 5px; box-shadow: 0 0 5px #999;}
.index_factory [class^="col-"]:nth-child(1),
.index_factory [class^="col-"]:nth-child(2){ height: 26rem;}
.index_factory [class^="col-"]:nth-child(1) img,
.index_factory [class^="col-"]:nth-child(2) img{ height: 100%;}


.index_factory [class^="col-"]:nth-child(3),
.index_factory [class^="col-"]:nth-child(4),
.index_factory [class^="col-"]:nth-child(5){ height: 18rem;}

.index_factory [class^="col-"]:nth-child(3) img,
.index_factory [class^="col-"]:nth-child(4) img,
.index_factory [class^="col-"]:nth-child(5) img{ height: 100%;}

/*首页ad*/
.index_ad{ height: auto; margin: 0; padding: 0;}
.index_ad img{ display: block; max-width: 100%;}

/*首页产品2*/
.index_product2 { padding: 2rem 0;}
.index_product2 .nav-link{ color: #000;}
.index_product2 .card-body{ background: #F4F6FA; text-align: center;}
.index_product2 .card-text{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; background: #FF8400; color: #fff; border-radius: 20px; 
padding: 5px 20px; font-weight: bold; font-size: 1rem; display: inline-block;}
.index_product2 .card-title{ text-align: center; text-transform: capitalize;}
.index_product2 .card.h45{ height: auto;}
.index_product2 .card.h45 .pic{ height: 45rem;}
.index_product2 .card{ background: #F5F5F5; height: 30rem; margin-bottom: 2rem; border-radius: 0;}
.index_product2 .card a{ transition: 0.5s; color: #000;}
.index_product2 .card a:hover{}

.index_product2 .card .pic{ transition: 0.5s; padding: 20px; height: 22rem; display: flex; align-items: center; justify-content: center;}
.index_product2 .card .pic img{ max-width: 100%; max-height: 100%; display: block; width: auto; height: auto;}
.index_product2 .card:hover .pic{ transform: scale(1.1);}


/*首页产品列表部分*/
.bg3{ background: #F5F5F5; padding: 2rem 0;}


/*首页付服务项目*/
.index_service{ background: #172A88; color: #fff;}
.index_service .row>div{ text-align: center;}
.index_service .row>div b{ display: block; font-size: 1.25rem;}
.index_service .row>div em{ font-style: normal; color: #999;}
.index_service .row>div span{ position: absolute; right: 0; bottom: 0; font-size: 6rem; display: none; line-height: 1; opacity: 0.6; font-weight: bold;}
.index_service .row>div:hover span{ position: absolute; right: 0; bottom: 0; font-size: 6rem; display: block;}
.index_service .row>div:hover{}
.index_service .row>div .item{ margin: 0 10px; padding: 3rem 1rem; position: relative; bottom: 0; transition: 0.5s;}
.index_service .row>div:hover .item{ background: #1c33a6; bottom: -20px;}

/*首页联系我们*/
.index_contactus{ background: #fff; margin-top: 1rem; border: 1px solid #ddd;}
.index_contactus .boxtitle{ background: #fff; font-size: 1.5rem; border-bottom: none;}
.index_contactus .boxtitle b:before{ content: ""; background: #6C7C93; width: 5px; height: 20px; display: inline-block; margin: 0 1rem 0 0;}

.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;}
.index_contactus i.bi{ display: block; font-size: 3rem;}

.index_contactus .pic{ background: #F5F5F5; border: 1px solid #ddd;}
.index_contactus .pic img{ max-width: 100%;}

/*内页公共*/
.banner2{/* background: url("../image/banner8.png") no-repeat center;*/ }
.banner2 img{ width: 100%;}
.banner2 b{ font-size: 2rem;}
.position{ line-height: 2.5rem; font-size: 0.875rem;}
.position .bi{ margin: 0 0.25rem 0 0;}
.main{ margin-top: 1rem; margin-bottom: 1rem;}

.banner3{ background: url("../image/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{}
.fenlei{ border: 1px solid #ddd; border-radius: 4px; overflow: hidden;}
.fenlei_title{ background: #6C7C93; color: #fff; font-size: 1.5rem; padding: 1rem; line-height: 1.5rem;}
.fenlei_text{ background: #fff;}
.fenlei_text ul{ margin: 0; padding: 0; list-style: none;}
.fenlei_text li{ line-height: 2rem; border-bottom: 1px solid #ddd; padding: 0 1rem;}
.fenlei_text li.active{ font-weight: bold;}
.fenlei_text li:last-child{ border-bottom: none;}
.fenlei_text li a{ text-decoration: none; color: inherit; display: block;}
.fenlei_text .card{ border: none!important; background: none;}

.fenlei .more{ background: #FAFAFA; font-weight: bold; padding: 0 1rem; line-height: 2.5rem;}

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

/*侧边联系我们*/
.aside_contact{ margin: 1rem 0; padding: 1rem; background: #fff; border: 1px solid #ddd; border-radius: 4px;}
.aside_contact_button{ padding: 1rem; background: #fff; border: 1px solid #ddd;}
.aside_contact_button a{ padding: 4px 0; text-align: center; background: #6c7c93; color: #fff; display: block; border-radius: 5px; cursor: pointer;}
.aside_contact_button a:hover{ background: #617084;}

/*侧边通用2*/
.aside_right{ border: 1px solid #ddd; padding: 0; background: #fff;}
.aside_right .boxtitle{ font-size: 1.5rem;}
.aside_right .boxtitle b:before{ content: ""; background: #6C7C93; width: 5px; height: 20px; display: inline-block; margin: 0 1rem 0 0;}



.accordion{}
.accordion ul{ list-style: none; padding: 0 0 0 1rem;}
.accordion ul li a:before{ content: ""; display: inline-block; width: 4px; height: 4px; background: #000; border-radius: 100%; margin: 0 4px 4px 0;}
.accordion .card>div a{ line-height: 2rem;}
.accordion .card>div.collapse{}
.accordion .card{ border-radius: 0!important;}
.accordion .card:last-child{ border-bottom: none!important;}
.accordion .card>a{ font-size: 1.125rem; line-height: 2.5rem;}

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

/*侧边留言表单*/
.aside .lyb{ margin: 1rem 0 0 0; padding: 1rem; background: #fff; border: 1px solid #ddd;}
.aside .lyb .lyb_title{ line-height: 2rem; font-size: 1.5rem; margin: 0 0 1rem 0;}
.aside .lyb input{ margin: 0 0 1rem 0;}
.aside .lyb button[type="submit"]{ background: #172a88; color: #fff;}
.aside .lyb textarea{ margin: 0 0 1rem 0;}
#vdimgck{ cursor: pointer;}

/*图片列表页*/
.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 a:hover .card-body{ background: #EC9F11; color: #fff;}

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

/*产品栏目页*/
.productlanmu{ margin: 2rem 0 0 0;}
.productlanmu .card{ border-bottom: 1px solid #ddd!important; padding: 2rem 0;}
.productlanmu .card .card-title{ font-size: 1.5rem;}
.productlanmu .card .card-body{}
.productlanmu a{ color: #000;}
.productlanmu .img{ overflow: hidden; display: flex; align-items: center; justify-content: center; max-height: 30rem;}
.productlanmu .img img{ transition: 0.3s; width: 100%;}
.productlanmu .img:hover img{ transform: scale(1.2);}
.productlanmu .fenlei{ line-height: 2rem;}
.productlanmu .more{ margin: 1rem 0; padding: 1rem 1rem; border: 1px solid #fff; display: table; background: none; background: #172a88; color: #fff; text-transform: capitalize; text-align: center; transition: 0.5s; width: 160px;}
.productlanmu .more .bi{ width: 0; opacity: 0; display: inline-block; transition: all 0.5s;}
.productlanmu .more:hover .bi{ width: 10px; opacity: 1;}
@media(max-width: 992px){
    .productlanmu .card-body{ padding: 1.25rem 0;}
}
@media(min-width: 992px){
    .productlanmu .card-body{ padding: 0 1.25rem;}
}

/*产品列表页*/
.productlist{}
.productlist [class^="col-"]{ border: none; text-align: center; margin-bottom: 1rem;}
.productlist [class^="col-"] .card{ border: 1px solid transparent;}
.productlist [class^="col-"]:hover .card{ border: 1px solid #ddd;}
.productlist .img{ overflow: hidden; display: flex; align-items: center; justify-content: center; max-height: 30rem;}
.productlist .img img{ transition: 0.3s; width: 100%;}
.productlist .img:hover img{ transform: scale(1.2);}
.productlist span{
    line-height: 1.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;
}
.lanmuinfo{ border-bottom: 1px solid #ddd; margin: 0 0 2rem 0; padding: 0 0 1rem 0;}
.productlist .h-100 .card-title{
    column-fill: 2;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;
}

/*产品内容页*/
.product_show{ margin: 2rem 0 0 0;}
.product_show .details b{ margin: 0 0 1rem 0; display: block; font-size: 1.5rem;}
.product_show .details .lxfs{ padding: 20px 0 0 0; border-top: 1px dashed #ccc;}
.product_show .details .lxfs .iconfont{ font-size: 20px;}
.product_show .details .lxfs .iconfont:before{ margin: 0 10px 0 0;}

.product_show .info2{ margin-top: 1rem; padding-top: 2rem; padding-bottom: 2rem; border-top: 4px solid #eee;}
.product_show .info2 .title{ margin: 0 0 1rem 0; font-weight: bold; font-size: 1.25rem;}
.product_show .info2 img{ max-width: 100%;}



.fy{ margin: 1rem 0;}
.fy>div{ margin-bottom: 1rem; padding: 0.5rem 1rem; border-radius: 10px; background: #eee; border: 1px solid #ccc;}

.product_show .form{ padding: 1rem; background: #eee;}
.product_show .form .title{ font-size: 1.5rem; font-weight: bold; text-align: center; margin: 0 0 1rem 0;}
.product_show form input,.product_show form textarea{ background: none; box-shadow: 0 0 4px #ccc inset;}
.product_show form input:focus,.product_show form textarea:focus{ outline: 0; box-shadow: none;}

.product_show form .row>div{ padding: 0 1rem 1rem;}
.product_show form .row button{ background: #172a88; color: #fff; width: 100%;}


/*产品放大镜*/
.cloudzoom-zoom-inside:hover{ cursor: crosshair;}
img.cloudzoom { width:100%; max-height: 20rem;}
#slider1 {
    margin-top: 10px;
    margin-left:20px;
    margin-right:20px;
    height:100px;
    border-top:1px solid #aaa;
    border-bottom:1px solid #aaa;
    position:relative;
}
.thumbelina-but{ height: 100px!important;}
#slider1 .cloudzoom-gallery{ width: 90px; height: 90px; cursor: pointer;}
#slider1 .cloudzoom-gallery:hover{ border: 2px solid #f00;}



/*分页样式*/
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}



/*新闻列表页*/
.newslist{}
.newslist .row{ padding: 1rem;}
.newslist li.row{ margin: 0.5rem auto; background: #F5F5F5; flex-wrap: nowrap; position: relative;}
.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 li{ display: block; border-bottom: 1px dashed #ddd; line-height: 2.5rem;}
.newslist .date{ float: right;}
.newslist .date .day{ font-size: 2rem;}
.newslist .title{ font-size: 1rem; text-align: left;}
.newslist .title:before{ content: ""; display: none;}

.newslist .title{ margin-top: 2rem; font-size: 2rem; font-weight: bold; text-align: center;}
.newslist .title2{ margin-bottom: 2rem; display: block}
.newslist .card{ border-radius: 0;}
.newslist .card .card-img-top{ border-radius: 0; max-height: 15rem;}
.newslist .card a{ color: #000; transition: 0.5s;}
.newslist .card a:hover{ background: #172A88; color: #fff;}
.newslist .card .date2{ color: #999;}
.newslist .card .card-body{ padding: 1rem; text-align: center;}
.newslist .card .card-body b{ font-size: 1.25rem;}

/*新闻内容页*/
.newscontent{ padding: 1rem 0;}
.title{ font-size: 2rem;}
.details{ margin: 0.5rem auto; font-size: 0.875rem; color: #999;}
.details .date{ color: #eee;}
.content{}

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


.fenye{ margin:1rem auto;}
.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{ background:#186594;color:#fff;}
.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;}

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

/*关于我们单页*/
.about_dy{}
.about_dy .gsjj{ margin-bottom: 8rem; padding: 2rem 0; background: url("../image/gsjj_bg.jpg") center  / cover no-repeat;}
.about_dy .gsjj .info{ color: #fff;}
.about_dy .gsjj p.title{ font-size: 1.5rem; margin: 0 0 1rem 0; display: block;}
.about_dy .gsjj .more{ margin: 1rem 0 0 0; padding: 0.5rem 2rem; background: #fff; border-radius: 4px; color: #000; text-transform: capitalize; display: inline-block;}

.about_dy .gsjj .video1{ justify-content: center; align-items: center; display: flex; min-height: 10rem;}
.about_dy .gsjj .video1 a{ justify-content: center; align-items: center; width: 4rem; height: 4rem; display: flex; text-align: center; background: #fff; border-radius: 100rem; font-size: 2rem; border: 1px solid #fff; position: relative;}
.about_dy .gsjj .video1 a .bo1{ width: 4rem; height: 4rem; border-radius: 100rem; border: 1px solid #fff; position: absolute; animation: arrow 3s 0s infinite;}
.about_dy .gsjj .video1 a .bo2{ width: 4rem; height: 4rem; border-radius: 100rem; border: 1px solid #fff; position: absolute; animation: arrow 3s 1s infinite;}
.about_dy .gsjj .video1 a .bo3{ width: 4rem; height: 4rem; border-radius: 100rem; border: 1px solid #fff; position: absolute; animation: arrow 3s 1.5s infinite;}

@keyframes arrow{
    from {
        /**由于我们默认写了变换属性，所以这里要补上translate(-50%,-50%)，不然就会被替换了**/
        opacity: 1;
    }
    to {
        opacity: 0;
        width: 28rem;
        height: 28rem;
    }
}

.about_dy .count{ margin-top: 2rem; margin-bottom: -9rem; background: #fff; border-radius: 10px; box-shadow: 0 0 5px #ddd;}
.about_dy .count>div{ padding: 4rem 2rem; justify-content: center; align-items: center; border-right: 1px solid #eee; text-align: center;}
.about_dy .count>div:last-child{ border: none;}
.about_dy .count>div:nth-child(1){ background: url("../image/count01.png") no-repeat right 20px bottom 20px;}
.about_dy .count>div:nth-child(2){ background: url("../image/count02.png") no-repeat right 20px bottom 20px;}
.about_dy .count>div:nth-child(3){ background: url("../image/count03.png") no-repeat right 20px bottom 20px;}
.about_dy .count>div:nth-child(4){ background: url("../image/count04.png") no-repeat right 20px bottom 20px;}
.about_dy .count>div span{ display: block; color: #005FA7;}
.about_dy .count>div span.num{ font-size: 2rem; color: #000;}
.about_dy .count>div span.counter{ display: inline-block; color: #000;}

.pinpai{ background: #eee; padding: 2rem 0;}
.pinpai img{ max-height: 5rem; margin-bottom: 1.5rem;}

.say{ margin-bottom: 3rem; position: relative; overflow: hidden;}
.say .swiper-wrapper .pg{ padding: 1rem 0; overflow: hidden; border: 1px solid #eee; box-shadow: 0 0 6px #eee;}
.say .mySwiper3{ padding: 3rem 0;}
.say .swiper-pagination{}
.say .people{ border-radius: 100%; overflow: hidden; width: 100px; height: 100px; margin: 2rem auto;}
.say .shuohua{ font-size: 0.875rem; margin: 0 auto; position: relative;}
.say .shuohua .bi{ position: absolute;}
.say .shuohua .bi.left{ left: 0;}
.say .shuohua .bi.right{ right: 0; bottom:0; transform: rotateZ(180deg);}
.say .swiper-slide{}
.say .swiper-slide>div{}

.say .line2{ height: 10px; background: #ddd; margin: 0 auto;}
.say .line3{ height: 10px; background: #eee; margin: 0 auto;}


/*联系我们单页*/
.contact_dy{ margin: 2rem 0 0 0;}
.contact_dy .title{ font-size: 1.5rem; font-weight: bold;}
.contact_dy .info{ margin: 1rem 0;}

.contact_dy form .row>div{ padding: 0 1rem 1rem;}
.contact_dy form .row button{ background: #172a88; color: #fff; width: 10rem;}

/*应用单页*/
.application_dy{ padding-bottom: 1rem; margin: 2rem 0 0 0;}

.small_lanmu{ margin: 1rem 0 2rem; text-align: center;}
.small_lanmu a{ margin: 0 1rem 1rem; padding: 0.5rem 1rem; color: #fff; background: #2039ba; border-radius: 4px; display: inline-block;}

.ap_top .img{ display: flex; align-items: center; justify-content:  center; overflow: hidden;}
.ap_top .img img{ width: 100%; max-height: 30rem;}
.ap_top .info{ background: #eee;}

.ap_title{ line-height: 3rem; font-size: 2rem; margin: 0 0 1rem 0; font-weight: bold;}
.ap_bottom>div.card{ max-height: 20rem; border: none; margin-bottom: 1rem;}
.ap_bottom>div.card>div{ overflow: hidden; align-items: center; justify-content: center; display: flex;}
.ap_bottom>div img{ width: 100%; transition: 0.3s;}
.ap_bottom>div:hover img{ transform: scale(1.2);}

.hot_product{ padding: 3rem 0;}

/*swiper*/
      .swiper {
        width: 100%;
        height: 100%;
          position: relative;
          --swiper-theme-color: #fff;
          overflow: hidden;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

/*网页底部*/
footer{ color: #fff; font-size: 0.875rem; border-top: 1px solid #ddd; background: #444;}
footer a{ color: #fff; position: relative; padding: 0 0.75rem;}
footer a:before{ content: ""; position: absolute; left: 0; top: 0.5rem; width: 0; height: 1rem; background: #fff;}
footer a:first-child{ padding-left: 0;}
footer .details2 ul a:first-child:before{ width: 0;}
footer .details2 b{ display: block; font-size: 1rem;}
footer .foot_WhatsApp{ float: right; padding: 5px; background: #fff; margin: 0 0 0 5px;}

footer .fr{ line-height: 1.5rem;}
footer .fr b{ margin: 0 0 1rem 0; font-size: 1.25rem; text-transform: uppercase; line-height: 2.4rem; display: block;}
footer .fr p{ margin: 0 0 0.25rem 0;}

footer .search1{ margin: 0 0 1rem auto; color: #999; font-size: 1.5rem;}
footer form input{ border: none!important;}
footer form .btn{ background: #BB1C20; border: none;}

footer .foot_lanmu{}
footer .foot_lanmu ul{ list-style: none; color: #eee; line-height: 2rem; max-height: 200px; overflow: auto;}
footer .foot_lanmu ul a{}
footer .foot_lanmu b{ font-size: 1.2rem; line-height: 2rem;}
footer .foot_lanmu b.collapsed{ color: #fff!important;}

footer .foot_lanmu:nth-child(1){}
footer .foot_lanmu:nth-child(2) ul li{ width: 50%; float: left;}

footer .copyright{ background: #333; text-align: center; padding: 1rem;}

@media(min-width: 992px){
    .foot_lanmu i{ display: none;}
    .foot_lanmu ul{ display: block!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;}


@media (max-width: 768px) {
    .index_product .card{ height: 20rem;}
  .index_product .card .pic{ height: 12rem;}
    .index_application .card{ height: 20rem;}
    .index_application .card .pic{ height: 12rem;}
    .index_product2 .card{ height: 22rem;}
    .index_product2 .card .pic{ height: 12rem;}
    
    .index_aboutus .bg>div{ padding: 0 1rem 0 1rem!important;}
    
    .index_factory [class^="col-"]{ height: 10rem!important;}
    footer .foot_lanmu:nth-child(2) ul li{ width: 100%; float: none;}
	
	.whatsapp{ display: none;}
}

.card .card-title{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;
}

/*产品内页轮播图报价*/
.form2{ background: none; padding: 0;}
.form2 .title{ color: #0E5099; font-size: 1.5rem;}