@charset "UTF-8";

.navbar{
	margin:0;
	padding:0;
}

.nav-fixed-top{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}


/*body::before{
	display:block;
	content:'';
	height:105px;
	margin-bottom:70px;	
}*/

body{
	margin-top:51px;
}

/* 首页数字 */

.product-num-item{
    color: #171b81;    
}

.product-num-nub{
   width: 100%;
   font-size: 30px;
   font-weight: bold;
}

.product-num-add{
	font-size: 14px;
	line-height: 2;
	margin-left:5px;
}
.product-num-inf{
	margin-top: 10px;
	font-size: 16px;
	display: block;
}

.product-num-jus:hover{
    background-color: #333;
    color: #3e88f1;
}

.product-num-wan{
    position:absolute;
    right: 55px;
    top: 0px;
}

.my-su{
	text-align:center;
}

.swiper {
	width: 100%;
	height: 100%;
	/*--swiper-theme-color: #ff6600; 设置Swiper风格 */
	/*--swiper-navigation-color: #00ff33;单独设置按钮颜色 */
	--swiper-navigation-size:30px;/* 设置按钮大小 */
}

.swiper-slide {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}



.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 32% !important;
}


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

.sj-ban img{
	height:200px !important;
}
	
.ban-zi dl {
	position:relative;
	width:100%;
	overflow:hidden;    
}

.ban-zi dl dd {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	color:#fff;
	opacity:1;
	background:rgba(0,0,0,0.2);
}


.ban-zi dl dt img {
	transition:.5s;
}

.ban-zi dl:hover dt img {
	cursor: pointer;
	transform: scale3d(1.1,1.1,1); 
}


.fwxm a{
	text-decoration:none;
	color:#333;	
}

.fwxm a:hover{
	text-decoration:none;
	color:#EF4F35;
	
}



.zimu{
	font-family:zimu !important;
}


.shuzi {
	font-family:shuzi!important;
}


.index-cp a,
.index-qyhd a,
.index-tab11 a,
.more a{
	text-decoration:none;
	color:#333;
}


.index-cp a:hover,
.index-qyhd a:hover,
.index-tab11 a:hover{
	color: #01319D;
}





.more a:hover{
	color:#fff;
}



/*首页优势*/

.index-about {
    background: url(../../images/about_bj.jpg) ;
}


/*首页案例*/

. index-qyhd{
    background: url(../../images/hd.gif) ;
}



/*首页新闻*/

/*友链*/

.linker a{
	text-decoration:none;
	color:#666;	
}

.linker a:hover{
	color:#EF5135;
	text-decoration:underline;	
}

/*关于我们*/

.about-tab1  a{
	text-decoration:none;
	color:#333;	
}

.about-tab1 ul li a{
	background:#eee;
	padding:0 20px;
	
}

.about-tab1 ul li.active a{
	background:#01319D;
	color:#fff;	
}


.about-tab1 ul li a:hover{
	background:#01319D;
	color:#fff;		
}

/*历史*/

.time_intt {
    background: url(../../images/line-bgss.png)  repeat-y 21.6% 20px;
}


.time_intt .year {
    position: relative;
    z-index: 100;
}

.time_intt .year .list {
    margin: 2% 0 4%;
    position: relative;
    overflow: hidden;
}

.time_intt .year .list ul {
    bottom: 0;
}

.time_intt .year .list ul li {
    background: url(../../images/circlebgs.jpg) no-repeat 20.2% 19px;
    padding: 0;
}

.cls {
    zoom: 1;
    position: relative;
}

.cls:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.time_intt .year .list ul li .date {
    float: left;
    width: 20%;
    text-align: right;
    color: #666;
    margin-top: .2%;
}

.time_intt .year .list ul li .date strong {
    font-size: 26px;
    margin-right: 5px;
    color: #333;
}

.time_intt .year .list ul li .intro {
    float: left;
    display: block;
    width: 65%;
    margin-left: 10%;
    position: relative;
    background: #f4f4f4;
    margin-bottom: 3%;
    padding: 10px 25px;
}

.time_intt .year .list ul li:last-child .intro {
    margin-bottom: 0;
}

