/* CSS Document */
*{margin:0px; padding:0px; word-wrap:break-word;}
html{overflow-x:hidden; padding-y:auto; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
body{font-size:14px; margin:0; padding:0;}
a{ text-decoration:none; color:#333; border:0;
transition:0.5s;
-webkit-transition:0.5s;
-moz-transition:0.5s;
}
a:link,a:visited,a:action{color:#828282; text-decoration:none;}
a:hover{ color:#f00; text-decoration:none;}
a:focus{ outline:0;}
ul,li{ list-style:none; margin:0; padding:0;}
dl,dt,dd,p{ margin:0; padding:0;}
img{ border:none;}
span,u,em,i{ font-style:normal; text-decoration:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; overflow:hidden;}
.clear{ clear:both; height:0;}
/* div:after{content:".";display:block;height:0;clear:both;visibility:hidden; overflow:hidden;} */
.wrap{ width:1200px; margin:0 auto; display:block;}
.bg{ padding:20px; background:#EDEDED;}
.fl{ float:left;}
.fr{ float:right;}
div{ box-sizing: border-box;}

.en{ margin:0 10px; padding:0 0 0 30px; background:url(404.png) no-repeat left center;}
.chn{ margin:0 10px; padding:0 0 0 30px; background:url(404.png) no-repeat left center;}

/*html5*/
header,footer,nav,section,article,figure,menu,aside,dialog{ display:block; margin:0 auto;}

.iconfont:before{ margin: 0 5px 0 0;}

/*返回顶部*/
.gotop{ width:50px; height:50px; position:fixed; right:60px; bottom:60px; z-index:9999; display:none; box-shadow:0 0 10px #a2a2a2; background:url(404.png) no-repeat center center #075699; border:1px solid transparent; border-radius:30px;
	animation:arrow 2s cubic-bezier(0.5,0,0.1,1) infinite;
	-webkit-animation:arrow 2s cubic-bezier(0.5,0,0.1,1) infinite;/* Safari 和 Chrome */
	-moz-animation:arrow 2s cubic-bezier(0.5,0,0.1,1) infinite;/* Firefox */
	-o-animation:arrow 2s cubic-bezier(0.5,0,0.1,1) infinite;/* Opera */
}

@keyframes arrow{ %0,%100{bottom:60px; opacity:1;} 50%{bottom:80px; opacity:.5} }
@-webkit-keyframes arrow{ %0,%100{bottom:60px; opacity:1;} 50%{ bottom:80px; opacity:.5} } /* Safari 和 Chrome */
@-moz-keyframes arrow{ %0,%100{bottom:60px; opacity:1;} 50%{bottom:80px; opacity:.5} } /* Firefox */
@-o-keyframes arrow{ %0,%100{bottom:60px; opacity:1;} 50%{bottom:80px; opacity:.5} } /* Opera */

/*多彩tags标签*/
#tags{}
#tags b{}
#tags a{ margin:0 5px 5px 0; padding:5px 10px; display: inline-block; color:#eee; border-radius: 20px; font-size:12px!important;}
#tags .tags0{ background:#7CB16D; font-size:18px;}
#tags .tags1{ background:#64B8FF; font-size:24px;}
#tags .tags2{ background:#D196CE; font-size:16px;}
#tags .tags3{ background:#FF9742; font-size:13px;}
#tags .tags4{ background:#FF4366; font-size:16px;}
#tags .tags5{ background:#657AB3; font-size:20px;}
#tags .tags6{ background:#3C1C8A; font-size:25px;}
#tags .tags7{ background:#030; font-size:12px;}
#tags .tags8{ background:#F06; font-size:20px;}
#tags .tags9{ background:#C00; font-size:16px;}
#tags a:hover{ background:#F00; text-decoration:underline;}

body{
    padding: 4.125rem 0 0 0;
}

.header_scroll{ box-shadow: 0 5px 10px rgb(0 0 0 / 10%); transition: 0.5s; padding: 10px 0!important;}
.header_scroll a{}


header{}
/*head头部-pc*/
.head-pc{ display: block; padding: 20px 0; position: fixed; left: 0; right: 0; top: 0; z-index: 99; transition: 0.5s; background: #fff;}
.head-pc>.container{ padding: 0; transition: 0.5s;}
.head-pc .nav ul.nav1>li{ line-height: 4rem;}
.head-pc .nav li a{ display: block; padding: 0 15px; transition: 0.5s;}
.head-pc .nav li.active>a{ color: #f00;}

.logo{ height: 100%; overflow: hidden; display: flex; align-items: center; transition: 0.5s;}
.logo img{ object-fit: contain; max-width: 100%; max-height: 100%;}

/*导航*/
.nav{}
.navbar-brand img{ width: 100%; height: 100%; max-height: 2.5rem;}
/*多级导航*/
.nav1{ display: inline-block; z-index: 99; text-align: center;}
.nav1 a{ position: relative; font-size: inherit;}
.nav1 a.iconfont:before{ right: 0; position: absolute; font-weight: normal;}
.nav1>li{ float: left; display: inline; cursor: pointer; position: relative; padding: 0 10px;}
.nav2{ position: absolute; left: 0; opacity: 0!important; width: 100%; background: #fff; line-height: 2.5rem; transition: 0.5s!important; height: 0; visibility: hidden;}
.nav2.ulhover{ opacity: 1!important; height: auto; visibility: visible;}
.nav2>li{ position: relative;}
.nav2 a{ line-height: 40px!important;}
.nav3{ display: none; position: absolute; left: 100%; top: 0; width: 100%; white-space: nowrap; background: #fff; }

/*移动端导航*/
.hc-nav-trigger {right: 20px;}
.hc-nav-trigger span,.hc-nav-trigger span::before,.hc-nav-trigger span::after {}
.hc-nav-trigger.hc-nav-1{ display: none!important;}


/*首页服务项目*/
.index_service{ background: #F6F6F6; padding: 5rem 0; position: relative;}
.index_title{
    text-align: center;
    font-size: 2.5rem;
    line-height: 5rem;
    text-transform: uppercase;
}
.index_service ul li{
    width: 50%;
    float: left;
    text-align: center;
    transition: 0.3s;
    border-top: 1px solid #ddd;
    padding: 10px;
    font-size: 0.875rem;
}
.index_service ul li:nth-child(2n-1){ border-right: 1px solid #ddd;}
.index_service ul li:first-child{ border-top: none;}
.index_service ul li:nth-child(2){ border-top: none;}
.index_service ul li i:before{
    display: block;
    font-size: 1.5rem;
    color: #666;
    transition: 0.3s;
}
.index_service ul li:hover{
    color: #ff7019;
    cursor: pointer;
}
.index_service ul li:hover i:before{
    color: #ff7019;
}
.service-content{}
.service-content>div{ border-right: 1px solid #ccc;}
.service-content>div:last-child{ border-right: none;}
.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;}

/*首页案例展示*/
.index_case{ padding: 5rem 0; background: #fff; position: relative;}
.index_case li{ transition: 0.5s;}
.index_case li .img{ overflow: hidden; align-items: center; justify-content: center; height: 15rem; position: relative; transition: 0.5s;}
.index_case li .img:before{ content: ''; background: rgba(0,0,0,.5); width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: 99999; transition: 0.5s; opacity: 0;}
.index_case li .img img{ transition: 0.5s; width: 100%; height: auto; min-height: 100%; object-fit: cover;}
.index_case li:hover img{ transform: scale(1.1);}
.index_case li:hover .img:before{ opacity: 1;}

.index_case .case-title{ font-size: 1rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 80%; display: inline-block;}

.index_case_details{ border-bottom: 1px solid #eee;}
.index_case_details .details{ position: relative; padding: 20px; background: #f6f6f6;}
.index_case_details .details i.visit{ display: block; display: inline-block; float: right;}
.index_case_details .details i.fenlei{ display: block;}
.index_case_details .details i.more{ position: absolute; right: 10px; bottom: 10px; width: 2rem; height: 2rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #ccc; font-size: 2rem;}

/*首页ad*/
.index_ad{ background: url(../image/contact_bg.jpg) no-repeat fixed center / cover; color: #fff; text-align: center; padding: 4rem 0; position: relative;}

.index_ad .ad{ text-align: center; margin: 1rem auto; padding: 0 40px;}
.index_ad .ad:nth-child(2) .ad_title:after{ background: #8BBBFB;}
.index_ad .ad:nth-child(3) .ad_title:after{ background: #E66385;}
.index_ad .ad:nth-child(4) .ad_title:after{ background: #1A92B7;}
.index_ad .ad .ad_title{ border: 2px solid #eee; border-radius: 100%; display: inline-block; width: 2rem; height: 2rem; line-height: 2rem; padding: 2rem; box-sizing: content-box; font-size: 2rem; position: relative; overflow: hidden; color: #fff;}
.index_ad .ad .ad_title:after{ content: ''; background: #ccc; width: 60%; height: 60%; position: absolute; top: 20%; left: 20%; opacity: 1; border-radius: 100%; background: #9ADC82; z-index: -1; border: 4px solid rgba(255,255,255,.6);}
.index_ad .ad .ad_js{ font-size: 1.25rem; margin: 1rem 0;}
.index_ad .ad .ad_info{ text-transform: uppercase;}

/*首页新闻*/
.index_news{ padding: 5rem 0; background: #fff; position: relative;}
.index_news .index_title{}
.index_news_fenlei{ text-align: center; margin: 1rem 0 0;}
.index_news_fenlei a{ padding: 0.85rem 1.75rem; background: #eee; margin: 0 0.5rem 0.5rem 0; display: inline-block;}
.index_news_fenlei a:hover{ background: #000; color: #fff;}
.index_news_fenlei a:last-child{ margin: 0;}

.index_news_fenlei .swiper-slide-thumb-active a{ background: #000; color: #fff;}

.index_news .mySwiper9{ text-align: center;}
.index_news .mySwiper9 .swiper-wrapper{ margin: 0 auto; display: block;}
.index_news .mySwiper9 .swiper-slide{ display: inline-block; width: auto!important;}


/*首页大图新闻*/
.index_news_pic{ margin-bottom: 1rem;}
.index_news_pic a{ display: block; background: #F6F6F6; border-radius: 5px; overflow: hidden;}
.index_news_pic:hover img{ transform: scale(1.1);}
.index_news_pic .img{ display: flex; align-items: center; justify-content: center; overflow: hidden; height: 18rem;}
.index_news_pic .img img{ width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}



/*首页新闻列表*/
.index_news_list{}
.index_news_list li{ margin: 0 0 2rem 0;}
.index_news_list li .pic{ display: flex; align-items: center; justify-content: center; overflow: hidden; height: 9rem;}
.index_news_list li:hover img{ transform: scale(1.1);}
.index_news_list li .pic img{ width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
.index_news .index_news_info .title{ margin: 20px 0; font-size: 1.2rem; border-bottom: 1px solid #eee; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000;}
.index_news .index_news_info .info{
	font-size: 0.875rem;
	height: 40px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;
}


.index_news_list li a{ display: block; border-radius: 5px; background: #eee; color: #000;}
.index_news a:hover{ box-shadow: 0 0 10px #666;}
.index_news_list li a:hover .date{ color: #000;}
.index_news .index_news_info{ color: #666; padding: 20px;}
.index_news .index_news_info .date{ padding: 0 0 20px 0; color: #999; border-bottom: 1px solid #cbcaca; transition: 0.5s; position: relative;}
.index_news .index_news_info .day{ font-weight: bold; font-size: 2rem;}
.index_news .index_news_info .y-m{}
.index_news .index_news_info .more{ position: absolute; right: 0; top: 20px; font-size: 2rem;}

/*列表页分页*/
.pagination {
    display: block;
    padding-left: 0;
    margin: 20px auto;
    border-radius: 4px;
	text-align: center;
	}
.pagination > li { display: inline-block;}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px!important;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd!important;
    margin-left: -1px;
	border-radius: 0!important;
	}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 1rem!important;
    border-top-left-radius: 1rem!important;
	}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 1rem!important;
    border-top-right-radius: 1rem!important;
	}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }


/*内页banner*/
.banner_ny{ position: relative; color: #fff; font-size: 2rem; height: 30rem; background: #ccc;}
.banner_ny img{ max-width: 100%; display: block; width: 100%; height: 100%; object-fit: cover;}
.banner_ny .position{ position: absolute; left: 0; right: 0; bottom: 0; margin: 1rem auto;}
.banner_ny .position a{ color: #fff;}
.banner_ny .fenlei{ position: absolute; left: 0; right: 0; bottom: 35%;}

/*内页分类导航*/
.small_nav{ text-align: center; line-height: 2rem; padding: 1rem; margin: 1rem 0;}
.small_nav a{ display: inline-block; border-radius: 2rem; padding: 5px 2rem; margin: 0 10px 10px; background: #fff;}
.small_nav a:hover,.small_nav a.active{ background: #f00; color: #fff;}

main{ background: #F3F3F3; padding: 1rem;}


/*内容页上下页*/
.fenye{ margin: 1rem 0; padding: 1rem; line-height: 30px; background: #f3f3f3; font-size: 0.875rem;}

.fenye .iconfont:before{}


/*底部通用*/
footer{ color: #959595; font-size: 0.875rem; background: #222; position: relative;}
footer .footer_logo img{ width: 10rem; height: 10rem;}
footer a{ color: #959595; 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; border-radius: 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: hidden;}
footer .foot_lanmu ul a{}
footer .foot_lanmu b{ font-size: 1.2rem; line-height: 2rem; margin: 0 0 1rem 0;}
footer .foot_lanmu b.collapsed{ color: #fff!important;}


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


.gray{ color: #999;}


@media screen and (min-width:992px) {
	body{ padding: 0;}
	.navbar{ display: none;}
	
	
    .foot_lanmu i{ display: none;}
    .foot_lanmu ul{ display: block!important;}
	
}

@media screen and (max-width:992px) {
	.head-pc{ display: none;}
	.index_title{ font-size: 1.5rem;}
	.index_news_list{ padding: 0; margin-top: 1rem;}
	.hc-nav-trigger.hc-nav-1{ display: block!important;}
	
	.service-content>div:nth-child(n){ border: none;}
	.service-content>div:nth-child(1){ border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
	.service-content>div:nth-child(2){ border-bottom: 1px solid #ccc;}
	.service-content>div:nth-child(3){ border-right: 1px solid #ccc;}
	
	.index_news_pic .container-fluid{ padding: 0;}
	.index_news_list .container-fluid{ padding: 0;}
	
	.banner_ny{ height: 10rem;}
}

@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;}
	
	.newslist .img{ height: 8rem;}
	
	.xiangguan a{ height: 6rem!important;}
	
	main{ padding: 1rem 0;}
	.caselist .details{ padding: 10px!important; font-size: 1rem!important;}
	.caselist li .img{ margin-top: -100px!important; padding-top: 100px!important;}
	
	
	.contact .bg1{ display: none;}
	.contact .bg2>div:first-child{ background: #fff;}
	.contact .bg2>div:not(:first-child){ display: none;}
	.contact .row>[class^="col-"]{ padding: 20px!important;}
	.contact_part2 .title2{ width: auto!important;}
	
	.contact .row .title1{ display: none;}
	
	.contact_ad{ padding: 3.5rem 0!important;}
	
	.dy table tr th:first-child,.dy table tr td:first-child{ width: 100px;}
	.dy table tr th:last-child,.dy table tr td:last-child{ display: none;}
	
	.service-content>div:nth-child(n){ border: none;}
	
	.index_banner .title{ font-size: 30px!important;}
	.index_banner .subtitle{ font-size: 16px!important;}
	.index_banner .swiper-button-prev,.index_banner .swiper-button-next{ display: none;}
}

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

@media screen and (max-width:1300px){
	html{ margin:auto;}
	.item{ padding: 1.5rem!important;}
}

@media (min-width: 1600px) {
    .container{ max-width: 1570px;}
}