/* 容器 */
*{transition: all .3s;}
.container-width{max-width: 1200px; margin: 0 auto;}
@media (max-width:1200px) {
	.container-width{padding: 0 15px;}
}
.layui-layer{transition: none;}
.pd50{padding: 50px 0;}
@media (max-width:768px) {
	.pd50{padding: 30px 0;}
}

/*  */
.index-title{ text-align: center;padding-bottom: 40px; font-family: arial; font-size: 0;}
.index-title h3{position: relative; padding-bottom: 5px;  font-size: 32px;}
.index-title p{font-size: 14px; color: #777;}
@media (max-width:768px) {
	.index-title{padding-bottom: 20px;}
	.index-title h3{font-size: 24px;}
}
/*  */
.ourservice img {width: 100%;}
.ourservice a{display: block;}
.ourservice-type li {float: left;width: 20%;padding: 15px;}
.ourservice-type li a{display: block; overflow: hidden; border-radius: 6px;}
.ourservice-type1 li:first-child {float: left;width: 40%;padding: 15px;}
.ourservice-type1 li:last-child {float: left;width: 60%;padding: 15px;}
.ourservice li:hover a{box-shadow: 0 0 15px rgba(0,0,0,.1);}
@media (max-width:1000px) {
	.ourservice-type li {float: left;width: 33.33%;}
}

@media (max-width:768px) {
	.ourservice-type li {float: left;width: 50%; padding: 5px;}
	.ourservice-type1 li:first-child {float: left;width: 100%;padding: 5px;}
	.ourservice-type1 li:last-child {float: left;width: 100%;padding: 5px;}
}
/*  */
.solution{background-color: #f5f5f5;}
.solution .container-width{overflow: hidden;}
.solution ul{margin-right: -35px;}
.solution ul li{float: left; width: 33.33%; padding: 0 45px 30px 0;}
.solution-pic{position: relative;}
.solution-pic img{width: 100%;}
.solution-pic span{position: absolute; bottom: 0; left: 0; display: inline-block;padding:0 45px 0 15px; line-height: 45px; border-radius: 0 45px 0 0; background-color: rgba(162, 30, 36,.7); font-size: 16px; color: #fff; text-align: center; font-size: 18px;}
.solution-txt{border-bottom: 2px solid transparent ; padding: 15px; text-align: center; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.solution-txt p{height: 72px; line-height: 26px;  font-size: 14px; color: #666; text-align: left; overflow: hidden;}
.solution-txt a{margin-top: 25px; display: inline-block;border: 1px solid #A21E24 ; padding: 0 30px; line-height: 32px; border-radius: 4px; color: #A21E24;}
.solution-txt a:hover{background-color: #A21E24; color: #fff;}

@media (max-width:1000px) {
	.solution ul{margin-right: -15px;}
	.solution ul li{ width: 50%; padding: 0 15px 15px 0;}
}

@media (max-width:768px) {
	.solution ul{margin-right: -15px;}
	.solution ul li{ width: 100%;}
}

/*  */
#team-swiper {position: relative;}
#team-swiper .swiper-container {padding-bottom: 60px}
#team-swiper .swiper-slide {width:45%;height:auto;background: #fff; box-shadow: 0 8px 30px #ddd}
#team-swiper .swiper-slide p {padding: 15px 0; line-height: 40px;font-size:16px ;text-align: center;color: #636363;}
#team-swiper .swiper-slide img{width: 100% ;}
#team-swiper .swiper-slide-active{}
#team-swiper .swiper-button-prev,
#team-swiper .swiper-button-next{ width: 58px ;height: 58px ;margin-top: -58px; background:none; box-shadow: 0 5px 15px rgba(0,0,0,.2);border-radius: 50%;background-color: #fff; outline: none;}
#team-swiper .swiper-button-prev{left: -30px;}
#team-swiper .swiper-button-next{right: -30px;}
#team-swiper .swiper-button-prev span,
#team-swiper .swiper-button-next span{position: absolute; top: 18px; display: block; width: 20px; height: 20px; border: 1px solid #999; transform: rotate(45deg);}
#team-swiper .swiper-button-prev span{border-top:none ; border-right: none; left: 23px;}
#team-swiper .swiper-button-next span{border-bottom:none ; border-left: none; right: 23px;}
#team-swiper .swiper-button-prev:hover,
#team-swiper .swiper-button-next:hover{background-color:#df131d;}
#team-swiper .swiper-button-prev:hover span,
#team-swiper .swiper-button-next:hover span{ border-color: #fff;}

@media (max-width:1300px) {
	#team-swiper .swiper-slide {width:50%;}
	#team-swiper .swiper-button-prev{left: 15px;}
	#team-swiper .swiper-button-next{right: 15px;}
}
@media (max-width:768px) {
	#team-swiper .swiper-slide {width:60%;}
	#team-swiper .swiper-button-prev,
	#team-swiper .swiper-button-next{ width: 35px ;height: 35px ;margin-top: -55px;}
	#team-swiper .swiper-button-prev{left: -10px;}
	#team-swiper .swiper-button-next{right:-10px;}
	#team-swiper .swiper-button-prev span,
	#team-swiper .swiper-button-next span{ top: 12px; width: 10px; height: 10px; }
	#team-swiper .swiper-button-prev span{ left: 15px;}
	#team-swiper .swiper-button-next span{ right: 15px;}
}

/*  */
.advantage{background-color: #f5f5f5;}
.advantage .container-width{overflow: hidden;}
.advantage ul{margin-right: -25px;}
.advantage ul li{float: left;  width: 25%; padding: 0 25px 0 0; }
.advantage ul li a{display: block;}
.advantage ul li img{width: 100%;}

@media (max-width:1000px) {
	.advantage ul li{width: 50%; padding-bottom: 25px; }
}

@media (max-width:640px) {
	.advantage ul li{width: 100%;}
}

/*  */
.teamser-list{float: left; width: 70%;}
.teamser-list ul li{float: left; width: 50%; padding: 0  15px 15px 0;}
.teamser-list-pic{float: left; width: 50%; padding-right: 15px;}
.teamser-list-pic img{width: 100%;}
.teamser-list-txt{float: left; width: 50%;}
.teamser-list-txt p{padding: 8px 0 20px; color: #777;}
.teamser-list-btn a{display: inline-block; padding: 0 15px; line-height: 30px; color: #fff; border-radius: 4px;}
.teamser-list-btn a:first-child{background-color:#A11E24 ;}
.teamser-list-btn a:last-child{background-color: #AB8851;}

.teamser-swiper{float: left; width: 30%;}
.teamser-swiper .swiper-slide
.teamser-swiper .swiper-slide{position: relative;}
.teamser-swiper .swiper-slide img{width: 100%;}
.teamser-swiper .swiper-slide .honor-img{text-align: center;font-size: 16px;color: #3e3e3e; position: absolute;top:50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.honor-img img{max-width: 100%; margin-bottom: 20px;}
.honor-mask{position: absolute;bottom: 0; left: 0; width: 100%; background-color: #A11E24; color: #fff; font-size: 20px; padding: 10px 15px;}
.teamser-swiper .swiper-pagination{text-align: right;  bottom: 15px!important; padding-right: 15px;}
.teamser-swiper .swiper-pagination-bullet{background-color: #ccc!important;opacity:1!important;}
.teamser-swiper .swiper-pagination-bullet-active{background-color: #fff!important;}
#tong{text-align: center;}
#tong img{max-width: 100%;}

@media (max-width:1200px) {
	.teamser-list{float: none; width:100%;}
	.teamser-swiper{ float: none; width: 50%; margin: 25px auto 0;}
}

@media (max-width:860px) {
	.teamser-list ul li{float: left; width: 100%; padding: 0  15px 15px 0;}
	.teamser-swiper{ width:100%;}
}

@media (max-width:480px) {
	.teamser-list ul li{padding-right: 0; border-bottom: 1px dashed #eee; margin-bottom: 15px;}
	.teamser-list-pic{display: none;}
	.teamser-list-txt{float: none; width: 100%;}
}


/* top */

/*window-service*/
.window-service{position: fixed; top: 250px; right: 0; padding: 10px 3px 0; background-color: #000000; z-index: 3; text-align: center; font-family: arial;}
.window-service>h3{padding: 8px; color: #fff;}
.window-service ul li{position: relative ; padding-top: 8px; width: 140px; height: 80px; margin-bottom: 2px; text-align: center; cursor: pointer}

.window-service ul li:nth-child(1){background-color: #A11E24;}
.window-service ul li:nth-child(2){background-color: #068BC0;}
.window-service ul li:nth-child(3){background-color: #AB8851;}
.window-service ul li:nth-child(4){background-color: #118E51;}
.window-service ul li:nth-child(5){background-color: #AF0E3F;}

.window-service ul li a{color: #fff;  }
.window-service ul li h3{padding-top: 5px; font-size: 20px; font-weight: bold;}
.window-service ul li p{padding-top: 8px; font-size: 18px;color: #fff;}
/*  */

.window-service-tel{padding-top: 10px!important; height: 60px!important;}
.window-service-tel h3{font-size: 20px;}
.window-service-wx-pic{position: absolute; bottom: 0; right: 68px; z-index: -1; padding: 15px; background-color: #A21E24;}
.window-service-wx-pic h3{color: #fff; font-size: 14px;}
.window-service-wx-pic{opacity: 0; visibility: hidden; transform: translateX(10px);}
/* hover */
.window-service ul li:hover .window-service-wx-pic{opacity: 1; visibility: visible; transform: translateX(0)}

.gotop{transition: none;}

/*  */
.window-service-sms,
.window-service-contact{display: none;}
/*  */
@media(max-width:768px){
	.window-service{display: none;}

}