﻿
.item_shadow{
	box-shadow:0px 4px 18px -4px rgba(0,0,0,0.2);
	border-radius:6px;
}
.item_shadow2{
	box-shadow:0px 0px 13px -5px rgba(0,0,0,0.2);
	border-radius:6px;
}
.features-small .service_item{
	padding:30px 30px;
	cursor: pointer;
}
.radio-label:before{
	top:0px!important;
}
.fs_16{
	font-size: 16px;
} 
.c_80{
	color: #808080;
}
.flex{
	display: flex;
}
.radio{
	padding-left:30px;
	padding-left:30px;
	margin-bottom:50px;
}
.radio:last-child{
	margin-bottom: 0px;
}
.radio.item_shadow{
	padding: 30px;
}
.radio_remark{
	margin-left: 38px;
	display: none;
}

.radio_img img{
	display: none;
}
.service{
	position: fixed;
	top: 15%;
	right: 0px;
	z-index: 100001;
	width: 18%;
}
.align-center{
	align-items: center;
}
.align-center .col-9{
	margin-top: 10px;
}
.align-center .iconfont{
	font-size: 60px!important;
	color: #333333;
}
.triangle{
	position: relative;
}
.triangle:before{
	content:"";
	position:absolute;
	top:-10px;
	left:50%;
	border-bottom:10px solid #1C2331;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
}
.tab_container{
	background:rgba(255,255,255,1);
	box-shadow:0px 2px 8px 0px rgba(0,0,0,0.1)
}
.customer_item{
	margin-top:15px;
}
#myTab li{
	width: 11%;
	height: 60px;
line-height: 60px;
	cursor: pointer;
	text-align: center;
	float: left;
}
.tab_active{
	background: #47A1FF;
}
.contact_form{
	padding:30px 20px;
	width:65%;
	margin:30px auto 10px;
	background:rgba(255,255,255,1);
	box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1);
	border-radius:20px;
}
#myTab li.active{
	background:rgba(71,161,255,1);
	
}
#myTab li.active a{
	color: #fff;
}
#myTab{
	overflow: hidden;
}
.mt_5{
	margin-top: 5px;
}
.file-btn{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	    left: 0;
	    outline: none;
	    background-color: transparent;
	    filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
.myPage{
	margin-bottom: 30px;
	text-align: center;
	margin-top: 45px;
    padding-bottom: 30px;

}

.active{
	display: block!important;
}
.friends_item.item_shadow{
	border-color: transparent!important;
}
.show-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: none;
    overflow: hidden;
}
.show-img img {
    width: 100%;
    height:100%;
}
.show-img-part{
	position: relative;
}
.view{
	z-index: 3;
}
/* +照片动画 */
.animate31 {
	z-index:2;
	visibility: visible;
	display: block;
	animation-name: fadeInUp;
	animation: showUp .8s  ease-out both;
	-webkit-animation: showUp .8s  ease-out both;
	-ms-animation: showUp .8s   ease-out both;
	-o-animation: showUp .8s  ease-out both;
	-moz-animation: showUp .8s  ease-out both;
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes showUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@-webkit-keyframes showUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@-ms-keyframes showUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@-ms-keyframes showUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes showUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
.p_re{
	position: relative;
}
.swiper-container{
	padding-top: 50px!important;
}
.swiper-container img{
	width:170px;
	height: 250px;
}
.fs_24.iconfont{
	font-size:24px;
}
.fs_28.iconfont{
	font-size:28px;
}

// 激活的样式（选中的当前项）	
.swiper-container .swiper-slide.swiper-slide-active,{	
  transform: scale(1.2);
  z-index: 2; 
}
.swiper-container .swiper-slide.swiper-slide-active img{	
width: 230px;
    height: 325px;
    margin-top: -36px;
}

.swiper-container-index {
  width: 100%;
  height: 100%;
}
.swiper-container-index .swiper-slide {
	width: 100%;
	height: 100%;
}
.swiper-container-index .swiper-slide img{
	width: 100%;
	height: 100%;
	opacity: 1;
}
.swiper-container-index{
	--swiper-theme-color: #fff;
}
.swiper-container-index .swiper-prev,.swiper-container-index .swiper-next{
	position: absolute;
	top: 50%;
	z-index: 13;
	padding: 10px;
	color: #fff;
	background: rgba(0,0,0,.2);
	font-size: 25px;
	cursor: pointer;
}
.swiper-container-index .swiper-prev{
	left: 20px;
}
.swiper-container-index .swiper-next{
	right: 20px;
}