@charset "UTF-8";
/* CSS Document */

body, html,div, h1, h2, h3, h4, h5, h6, table, tbody, th, tr, p, a, form, input,span,dl,dt,dd{
    border: 0 none;
    font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
     }
body{ font-size:14px;  line-height:25px; color:#333;font-family: "microsoft yahei",simhei;background-color: #f0f0f0;}
a{ text-decoration:none;color: #000; }
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
ul, li{ list-style:none; margin:0; padding:0;}	
img{ border:0;}


.box{
	width: 100%;
}

.box .title{
	width: 100%;
	margin: auto;
	text-align: center;
	height: 70px;
	position: relative;
}
.box .title:before{
	content:"";
	display: block;
	position: absolute;
	top: 12px;
	left: 85px;
	background-image: url("../images/hwz.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 57px;
	height: 20px;
}
.box .title:after{
	content:"";
	display: block;
	position: absolute;
	top: 12px;
	right: 85px;
	background-image: url("../images/hwy.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 57px;
	height: 20px;	
}

.box .title div:nth-child(1){
	font-size: 	26px;
	line-height: 40px;
	height: 40px;
	color: #333;
}
.box .title div:nth-child(2){
	margin-top: 5px;
	font-size:14px;
	color: #999;
}




/*banner*/
.box .banner{
	width: 100%;
	clear: both;
}
.banner .swiper-container .swiper-pagination-bullet{
	width: 6px;
  	height: 6px;
  	background: #fff;
}
.banner .swiper-container .swiper-pagination-bullet-active{
	background-color: #ed1c24;
}
.banner .swiper-container .swiper-button-prev{
	width: 20px;
	height: 32px;
	margin-top: -16px;
	background-size: 100%;
	background-image: url("../images/jtz.png");
}
.banner .swiper-container .swiper-button-next{
	width: 20px;
	height: 32px;
	margin-top: -16px;
	background-size: 100%;
	background-image: url("../images/jty.png");
}
.banner .swiper-container .swiper-wrapper li img{
	display: block;
	width: 100%;
}
/*关于我们*/
.box .aboutus{
	width: 100%;
	margin: 24px auto 0;
}
.box .aboutus .content{
	margin-top: 20px;
}
.box .aboutus .content>div{
	height: 100%;
}
.box .aboutus .content .left{
	width: 92%;
	margin: auto;
}
.box .aboutus .content .left img{
	width: 100%;
}

.handle img{
	display: block;
	width: 100%;
	margin: 0 auto;
}
.box .aboutus .content .right{
	width: 92%;
	overflow: hidden;
	margin: auto;
}
.box .aboutus .content .right .abnr{
	padding: 10px;
	background-color: #444;
}
.box .aboutus .content .right .abnr *{
	color: #fff;
	padding: 0 20px;
}
.box .aboutus .content .right .abnr div{
	font-size: 20px;
	line-height: 28px;
	margin-top: 10px;
}
.box .aboutus .content .right .abnr p{
	font-size: 14px;
	line-height: 28px;
	margin: 10px 0;
}

/*名刺作品*/
.box .works{
	margin: 24px auto 0;
}
.box .works .content{
	margin: 20px auto 0;
	width: 92%;
}
.box .works .content .category{
	overflow: hidden;
	margin: auto;
}
.box .works .content .category li{
	float: left;
	text-align: center;
	width: 20%;
	margin: 0 2.5%;
	height: 36px;
	border-radius: 25px;
	line-height: 36px;
	font-size: 14px;
	color: #999;
	cursor: pointer;
}
.box .works .content .category li.on{
	color: #fff;
	background-color: #ed1c24;
}
.box .works .content .cnr{
	margin: 10px 0;
}
.box .works .content .cnr>li{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.box .works .content .cnr>li ul{
	overflow: hidden;
}
.box .works .content .cnr>li ul li{
	float: left;
	width: 46%;
	height: 276px;
	margin: 16px 2% 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	overflow: hidden;
}
.box .works .content .cnr>li ul li img{
	height: 100%;
	width: 100%;
}
.box .works .content .cnr>li ul li .zz{
	width: 100%;
	height: 100%;
	display: none;
}
.box .works .content .cnr>li ul li .zz .zzh{
	width: 100%;
	height: 235px;
	background-image: url("../images/zz.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: -235px;
	z-index: 10;
}
.box .works .content .cnr>li ul li .zz .zzx{
	width: 100%;
	height: 455px;
	background-color: rgba(0,0,0,.3);
	position: absolute;
	left: 0;
	top: 394px;
}
.box .works .content .cnr>li ul li .zz .zzh div:nth-child(1){
	color: #fff;
	font-size: 42px;
	text-align: center;
	margin-top: 20px;
	line-height: 48px;
}
.box .works .content .cnr>li ul li .zz .zzh div:nth-child(1) span{
	font-size: 32px;
}
.box .works .content .cnr>li ul li .zz .zzh div:nth-child(2){
	color: #fff;
	margin-top: 30px;
	text-align: center;
	font-size: 20px;
}
.box .works .content .cnr .more{
	width: 100px;
	line-height: 34px;
	text-align: center;
	font-size: 15px;
	background-color: #ed1c24;
	color: #fff;
	border-radius: 17px;
	margin: 16px auto 0;
}


/*进口耗材*/
.box .material{
	width: 100%;
	margin: 24px auto 0;
}
.box .material .bg{
	width: 92%;
	margin: 0 auto;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
.box .material .mnr{
	width: 100%;
	margin:0 auto;
	overflow: hidden;
}
	
.box .material .mnr li{
	float: left;
	width: 46%;
	height: 220px;
	text-align: center;
	position: relative;
	background-size: 100%;
	margin: 20px 2% 0;
}
.box .material .mnr li .im img{
	display: block;
	height: 80px;
	margin: auto;
}

.box .material .mnr li .hbg{
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.4);
	width: 100%;
	height: 220px;
	transition: all .4s cubic-bezier(.4,0,.2,1);
}
.box .material .mnr li .x{
	position: absolute;
	left:50%;
	top: 148px;
	width: 20px;
	height: 2px;
	margin-left: -10px;
	background-color: #fff;
	transition: all .4s cubic-bezier(.4,0,.2,1);
}
.box .material .mnr li .im{
	height: 80px;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 20px;
	left: 0;
	transition: all .4s cubic-bezier(.4,0,.2,1);
	z-index: 3;
}
.box .material .mnr li .tt{
	width: 100%;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	position: absolute;
	top: 90px;
	left: 0;
	transition: all .4s cubic-bezier(.4,0,.2,1);
	z-index: 3;
}
.box .material .mnr li .nr{
	width: 86%;
	margin: auto;
	font-size: 14px;
	line-height: 24px;
	position: absolute;
	top: 220px;
	left: 20px;
	transition: all .4s cubic-bezier(.4,0,.2,1);
	z-index: 3;
}
.box .material .mnr li .nr div{
	display: none;
	color: #eee;
}

/*荣誉资质*/
.box .honor{
	margin: 24px auto 0;
}
.box .honor .honorlist{
	margin-top: 20px;
	overflow: hidden;
	width: 92%;
	margin: auto;
}
.box .honor .honorlist>div{
	overflow: hidden;
	float: left;
	width: 48%;
	margin:20px 1% 0;
}
.box .honor .honorlist .photo{
	position: relative;
	border-radius: 2px;
	overflow: hidden;
	width: 100%;
}
.box .honor .honorlist .photo img{
	width: 100%;
}
.box .honor .honorlist .photo img{
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.box .honor .honorlist .ms{
	background-color: #fff;
	width: 100%;
}
.box .honor .honorlist div .bt{
	width: 100%;
	background: url(../images/zzbg.png) repeat-x bottom;
}
.box .honor .honorlist div .bt div{
	font-size: 16px;
	color: #000;
}
.box .honor .honorlist div .bt div span{
	display: block;
	width: 84%;
	height: 30px;
	font-size: 12px;
	line-height: 30px;
	color: #000;
	border-bottom: 1px solid #000;
}
.box .honor .honorlist div .zznr{
	width: 100%;
	margin: 14px auto;
	color: #737373;
	font-size: 14px;
	line-height: 24px;
}
.box .honor .honorlist .py span{
	display: block;
    position: absolute;
    width: 11px;
    height: 26px;
    right: 0px;
    top: 47%;
    z-index: 22;
    background: url(../images/bj2.png)  no-repeat;
}
.box .honor .honorlist .pz span{
	display: block;
    position: absolute;
    width: 11px;
    height: 26px;
    top: 47%;
    z-index: 22;
    background: url(../images/bj1.png)  no-repeat;
}


/*名刺团队*/
.box .team{
	width: 100%;
	margin: 24px auto 0;
}
.box .team .people{
	width: 100%;
	margin: 20px auto 0;
	background-image: url("../images/indexteambg.jpg");
	background-size: cover;
}
.box .team .people .swiper-container{

}
.box .team .people .swiper-container .swiper-slide .photo{
	width: 92%;
	overflow: hidden;
	margin: 10px auto;
}
.box .team .people .swiper-container .swiper-slide .photo .tu{
	width: 100px;
	height: 100px;
	box-shadow: 0px 0px 10px rgba(255,0,0,.6);
	border-radius: 60px;
	display: block;
	float: left;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.box .team .people .swiper-container .swiper-slide .photo .mc{
	float: left;
	color: #fff;
	padding: 18px 0 0 10px;
}
.box .team .people .swiper-container .swiper-slide .photo .name{
	font-size: 20px;
}
.box .team .people .swiper-container .swiper-slide .photo .x{
	margin: 8px 0 4px 0;
	width: 80px;
	height: 1px;
	background-color: #fff;
}
.box .team .people .swiper-container .swiper-slide .photo .tx{
	font-size: 16px;
}
.box .team .people .swiper-container .swiper-slide .introduce{
	padding-bottom: 50px;
	width: 92%;
	margin: auto;
	color: #fff;
}
.box .team .people .swiper-container .swiper-slide .introduce .nr{
	margin-top: 12px;
	font-size: 14px;
}
.box .people .swiper-container .swiper-button-next{
	bottom: 10px;
	top: auto;
	right: 20px;
	left: auto;
	width: 50px;
	height: 36px;
	background-size: 20px;
	background-image: url("../images/righth.png");
	background-repeat: no-repeat;
	background-position: center;
	line-height: 30px;
	color: #FFFFFF;
	text-align: center;
	border-radius: 0 50px 50px 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	background-color: rgba(237,28,36,.8);
}
.box .people .swiper-container .swiper-button-prev{
	bottom: 10px;
	top: auto;
	right: 70px;
	left: auto;
	width: 50px;
	height: 36px;
	background-size: 20px;
	background-image: url("../images/lefth.png");
	background-repeat: no-repeat;
	background-position: center;
	line-height: 30px;
	color: #FFFFFF;
	text-align: center;
	border-radius: 50px 0 0 50px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	background-color: rgba(237,28,36,.8);
}
/*名刺百科*/
.box .news{
	margin: 24px auto 0;
}
.box .news .newfl{
	width: 50%;
	margin: auto;
	margin-top: 20px;
	overflow: hidden;
}
.box .news .newfl li{
	float: left;
	width: 46%;
	height: 36px;
	margin: 0 2%;
	border-radius: 20px;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	border-radius: 25px;
}
.box .news .newfl li.on{
	color: #fff;
	background-color: #ed1c24;
}
.box .news .newslist{
	width: 92%;
	margin: 20px auto 0;
}
.box .news .newslist ul{
	overflow: hidden;
}
.box .news .newslist ul li{
	width: 100%;
	padding:5px;
	margin: 0 5px;
	overflow: hidden;
}
.box .news .newslist ul li .nim{
	float: left;
	width: 40%;
	height: 115px;
	border-top: 4px solid #ed1c24;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;

}
.box .news .newslist ul li .nim div{
	float: left;
	margin-left: 20px;
	background-color: #ed1c24;
	width: 40px;
	height: 44px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}
.box .news .newslist ul li .nim div span{
	font-size: 18px;
}
.box .news .newslist ul li .wz{
	float: left;
	width: 60%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

}
.box .news .newslist ul li .wz .tit{
	font-size: 14px;
	color: #111;
	padding: 0 10px;
}
.box .news .newslist ul li .wz .slxx{
	color: #333;
	overflow: hidden;
	padding: 0 10px;
}
.box .news .newslist ul li .wz .slxx *{
	float: left;
}
.box .news .newslist ul li .wz .slxx img{
	width: 16px;
	margin-top: 5px;
	margin-left: 14px;
}
.box .news .newslist ul li .wz .slxx>div:nth-child(1) img{
	margin-left: 0;
}
.box .news .newslist ul li .wz .slxx div{
	text-indent: 6px;
	font-size: 13px;
}
.box .news .newslist ul li .wz .zy{
	color: #737373;
	font-size: 13px;
	padding: 0 10px;
}
.box .news .newslist .more{
	width: 100px;
	line-height: 34px;
	text-align: center;
	font-size: 15px;
	background-color: #ed1c24;
	color: #fff;
	border-radius: 17px;
	margin: 16px auto 0;
}