.intro:before {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 33px;
    left: -16px;
    top: 12px;
    background: url(../../images/leftsvbg.png) no-repeat;
}

/*高亮*/
.index-tab11 ul li:hover a,
.index-tab11 ul li.active a:first-child {
	color:#EF5135;
}

.footer{
	background:#EF4F35;
}

.footer a{
	text-decoration:none;
	color:#FFFFFF;
}


/*新闻例表*/

.newslist-tab1 a{
	text-decoration:none;
	color:#666;
}

.newslist-tab1 a:hover{
	text-decoration: underline;
	color: #01319D;
}


.news-tab4 a{
	text-decoration:none;
	color:#666;
}

.news-tab4 a:hover{
	text-decoration: underline;
	color:#EF5135;
}




/*产品例表*/

.prolist-tab1 a{
	text-decoration:none;
	color:#666;
}

.prolist-tab1 a:hover{
	text-decoration: underline;
	color: #01319D;
}



.pro-list{
	
}

.pro-list a{
	text-decoration:none;	
	
}
				
			
.pro-list img {
	overflow:hidden;
	transition:.5s;
}

.pro-list img:hover  {
	cursor: pointer;/*手型*/
	transform: scale3d(1.1,1.1,1); 
}


.pro-list .card-title{
	transition:.5s;
	background:#FFFFFF;	
}

.pro-list:hover .card-title {
	color:#fff;
	background:#EF5135;
}

/*产品*/    

.pro-tab1  .swiper {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	background:#eee;
}

.pro-tab1  .swiper-slide {
	background-size: cover;
	background-position: center;
}

.pro-tab1  .mySwiper2 {
	height: 80%;
	width: 100%;
}

.pro-tab1 .mySwiper {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0 0 0;
}

.pro-tab1  .mySwiper .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
}

.pro-tab1 .mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}

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


/*案例放大镜*/

.al-list{
	position: relative;
	overflow:hidden;
}

