html {
	font-size: 14px;
	overflow-x: hidden;
}
body {
    font: 12px/140% Microsoft YaHei,Helvetica, sans-serif,Verdana;
    color: #454545;
    margin: 0;
    background: #fff;
}
li {
	list-style: none;
}
a {
	color: #454545
}
a:hover {
	text-decoration: none;
	color: #0167b9;
}
p, dl, dt, dd, ul {
	margin: 0px;
	padding: 0px;
}
.red{
	color:red;
}
.text-secondary a {
	color: #6c757d;
}
.card, .figure {	
	border: none;
}
/*头部*/
.topbar{
	background-color: #2b2b2b;
	line-height: 2.5;
	color: #fff;
	font-size: 14px;
}
.topbar .top-tel {   
    font-weight: bolder;
}
.top{
	padding-top: 5px;
	padding-bottom: 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #ededed;
}
.top .logo-sm-height{
	height: 100px;
	float: left;
	margin-right: 10px;
}
.top .logo-txt{
	display: inline-block;
	font-size: 28px;	
	line-height: 2;	
	padding-left: 10px;
	margin-top: 22px;
	font-weight: bolder;
}

.top .top-sign {
	display: inline-block;
	font-size: 14px;
	line-height: 1.2;
	white-space: nowrap;
	color: #2b2b2b;
	text-align: center;
	margin-top: 10px;
}
.top .top-sign ul li{
	border-right: 1px dotted #dcdcdc;
}
.top .top-sign span{
	color: #f40338;
	font-weight: bolder;
	display: block;
}
.top .top-sign span.num{
	font-size: 32px;
}
.ruixin-banner img{width: 100%;}
/*导航*/
.navbar{
	padding: 0px;
	background-color: #eaeaea;
}
.nav_bg{background:#eaeaea; position: relative; z-index: 10; }
.h_nav ul:before{content: "";width: 1px; height: 15px; border-left: 1px dotted #ccc; position: absolute; left: -1px; top: 50%; margin-top: -8px;}
.h_nav ul li {font:18px/65px "";  text-align: center; height:65px; position: relative;}
.h_nav ul li:after{content: "";width: 1px; height: 15px; border-right: 1px dotted #ccc; position: absolute; right: -1px; top: 50%; margin-top: -8px;}
.h_nav li a:hover span, .h_nav .cur a span{ display: block;  text-decoration:none; color:#f40338; font-weight: bold;}

.navbar-brand {
	font-size: 20px;
	padding-top: 7px;
	padding-bottom: 0px;
	float: right;
	margin-right: 0;	
}
.subnav {
    background-color: #fff;
    text-align: left;
    padding: 1em 1em;
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    font-size: 16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    -webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);
    -ms-transform: scale(1,0);
    -o-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform .14s 0s ease-in-out;
    -moz-transition: -moz-transform .14s 0s ease-in-out;
    -ms-transition: -ms-transform .14s 0s ease-in-out;
    -o-transition: -o-transform .14s 0s ease-in-out;
    transition: transform .14s 0s ease-in-out;
}
.subnav>div {
	opacity: 0;
	padding: 0;
	-webkit-transition: opacity .05s 0s ease-in-out;
	-moz-transition: opacity .05s 0s ease-in-out;
	-ms-transition: opacity .05s 0s ease-in-out;
	-o-transition: opacity .05s 0s ease-in-out;
	transition: opacity .05s 0s ease-in-out
}
.subnav>div a {
	display: block;
	font-size: 16px;
	color: #2b2b2b;
	padding: .5em 1.5em;
	line-height: 1.5;
	border-bottom: 1px solid #efefef;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0)
}
.subnav>div a:hover{
	color: #f40338;
}
.h_nav ul li:hover .subnav {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1)
}
.h_nav ul li:hover .subnav>div {
	opacity: 1;
	-webkit-transition: opacity .14s .14s ease-in-out;
	-moz-transition: opacity .14s .14s ease-in-out;
	-ms-transition: opacity .14s .14s ease-in-out;
	-o-transition: opacity .14s .14s ease-in-out;
	transition: opacity .14s .14s ease-in-out
}
.shadow-sm-top {
	box-shadow: 0 -.125rem .25rem rgba(0,0,0,.075) !important;
}
.ruixin-banner .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: #fff;
    opacity: .7;
}
.ruixin-banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #034496;
}
/*上下外边距*/
.mt-6, .my-6 {
	margin-top: 4rem !important;
}
.mt-7, .my-7 {
	margin-top: 5rem !important;
}
.mt-8, .my-8 {
	margin-top: 6rem !important;
}
.mt-9, .my-9 {
	margin-top: 7rem !important;
}
.mt-10, .my-10 {
	margin-top: 8rem !important;
}
.mb-6, .my-6 {
	margin-bottom: 4rem !important;
}
.mb-7, .my-7 {
	margin-bottom: 5rem !important;
}
.mb-8, .my-8 {
	margin-bottom: 6rem !important;
}
.mb-9, .my-9 {
	margin-bottom: 7rem !important;
}
.mb-10, .my-10 {
	margin-bottom: 8rem !important;
}
/*上下内边距*/
.pt-6, .mp-6 {
	padding-top: 4rem !important;
}
.pt-7, .py-7 {
	padding-top: 5rem !important;
}
.pt-8, .py-8 {
	padding-top: 6rem !important;
}
.pt-9, .py-9 {
	padding-top: 7rem !important;
}
.pt-10, .py-10 {
	padding-top: 8rem !important;
}
.pb-6, .py-6 {
	padding-bottom: 4rem !important;
}
.pb-7, .py-7 {
	padding-bottom: 5rem !important;
}
.pb-8, .py-8 {
	padding-bottom: 6rem !important;
}
.pb-9, .py-9 {
	padding-bottom: 7rem !important;
}
.pb-10, .py-10 {
	padding-bottom: 8rem !important;
}
/*边框*/
.border-top-dashed {
	border-top: 1px dashed #dee2e6 !important;
}
.border-right-dashed {
	border-right: 1px dashed #dee2e6 !important;
}
.border-bottom-dashed {
	border-bottom: 1px dashed #dee2e6 !important;
}
.border-right-dashed {
	border-top: 1px dashed #dee2e6 !important;
}
/*字距*/
.ls-1 {
	letter-spacing: 1px;
}
.ls-2 {
	letter-spacing: 2px;
}
.ls-3 {
	letter-spacing: 3px;
}
.ls-4 {
	letter-spacing: 4px;
}
.ls-5 {
	letter-spacing: 5px;
}
/*分页*/
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num, .page-link {
	position: relative;
	display: block;
	padding: 0.5rem 1.4rem;
	margin-right: 10px;
	line-height: 1;
	color: #434343;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: 30px;
	font-size: 18px;
}
.page-link{
	padding: 0.5rem 1.8rem;
	font-size: 16px;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
	background: #fff;
	color: #0167b9;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #0167b9;
	border-color: #0167b9;
}
.page-num-current:hover {
	color: #fff;
	background-color: #0167b9;
	border-color: #0167b9;
}
/*内页*/
.pages {	
	padding-top: 4rem;
    padding-bottom: 4rem;
}
.pages h2{	
	color: #f40338;
	font-weight: bold;
}
.pages h2:after{
	display: block;
	content: "";
	width: 20px;
	height: 2px;
	margin: 10px 0;
	background-color: #f40338;
}
.pages h2 span{
	float: right;
	font-size: 14px;
	color: #2b2b2b;
	font-weight: normal;
	margin-top: 10px;
}
/*内页banner*/
.banner{
	position: relative;
}
.banner-txt{
	position: absolute;
	width: 100%;
	top: 50%;	
}
.banner-txt h3{
	font-size: 40px;
	font-weight: bolder;
	color: #fff;
	margin-top: -30px;
}
.banner-txt h3:after{
	content: "";
	display: block;
	height: 20px;
	width: 100px;
	border-bottom: 3px solid #fff;
}
/*优势*/
.advantage{
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.advantage .row{
	margin-bottom: 20px;
}
.advantage .advantage-con{
	background: #f7f7f7;
	padding: 50px 50px;	
	border-bottom-left-radius: 50px;
	border-top-right-radius: 50px;
	font-size: 18px;
	line-height: 1.6;
	transition: all 0.3s;
}
.advantage .advantage-con .advantage-title{
	font-size: 28px;
	font-weight: 600;
	color: #f40338;
	line-height: 1.4
}
.advantage .advantage-con .advantage-title:after{
	content: "";
	height: 2px;
	width: 20px;
	background: #f40338;
	display: block;
}
.advantage .advantage-con:hover,.advantage .advantage-con.active{
	background: #0167b9;
	color: #fff;
}
/*行业应用*/
.app{
	padding-bottom: 4rem;
}
.app div{
	position: relative;
}
.app p{
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	width: 100%;
	font-size: 18px;
	font-weight: bolder;
	line-height: 2.5;
	color: #fff;
}
/*外贸客户*/
.client{
	padding-top: 4rem;
	padding-bottom: 4rem;
	background-color: #f7f7f7;
}
.btn-tel{
	font-size: 25px;
	color: #f40338;
	font-weight: bolder;
	background-color: #fff;
	border-radius: 50px;
	padding: 15px 25px;
}
/*广告*/
.adv{
	background: url(../images/adv.jpg) no-repeat center;
	padding-top: 4rem;
	padding-bottom: 4rem;
	color: #454545;
	font-size: 30px;
	margin-top: 4rem;
}
.adv h4{
	font-size: 40px;
	font-weight: bold;
}
.adv h4 span{
	font-size: 30px;
	display: block;
	font-weight: normal;
}
/*厂房*/
.factory{
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.factory img,.client img,.app img,.advantage img{
	width: 100%;
}
.factory div,.client div,.app div{
	margin-bottom: 20px;
}
.adv-img{
	background: url(../images/adv-img.jpg) no-repeat;
	background-size: cover;
	padding: 2rem 0px;
	color: #fff;
	font-size: 14px;
	line-height: 2;
}
.adv-img h3{
	font-size: 40px;
	font-weight: bold;
	position: relative;
	margin-top: 15px;
}
.adv-img h3 span{
	display:inline-block;
	font-size: 28px;
	background-color: #fff;
	color: #2b2b2b;
	border-radius: 5px;
	padding: 6px 35px;
}
.adv-img .adv-tel{
	display: inline-block;	
	font-size: 20px;
	line-height: 1.2;	
	padding-top:80px;
	background: url(../images/tool.png) no-repeat top center;
}
.adv-img .adv-tel span{
	font-weight: bold;
	display: block;
	font-size: 30px;
}
.adv-img .adv-wei{
	margin-right: 30px;
}
.adv-img .adv-wei img{
	width: 80%;
}
/*内页侧边分类*/
.sonsort {
    background-color: #f7f7f7;
    margin-bottom: 30px;
    overflow: hidden;	
}
.cstlayer{		
	font-size: 2rem;
	font-weight: bolder;
	color: #fff;
	line-height: 3; 
	padding-left: 25px;
	margin-bottom: 30px;
	background: #f40338;
}
.cstlayer span{
	display: block;
	font-size: 20px;
	font-weight:lighter;
	text-transform: uppercase;
}
.sonsort ul {
	margin: 15px;	
}
.sonsort ul li a{
	line-height: 39px;
	display: block;
	color: #454545;	
	border-bottom: 1px solid #e0e0e0;
}
.sonsort ul li a i{
	font-size: 10px;
	font-weight: lighter;
	margin-right: 2px;
}
.sonsort ul li a:hover,.sonsort ul li.active a,.sonsort ul li.active .navmenu a.is-current{	
	color: #f40338;
}
.sonsort ul li.active .navmenu a,.navmenu a{
	font-size: 14px;
	color: #454545;
	padding-left: 20px !important;
}
.left-Contact{	
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	background: url(../images/contact.jpg) no-repeat #2d5466;
	background-size: cover;
	padding: 40px 20px;
	padding-left: 75px;
	position: relative;
}
.left-Contact span{	
	font-size: 16px;
	font-weight: normal;
}
.left-Contact p{
	margin-bottom: 10px;
}
.left-Contact i{
	border: 2px solid #fff;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	border-radius: 100%;
	font-weight: normal;
	margin-bottom: 5px;
	font-size: 14px;
    margin-right: 5px;
    position: absolute;
    left: 40px;
    top: 40%;
}
.left-Contact .code-img{
	background: #fff;
	display: inline-block;
	margin: 0px auto;
	padding: 10px;
}
.left-Contact .code-img .small{
	color: #010101;
	font-size: 12px;
	margin-top: 5px;
}
/*当前位置*/
.position{	
    padding: 25px 0px;
    position: relative;    
    overflow: hidden;
    font-size: 14px;
    border-bottom: 1px solid #eeeeee;
}
.position ul li {
    position: relative;
    display: inline-block;
    padding: 0 5px;
    font-size: 14px;   
}
.position ul li a {    
    font-size: 14px;  
}
/*关键词*/
.search-key{
	font-size: 14px;
	line-height: 35px;
	display: flex;
}
.search-key span{
	font-size: 16px;
	font-weight: bolder;
}
.search-key ul{
	display: flex;
} 
.search-key ul li{	
	padding: 0px 5px;
}
.search-key ul li a:hover{
	font-weight: bold;
}
.search .search-input{
	width: 100%;
}
.search .search-input input{
	width: 100%;
	line-height: 30px;
	font-size: 14px;
	color: #848484;
	padding-left: 15px;
    padding-right: 5px;
    border: 1px solid #e9f0f6;
    border-radius: 20px;
    background: #fff;
}
.search .search-icon{
	position: absolute;
	right: 16px;
	top: 1px;
}
.search .search-icon button{
	border: 0px;
	background-color:#fff;
	width: 50px;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    color: #727272;
    font-size: 16px;
    text-align: center;
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
}
/*产品分类*/
.customerlist .card,
.customerlist .card-body{
	background: transparent;
	overflow: hidden;
}
.customerlist .card-body{
	padding: 1.25rem 1.25rem 0;
}
.comtitle{
	font-size: 40px;
	text-transform: uppercase;
	font-weight: bolder;
	color: #2b2b2b;
	line-height: 1.2;
	text-align: center;	
}
.comtitle span{	
	width: 100%;
	display: block;	
	font-size: 30px;
	color: #f40338;
}
.comtitle:after{
	content: "";
	height: 3px;
	width: 40px;
	background: #f40338;
	display: block;
	margin: 20px auto;
}
.product{
	background: #f7f7f7;
	padding-top: 4rem;
	padding-bottom: 4rem;
	margin-bottom: 4rem;
	overflow: hidden;
}
.product .nav-tabs{
	border-bottom: 0px;
}
.product .nav-tabs li a,.product .nav-tabs li i{
	display: block;
}
.product .nav-tabs li a{
	background-color: #2b2b2b;
	color: #fff;
	font-weight: bolder;	
	line-height: 3.5;
	font-size: 18px;
	transition: 0.3s;
}
.product .nav-tabs li a.active,.product .nav-tabs li a:hover{
	background-color: #ec2730;
	color: #fff;
}
.product .tab-pane img{
	width: 100%;
}
.product .tab-pane{		
	margin-top: 30px;
}
.product .tab-pane .nav-title{
    background-color: #ec2730;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 3;
    margin-bottom: 15px;
}
/*产品列表*/
.productlist .card-body{		
	font-size: 16px;
	line-height: 1.2;
	padding: 1.25rem;
	background-color: #f40338;
}
.productlist .card-title{
	margin-bottom: .05rem;
	font-size: 16px;   
    line-height: 140%;
    transition: all 0.3s linear;    
}
.productlist .card-title span{
	display: block;
	font-size: 16px;
	color: #fff;
	font-weight: bold;	
}
.productlist .card-more{
	text-align: center;
	overflow: hidden;
	margin-top: 20px;
}
.productlist .card-more a{
	background: #fff;
	border: 1px solid #0167b9;
    color: #0167b9;
    font-size: 14px;
    padding: 6px 20px;
    border-radius: 20px;
    display: inline-block;
}
.productlist .card-hover{	
	background: #034496;	
	position: absolute;
	top: 0;
	height: 0;
	width: 100%;
	overflow: hidden;
	z-index: 2;
	transition: all 0.3s linear;
}
.productlist .card:hover .card-hover{	
	background: #034496;
	color: #fff;
	height: 100%;
	opacity: 1;    
}
.productlist .card:hover .card-hover .card-title{
	padding-top: 60px;
}
.productlist .card:hover .card-more a{
	background: #fff;
	color: #034496;
}


/*选择*/
.choose{
	padding:4rem 0;
}
.case-tab-box .nav-tabs{
	border-bottom: 0px solid #dee2e6;
	margin-top: 30px;
	margin-bottom: 30px;
}
.case-tab-box .nav-tabs li a{
	display: block;
	background: #e8e8e8;
	font-size: 24px;
	color: #2b2b2b;
	border-radius: 5px;
	text-align: center;
	line-height: 2.5;
}
.case-tab-box .nav-tabs li a.active,.case-tab-box .nav-tabs li a:hover{
	background: #034496;
	color: #fff;
}
.choose #caseH2,.choose #caseH3,.choose #caseH4{
	height: 0;
}
.choose .slide-box {       
    position: relative;
}
/* advantage */
.choose .gallery-top{ 
  background: #f8f8f8; 
}
.choose .gallery-thumbs{margin:15px 0px;}
.choose .gallery-thumbs .zhishi-list{border-radius:1px;line-height:40px;text-align:center;color:#000;font-size:16px;cursor:pointer}
.choose .gallery-thumbs .zhishi-list a{border-radius:1px;line-height:40px;text-align:center;color:#000;font-size:16px;cursor:pointer}
.choose .gallery-thumbs .zhishi-list.swiper-slide-thumb-active{color:#034496}
.choose .gallery-thumbs .zhishi-list:hover,.choose .gallery-thumbs .zhishi-list:hover a{color:#034496}
.choose .gallery-thumbs .zhishi-list .zhishi-img{
	max-width: 100%;
}
.choose .swiper-slide .adv-img{
	-ms-flex: 0 0 60.50%;
    flex: 0 0 60.50%;
    max-width: 60.50%;
}
.choose .swiper-slide .adv-img img{
	max-width: 100%;
}
.choose .swiper-slide .adv-text{
  margin-top: 90px;
}
.choose .swiper-slide .adv-text div.txt-title{font-size:24px;line-height: 1.4; font-weight: bolder; color:#232323;margin-bottom:15px}
.choose .swiper-slide .adv-text div.txt-con{font-size:16px;line-height:32px}
.choose .slide-box{
	position: relative;
}
.choose .slide-box .swiper-button-prev {
    right: auto;
    left: -50px;
}
.choose .slide-box .swiper-button-next {
    right: -50px;
    left: auto;
}

/*关于我们*/
.about{
	overflow: hidden;
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.about .comtitle:after{
	content: "";
	height: 3px;
	width: 120px;
	background: #0167b9;
	display: block;
	margin-top: 15px;
}
.about .about-con{
	font-size: 14px;
	line-height: 2;
	color: #454545;
}
.about-more{
	padding: 8px 30px;
    border-radius: 20px;
}

/*最新资讯*/
.news{	
	padding:5rem 0px;
	background-color: #f7f7f7;
}
.news .img{
	width: 100%;
}
.news .ntitle{
	font-size: 24px;
	font-weight: 900;
	padding-bottom: 15px;
	line-height: 2;	
	color: #f40338;	
}
.news .ntitle:after{
	content: "";
	width: 40px;
	height: 2px;
	background-color: #f40338;
	display: block;	
}
.picList .img{
	width: 100%;	
	margin-bottom: 10px; 
}
.picList .img img{
	width: 100%;
}
.picList .news-title{
	font-size: 18px;
	line-height: 1.2;
	color: #2b2b2b;	
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.picList .news-date{
	font-size: 14px;
	color: #2b2b2b;
	margin-bottom: 30px;	
}
.picList .swiper-pagination{
	text-align: left;
	left: 0px;
	bottom: 40px;
}
.picList .swiper-pagination-bullet-active{
	background: #f40338;
	width: 25px;
	border-radius: 10px;
}
.newslist ul li{
	border-bottom: 1px dotted #dbdbdb;
	font-size: 14px;
	line-height: 2.6;
}
.newslist ul li i{
	color: #000;
	font-size: 10px;
	margin-right: 10px;
}
.newslist ul li span.time{
	float: right;
	font-size: 14px;
	color: #555555;
}
.index-video{
	object-fit:fill;
    height:100%;    
}
.content {
	color: #666;
	line-height: 2;
}
.content img, .content iframe {
	max-width: 100% !important;
}
.content li {
	list-style: disc outside none;
	margin-left: 20px;
}
/*案例展示*/
.case-show .ntitle{
	font-size: 24px;
	color: #034496;
	font-weight: bolder;
	margin-top: 12px;
	margin-bottom: 12px;
}
.case-show p{
	margin-bottom: 20px;
}
.case-show .table td, .case-show .table th{
	padding: .35rem;
}
.case-show table p{
	margin-bottom: 0px;
}
hr.heng{
	border-top: 2px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	height: 1px;
}
/*案例展示页下面的相关链接*/
.related-liink a{
	display: block;
	background-color: #fff;
	line-height: 4;
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
	border-radius: 3px;
}
.related-liink a:hover{
	background-color: #034496;
	color: #fff;
	font-weight: bolder;
}
.related-liink a.active{
	display: block;
	background-color: #034496;
	color: #fff;
	font-weight: bolder;
}
/*联系我们内页*/
.contact{	
	margin-bottom: 40px;
	background-color: #eaeaea;
	overflow: hidden;
}
.contact .contact-con{	
	font-size: 16px;
	line-height: 1.8;
	color: #2b2b2b;
	margin: 20px 20px;
}
.contact .contact-con h5{
	font-size: 28px;
	font-weight: bolder;
	color: #f40338;
	margin-bottom: 15px;
}
/*产品轮播*/

.view .swiper-slide {	
	padding: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
}
.view .swiper-slide img {	
	max-width: 100%;
}
.view .arrow-left {
	background: url(../images/index_tab_l.png) no-repeat left center;
	position: absolute;
	left: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}
.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat right center;
	position: absolute;
	right: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}
.preview {
	position: relative;	
}
.preview .swiper-slide {	
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
	width: 77px;
}
.preview .swiper-slide img {
	display: inline-block;
	max-width: 100%;
}
.preview .swiper-slide-thumb-active {
	border: 2px solid #e20718;
}
.preview .arrow-left {
	background: #fff url(../images/feel3.png) no-repeat left center;
	position: absolute;
	left: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}
.preview .arrow-right {
	background: #fff url(../images/feel4.png) no-repeat right center;
	position: absolute;
	right: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}
.product-con{

}
.product-con h5{
   font-size: 30px;
   font-weight: bolder;
   color: #034496;
}
.product-con h5 span{
	display: block;
	font-size: 20px;
}
.product-con h5:after {
    display: block;
    content: "";
    width: 50px;
    height: 2px;
    margin: 10px 0;
    background-color: #e22434;
}
.product-con .overview{
	font-size: 16px;
	line-height: 30px;
	height: 278px;
	overflow: hidden;
}
.product-con .overview span{
	font-size: 20px;
	font-weight: bolder;
	color: #034496;
	display: block;
}
@media (min-width: 1360px){
	.product-con .overview{
		height: 325px;
	}
}
/*产品技术参数*/
.pro-box {  
  background: #fff;
  border-radius: 5px;
  border: 1px solid #e9f0f6;
  overflow: hidden;
}
.pro-box ul {  
  background: #0167b9;
}
.pro-box ul li .active{
  color: #fff;
  cursor: pointer;
  font-weight: bolder;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: block;
  font-size: 20px;
  line-height: 2.5;
  text-align: center;
}
.pro-box .pro-content{
	padding: 20px;
	font-size: 16px;
	line-height: 2;
}
.pro-box .pro-content img{
	max-width: 100%;
}
.pre-next{
	font-size: 18px;
	line-height: 1.6;
}
.pre-next span{
	font-weight: bold;
}
@media (max-width: 991.98px){
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
    padding-right: 15px;
    padding-left: 15px
}
}
@media (min-width: 992px){
.sonsort.navbar-expand-lg .navbar-collapse {
    display: block !important;
}
}

.footer{
	background-image: url(../images/foot.jpg);
	padding: 6rem 0 3rem;
	border-bottom: 10px solid #f40338;
}
.footer .footnav{	
	padding-bottom: 2rem;
	overflow: hidden;	
	padding-left: 15px;
	font-size: 16px;
	color: #fff;
	position: relative;
}
.footer .footnav:before{
	content: "";
	border-left:1px solid #1d1d1d;
	border-right:1px solid #363636;
	left: 0;
	top: 0;
	position: absolute;
	width: 1px;
	height: 200px;
}
.footer .footnav h5{
	font-size: 18px;
	line-height: 2;
	color: #fff;
	font-weight: 600;
}
.footnav .nav-link{
	font-size: 16px;
	font-weight: lighter;
	color: #fff;	
	opacity: 0.9;
	display: inline;
	padding: 0rem 0rem;
}
.footer .code-img{
	padding: 10px;
	margin: 15px auto;
}
.footer .code-img img{
	max-width: 100%;
}
.footer .code-img .small{
	text-align: center;
}

.footer .copyright{
	padding-top: 20px;
	line-height: 1.8;
	font-size: 14px;
	position: relative;	
}
.footer .copyright:before{
	content: "";
	border-top:1px solid #1d1d1d;
	border-bottom:1px solid #363636;
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 1px;
}
.footer .copyright a{
	color: #fff;
}

/*在线客服*/
.online {
	position: fixed;
	bottom: 150px;
	right: 10px;	
	z-index: 999;
	color: #999;
}
.online a {
	color: #666;
}
.online a:hover {
	text-decoration: none;
}
.online dl {
	background: #0344966b;
	padding: 20px 15px;
	margin-bottom: 1px;
	position: relative;
	border-radius: 10px;
}
.online dl dd {
	color: #fff;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
}
.online dl dd i {
	font-size: 25px;
}
.online dl:hover {
	background: #034496;
}
.online dl dt {
	position: absolute;
	top: 0px;
	right: 60px;
	background: #fff;
	border: 1px solid #ccc;
	z-index: 9999;
	display: none;
	padding: 10px 15px;
	font-weight: normal;
}
.online dl dt h3 {
	display: block;
	font-size: 16px;
	color: #666;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}
.online dl dt h3 i {
	margin-right: 5px;
}
.online dl dt h3 span {
	float: right;
	cursor: pointer;
}
.online dl dt input {
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-top: 15px;
	height: 40px;
	line-height: 40px;
	padding: 3px 5px;
	width: 100%;
}
.online dl dt button {
	margin: 10px 0;
	border: none;
	border-radius: 5px;
	width: 100%;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	background: #28a7e1;
	color: #fff;
	cursor: pointer;
}
.card-img .card-img-top,.imgmask{
	transition-duration: 0.6s;
	width: 100%;
}
.card-img:hover .card-img-top{
	transform: scale(1.1);
}
.imgmask{
	text-align: center;
    position: absolute;
    top: 0px;
    left: 0.15625px;
    background: rgba(204, 0, 0, 0.7);
    z-index: 1002;
    width: 100%;
    height: 100%;
    opacity: 0;    
    display: block;
}
.imgmask img{
	margin-top: 35%;
}
.card-img-260:hover .imgmask{	
	opacity: 1;

}
/*新闻列表*/
.faqlist{
	word-wrap: break-word;    
    border-color: rgb(226, 36, 52) rgb(238, 238, 238) rgb(238, 238, 238);
    border-width: 2px 1px 1px;    
    background-color: rgb(255, 255, 255);   
    border-style: solid;
}
.faqlist h4{
	border-bottom: 1px solid #eeeeee;
	font-size: 20px;
	line-height: 65px;
	color: #cc0000;
	padding:0px 15px;
}
.faqlist h4 span{
	float: right;
}
.faqlist dl{
	padding:0px 15px 15px;
}
.faqlist dl dt{
	background-image: url(../images/ao_q.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px;
	padding-left: 25px; 
}
.faqlist dl dt h5 a{
	display: inline-block;   
    font-size: 14px;
    color: #999999;
    font-weight: bold;
    text-decoration: none;
    line-height: 140%;
}
.faqlist dl dd{
	background-image: url(../images/ao_a.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	background-size: 20px; 
	padding-left: 25px;
}
.faqlist dl dd .abstract{
	line-height: 140%;
    display: inline-block;    
    font-size: 12px;
    padding-top: 4px;
    color: #434343;
    font-weight: normal;
    text-decoration: none;
    padding-bottom: 15px;
    border-bottom: 1px dotted #e2e2e2;
}
.media{
	padding-top: 16px;
	padding-bottom: 16px;
	padding-right: 15px;
	border-bottom: 1px dotted #e2e2e2;
	margin: 15px 0;
}
.faqlist .time{
	text-align: center;
    margin: 0px 30px;   
    color: #434343;
    font-size: 12px;   
}
.faqlist .time span{
 	display: block;
 	color: #434343;
    font-size: 44px;
    height: 41px;
    line-height: 41px;	
}
/*sm屏幕以上*/
@media only screen and (min-width: 576px) {
.card-img-260 {	
	overflow: hidden;
	position: relative;
}
.card-img-180 {
	height: 180px;
	overflow: hidden;
}
.card-img-150 {
	height: 150px;
	overflow: hidden;
}
.card-img-120 {
	height: 120px;
	overflow: hidden;
}
.card-img-100 {
	height: 100px;
	overflow: hidden;
}
}
/*sm屏幕以下*/

@media only screen and (max-width: 992px) {
.top .top-tel {
     display: block; 
     float: none; 
    color: #666666;
    line-height: 1.4;
    font-size: 16px;
    text-align: center; 
    margin-top: 0px;
}
.top .logo-sm-height {
    height: 65px;
}
.navbar-brand {
    padding-top: 15px; 
}
.product,.advantage,.client,.factory,.news,.adv {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.app{
	padding-bottom: 2rem;
}
.adv{
	margin-top: 2rem;
}
.sonsort {
    padding: 0px 0px;
}
.cstlayer {
    font-size: 20px;    
    line-height: 2.4;
    margin-bottom: 0px;
    padding-left: 15px;
}
.cstlayer span {
    font-size: 14px;
}
.cstlayer .menu-bar{
	float: right;
	margin-top: 15px;
	margin-right: 10px;
}
.cstlayer.collapsed .menu-bar:before{
	content: "\f196";
}
.cstlayer .menu-bar:before{
	content: "\f147";
}
.pages {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.search-key {
    font-size: 14px;
}
.search .search-input input {    
    font-size: 12px;
}
.comtitle {    
    font-size: 24px;
 }
.comtitle span {   
    line-height: 20px;
    font-size: 14px;
}
.productlist .card-title span{
	font-size: 14px;
}
.productlist .card-title{
	font-size: 12px;
}
.productlist .card-more a{
	font-size: 12px;
	padding: 10px 20px;
}

.case-tab-box .nav-tabs .col-lg-2,.case-tab-box .nav-tabs .col-sm-3,.case-tab-box .nav-tabs .col-3{
	padding-left: 5px;
	padding-right: 5px;
}
.case-tab-box .nav-tabs li a {  
    font-size: 14px;
}
.choose .swiper-slide .adv-img {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.choose .swiper-slide .adv-text {
    margin-top: 20px;
}
.choose .swiper-slide .adv-text div.txt-title {
    font-size: 20px;     
    margin-bottom: 0px;
    padding: 0px 20px;
}
.choose .swiper-slide .adv-text div.txt-con {
    font-size: 14px;
    line-height: 1.5;
    padding: 5px 20px 20px;
}
.choose .adv-zhishi .zhishi-list{
	font-size: 14px;
}

.advantage .advantage-con {    
    padding: 20px;
    margin-bottom: 5px;
    font-size: 16px;
}
.advantage .advantage-con .advantage-title {   
    font-size: 20px;
}
.product .nav-tabs li a {    
    font-size: 16px;
}
.adv-img h3 {
    font-size: 24px;
}
.adv-img h3 span {    
    font-size: 15px;
}
.adv-img .adv-tel {
    font-size: 14px;
    padding: 60px 30px 10px 30px;
}
.adv-img .adv-tel {
    background-size: 30%;
}
.adv-img .adv-tel span {   
    font-size: 22px;
}
.adv-img .adv-wei.pull-right{
	float: none;
	margin-right: 0px;
}
.adv-img .adv-wei img {
     width: auto;
     max-width: 100%;
}
.newslist .ntitle {
    margin-top: 20px;
}
.newslist ul li {  
    font-size: 14px;
    line-height: 2.4;
}
.adv h4 {
    font-size: 24px;
    padding: 15px;
}
.adv h4 span{
	display: block;
	font-size: 20px;
}
.btn-tel {
    font-size: 18px;
}
.footer .code, .footer .code img {
    height: 100%;
    margin-bottom: 0px;
}
.footer .code-img img{
	height: 100%;
}
}
@media only screen and (max-width: 768px) {
.top .logo-sm-height {
    height: 50px;
}
.top .logo-txt{
	display: none;
}
.topbar .pull-right {
    float: none;
    text-align: center;
}
.position {  
   padding: 15px 0px;
}
.view .swiper-slide {
	height: 200px;
}
.preview {
	display: none;
}
.view .arrow-left, .view .arrow-right {
	height: 200px;
	display: block;
}
.banner-txt h3 {
    font-size: 20px;
}
.w-100 {
    width: 200%!important;
}
.page-link {
    padding: 0.5rem 0.8rem;
    font-size: 12px;
}
}
/*********响应式样式******************/
@media only screen and (max-width: 556px) {
.page-num {
	display: none;
}
.head-sm-height {
	height: 61px !important;
}
}
/*行距*/
.lh-1 {
	line-height: 1;
}
.lh-2 {
	line-height: 2;
}
.lh-3 {
	line-height: 3;
}
.lh-4 {
	line-height: 4;
}
/*字体大小*/
.fs-12 {
	font-size: .857rem;
}
.fs-14 {
	font-size: 1rem;
}
.fs-16 {
	font-size: 1.142rem;
}
.fs-18 {
	font-size: 1.285rem;
}
.fs-20 {
	font-size: 1.428rem;
}
.fs-22 {
	font-size: 1.571rem;
}
.fs-24 {
	font-size: 1.714rem;
}
.fs-26 {
	font-size: 1.857rem;
}
.fs-28 {
	font-size: 2rem;
}
.fs-30 {
	font-size: 2.142rem;
}
.fs-32 {
	font-size: 2.286rem;
}
.fs-34 {
	font-size: 2.429rem;
}
.fs-36 {
	font-size: 2.571rem;
}
.fs-38 {
	font-size: 2.714rem;
}
.fs-40 {
	font-size: 2.857rem;
}

/*sm屏幕以上*/
@media only screen and (min-width: 576px) {
/*行距*/
.lh-sm-1 {
	line-height: 1;
}
.lh-sm-2 {
	line-height: 2;
}
.lh-sm-3 {
	line-height: 3;
}
.lh-sm-4 {
	line-height: 4;
}
/*字体大小*/
.fs-sm-12 {
	font-size: .857rem;
}
.fs-sm-14 {
	font-size: 1rem;
}
.fs-sm-16 {
	font-size: 1.132rem;
}
.fs-sm-18 {
	font-size: 1.285rem;
}
.fs-sm-20 {
	font-size: 1.428rem;
}
.fs-sm-22 {
	font-size: 1.571rem;
}
.fs-sm-24 {
	font-size: 1.714rem;
}
.fs-sm-26 {
	font-size: 1.857rem;
}
.fs-sm-28 {
	font-size: 2rem;
}
.fs-sm-30 {
	font-size: 2.142rem;
}
.fs-sm-32 {
	font-size: 2.286rem;
}
.fs-sm-34 {
	font-size: 2.429rem;
}
.fs-sm-36 {
	font-size: 2.571rem;
}
.fs-sm-38 {
	font-size: 2.714rem;
}
.fs-sm-40 {
	font-size: 2.857rem;
}
}

/*md屏幕以上*/
@media only screen and (min-width: 768px) {
/*行距*/
.lh-md-1 {
	line-height: 1;
}
.lh-md-2 {
	line-height: 2;
}
.lh-md-3 {
	line-height: 3;
}
.lh-md-4 {
	line-height: 4;
}
/*字体大小*/
.fs-md-12 {
	font-size: .857rem;
}
.fs-md-14 {
	font-size: 1rem;
}
.fs-md-16 {
	font-size: 1.142rem;
}
.fs-md-18 {
	font-size: 1.285rem;
}
.fs-md-20 {
	font-size: 1.428rem;
}
.fs-md-22 {
	font-size: 1.571rem;
}
.fs-md-24 {
	font-size: 1.714rem;
}
.fs-md-26 {
	font-size: 1.857rem;
}
.fs-md-28 {
	font-size: 2rem;
}
.fs-md-30 {
	font-size: 2.142rem;
}
.fs-md-32 {
	font-size: 2.286rem;
}
.fs-md-34 {
	font-size: 2.429rem;
}
.fs-md-36 {
	font-size: 2.571rem;
}
.fs-md-38 {
	font-size: 2.714rem;
}
.fs-md-40 {
	font-size: 2.857rem;
}
}

/*lg屏幕以上*/
@media only screen and (min-width: 992px) {
/*行距*/
.lh-lg-1 {
	line-height: 1;
}
.lh-lg-2 {
	line-height: 2;
}
.lh-lg-3 {
	line-height: 3;
}
.lh-lg-4 {
	line-height: 4;
}
/*字体大小*/
.fs-lg-12 {
	font-size: .857rem;
}
.fs-lg-14 {
	font-size: 1rem;
}
.fs-lg-16 {
	font-size: 1.142rem;
}
.fs-lg-18 {
	font-size: 1.285rem;
}
.fs-lg-20 {
	font-size: 1.428rem;
}
.fs-lg-22 {
	font-size: 1.571rem;
}
.fs-lg-24 {
	font-size: 1.714rem;
}
.fs-lg-26 {
	font-size: 1.857rem;
}
.fs-lg-28 {
	font-size: 2rem;
}
.fs-lg-30 {
	font-size: 2.142rem;
}
.fs-lg-32 {
	font-size: 2.286rem;
}
.fs-lg-34 {
	font-size: 2.429rem;
}
.fs-lg-36 {
	font-size: 2.571rem;
}
.fs-lg-38 {
	font-size: 2.714rem;
}
.fs-lg-40 {
	font-size: 2.857rem;
}
}