.al-list .img-box{
	position: relative;
	overflow:hidden;
}

 .al-list .img-box .cover{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	display: none;
	transition:.5s;
}

 .al-list:hover .img-box .cover{
	display: block;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

 .al-list .img-box .cover img{
	transition:.5s;
}

 .al-list .img-box .cover img:hover{
 	margin-top:20px;
}

.al-list .img-box img{
	transition:.5s;
}

.al-list .img-box:hover img{
	cursor: pointer;/*手型*/
	transform: scale3d(1.1,1.1,1); 
}

.al-list .text-box{
	position: absolute;
	left: 0;
	width: 100%;
	bottom:-80px;
	transition:.5s;
}

.al-list:hover .text-box{
	bottom:10px;
	display: block;
	display: flex !important;
	justify-content: center !important;
	
}

/*招聘*/

.pl25 {
    padding-left: 25px;
}
.col666 {
    color: #666!important;
}
.lh30 {
    line-height: 30px!important;
}
.f14 {
    font-size: 14px !important;
}
.tc {
    text-align: center!important;
}
.pt30 {
    padding-top: 30px;
}
.pb10 {
    padding-bottom: 10px;
}
.cb {
    clear: both;
    height: 0px;
    margin: 0;
    padding: 0;
    width: 0;
    border: none;
    overflow: hidden;
}

.zwlb{}
.zwlbt{ background:#f3f3f3; line-height:55px; color:#333; font-weight:16px;}
.zwlbt b{ display:inline-block; vertical-align:middle; box-sizing:border-box; font-size:16px; float:left}
.w145{ width:12%;}
.w185{ width:18%}
.w315{ width:28%;}
.zwlb li{}
.zwlb li h2{ border-bottom:1px solid #e9e9e9; padding:15px 0}
.zwlb li h2 span{ display:inline-block; float:left; box-sizing:border-box; line-height:30px; color:#666; font-size:14px;}
.icon15{ background:url(http://stcms.beisen.com/cmsportal/10725400/10725400_themes_theme2_images_icon15a.png) no-repeat center center; display:inline-block; width:30px; height:30px; cursor:pointer}
.zwlb li.now{ background:#f7fcf9}
.zwlb li.now .icon15{background:url(http://stcms.beisen.com/cmsportal/10725400/10725400_themes_theme2_images_icon15b.png) no-repeat center center;}
.zwlbb{ padding:0 20px; display:none}
.zwlbbt{ padding:25px 20px 20px}
.zwlbbt span{ display:inline-block; float:left; width:25%; line-height:35px; color:#666; font-size:13px;}
.zwlbbt span:nth-child(1),.zwlbbt span:nth-child(6){ width:100%}
.zwlbbt span b{ font-weight:normal; color:#000}
.zwlbbm{ border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:30px 20px; color:#666; font-size:13px; line-height:30px;}
.zwlbbm h3{ color:#333; font-size:20px; line-height:40px;}
.zwlbbb{ padding:30px 20px 40px}



@media (min-width: 576px) {

}

@media (min-width: 768px) {
	

}

@media (min-width: 992px) {

.nav-fixed-top{
  position: inherit;
 
}

/*body::before{
	display:block;
	content:'';
	height:0px !important;
}*/

body{
	margin-top:0;
	margin-bottom:0;	
}



/*纯css导航&电脑导航*/


.index-tab1{
	height:82px;
	line-height:82px;	
}

.pc-nav{
	
}


.mynav{}

.mynav >ul{}

.mynav >ul >li{
    position: relative;
    z-index: 1100;
}

.mynav >ul >li:last-child{
}

.mynav >ul >li > a{
	display: block;
	width:100%;
	height:82px;
	line-height:82px;	
	/*padding:0 25px;*/
    color: #333;
	text-align: center;
    text-decoration: none;
	font-weight:bold;
}


.mynav >ul >li > a:hover{
	
}

.mynav >ul >li >ul {
	display: none;
	position:absolute;
	left:0;

}


.mynav >ul >li:hover ul {
  display: block;
}


.mynav >ul >li >ul >li {

	
    
}

.mynav >ul >li >ul >li >a {
	width:113px;
	height:40px;
	line-height:40px;
	text-align:center;
	display: block;
	color: #333;
	background:#eee;
    border-bottom: 1px solid #fff;
	text-decoration:none;
}


.mynav >ul >li > a,.mynav >ul >li >ul >li >a{}



.mynav >ul >li >ul >li >a:hover {
  	color: #fff;
    background: #999;
}

.mynav >ul >li:hover,
.mynav >ul >li.active{
	/*background: #fff;*/
}

.mynav >ul >li:hover a,
.mynav >ul >li.active >a:first-child {
	color: #01319D;
	
}

.swiper {
	--swiper-navigation-size:60px;/* 设置按钮大小 */
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50% !important;
}


.my-su{
	width:20%;
}

.product-num-nub{
   font-size: 40px;
}

/*历史*/

.time_intt {
    background: url(../../images/line-bgss.png)  repeat-y 11.6% 20px;
}


.time_intt .year {
    position: relative;
    z-index: 100;
}

.time_intt .year .list {
    margin: 2% 0 4%;
    position: relative;
    overflow: hidden;
}

.time_intt .year .list ul {
    bottom: 0;
}

.time_intt .year .list ul li {
    background: url(../../images/circlebgs.jpg) no-repeat 11.2% 19px;
    padding: 0;
}

.cls {
    zoom: 1;
    position: relative;
}

.cls:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.time_intt .year .list ul li .date {
    float: left;
    width: 10%;
    text-align: right;
    color: #666;
    margin-top: .2%;
}

.time_intt .year .list ul li .date strong {
    font-size: 26px;
    margin-right: 5px;
    color: #333;
}

.time_intt .year .list ul li .intro {
    float: left;
    display: block;
    width: 85%;
    margin-left: 5%;
    position: relative;
    background: #f4f4f4;
    margin-bottom: 3%;
    padding: 10px 25px;
}

.time_intt .year .list ul li:last-child .intro {
    margin-bottom: 0;
}

.intro:before {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 33px;
    left: -16px;
    top: 12px;
    background: url(../../images/leftsvbg.png) no-repeat;
}


}
  
@media (min-width: 1200px) {

	
}

@media (min-width: 1400px) {
	
}