@charset "utf-8";
/* @font-face{
    font-family:myFont_L;
    src:url('../font/Alibaba-PuHuiTi-Light.ttf'),url('../font/Alibaba-PuHuiTi-Light.woff');
}
@font-face{
    font-family:myFont_R;
    src:url('../font/Alibaba-PuHuiTi-Regular.ttf'),url('../font/Alibaba-PuHuiTi-Regular.woff');
}
@font-face{
    font-family:myFont_B;
    src:url('../font/Alibaba-PuHuiTi-B.ttf'),url('../font/Alibaba-PuHuiTi-B.woff');
}
@font-face{
    font-family:myFont_H;
    src:url('../font/Alibaba-PuHuiTi-H.ttf'),url('../font/Alibaba-PuHuiTi-H.woff');
}
@font-face{
    font-family:myFont_M;
    src:url('../font/Alibaba-PuHuiTi-Medium.ttf'),url('../font/Alibaba-PuHuiTi-Medium.woff');
}
.web-myFont_L{font-family:myFont_L;}
.web-myFont_R{font-family:myFont_R;}
.web-myFont_B{font-family:myFont_B;}
.web-myFont_H{font-family:myFont_H;}
.web-myFont_M{font-family:myFont_M;} */
@keyframes sec_banner{
    0%{transform: scale(1.1); opacity: 0.1;}
    20%{ opacity: 1;}
    100%{transform: scale(1);}
}
@keyframes zhuanquan {
    0% {
        -ms-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
    }
    25% {
        -ms-transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		transform:rotate(90deg);
    }
    50% {
        -ms-transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg);
    }
    75% {
        -ms-transform:rotate(270deg);
		-webkit-transform:rotate(270deg);
		transform:rotate(270deg);
    }

    100% {
        -ms-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
    }
}
body {
    font-family: "pingfang", "PingFang SC", "Microsoft Yahei", "Helvetica Neue", arial, \5b8b\4f53, Helvetica, STHeiTi, sans-serif;
    color: #333;
}
.banner {
	position: relative;
	box-sizing: border-box;
	width: 100%;
}
/* .hight-box{
	height: calc(100% - 60px);
} */
.banner .swiper-container,
.banner .swiper-slide {
	overflow: hidden;
	width: 100%;
	
}
.banner .swiper-slide {
	position: relative;
	background-position: center;
    background-size: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}
.banner .swiper-slide img {
	width: 100%;
	height: auto;
}
/* .banner .swiper-slide-active img{
    animation:sec_banner 5s; 
    animation-timing-function: ease-out;
} */
.banner img {
	width: 100%;
	height: auto;
}
/* banner分页 */
.banner .swiper-pagination {font-size: 0; bottom: 70px;}
.banner .swiper-pagination span{background: rgb(255 255 255 / 60%); height: 4px; width: 60px; margin: 0 10px !important; border-radius: 0px; opacity: 1; position: relative;}
.banner .swiper-pagination .swiper-pagination-bullet-active i { display: inline-block; height: 100%; width: 100%; border-radius: 0px;position: absolute; left: 0; top: 0; background-color: white; animation:swiper-load 3s linear 0s 1 normal forwards}
@keyframes swiper-load {
    0% {
        width: 0;
    }
    to {
        width: 100%;
    }
}
.banner .swiper-pagination span::after{
	content: " ";
	display: block;
	position: absolute;
	height: 4px;
	border-radius: 0px;
	width: 0;
	background-color: #406494;
}
.banner .swiper-pagination span.swiper-pagination-bullet-active::after{
	width: 100%;
	animation: swiper-load 5s linear 0s 1 normal forwards;
}
/*banner上面的文案*/
.banner .ba_box{
	position: absolute;
    vertical-align: middle;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0.6rem;
    text-align: center;
	opacity: 0;
}
.banner .ba_txt{
	margin: 0 auto;
	text-align: left;
}
.banner .ba_txt h3{
	font-size: 60px;
  	font-weight: bold;
  	color: #333;
}
.banner .ba_txt h5{
  	font-size: 50px;
  	font-weight: bold;
  	color: #333;
  	line-height: 1.6;
    font-family: 'iconfont';
}
/* 通过属性选择器结合伪元素before 实现文字外描边效果 */
[data-content]::before {
  /* attr()是用来获取被选中元素的某属性值,并且在样式文件中使用 */
  content: attr(data-content);
  position: absolute;
  /* 实现元素外描边的关键 */
  -webkit-text-stroke: 0;
  /* 文本颜色 */
  color: #fff;
}
.banner .ba_txt i{
	width: 40px;
    height: 4px;
    background-color: #333;
    display: block;
    margin-bottom: 20px;
    margin-left: 3px;
}
.banner .ba_txt p{
	font-size: 14px;
    color: #333333;
    text-transform: uppercase;
}
.banner .ba_txt div{
	font-size: 26px;
	margin: 80px 0;
	color: #333;
	font-weight: bold;
}
.banner .ba_txt a{
	display: block;
	width: 141px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	border: 1px solid #bbb;
    color: #fff;
    transition: transform 2s;
    box-sizing: border-box;
}
.banner .ba_txt a:hover{
	border: 1px solid #fff;
}
.banner .swiper-slide-active .ba_box{
	-webkit-animation: fadeInLeft 1.4s ease-in-out;
	animation: fadeInLeft 1.4s ease-in-out;
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
/* 安全哲学 */
.cont2{
	height: 850px;
	position: relative;
}
.c2_txt{
	position: absolute;
    bottom: 50%;
    margin-bottom: -161px;
}
.c2_txt a{
	display: block;
	color: #fff;
}
.c2_txt h3{
	font-size: 80px;
    color: #323232;
    font-weight: bold;
    text-align: center;
    font-family: 'iconfont';
}
.c2_txt h5{
	font-size: 45px;
    color: #000;
    font-weight: bold;
    text-align: left;
}
.c2_txt p{
	line-height: 2.5;
    font-size: 40px;
    color: #000;
    font-weight: 400;
    text-align: left;
}
.c2_txt div{
	text-align: center;
    font-size: 17px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #333;
    width: 88px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 50px;
}
.c2_txt div i{
	transition: all .5s;
	font-size: 20px;
}
/* .c2_txt a:hover i{
	margin-left: 15px;
} */
/* 智慧未来 */
.cont3 {
	background-color: #fff;
	/* padding-bottom: 80px; */
}
.cont3 .c3_l{
	width: 70%;
}
.cont3 .c3_r{
	width: 28%;
}
.cont3 .c3_l a{
	overflow: hidden;
	margin-bottom: 10px;
	display: block;
}
.c4_r ul{
	display: flex;
	justify-content: space-between;
}
.c4_r ul li{
	width: 32%;
}
.cont3 .c3_l img,.c3_r img,.c4_r ul li img{
	width: 100%;
	display: block;
	transition: transform .9s ease;
}
.c4_r ul li img{
	height: 15rem;
    object-fit: cover;
}
.c4_r ul li a{
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
}
.cont3 .c3_l h3,.cont3 .c3_r h3,.c4_r ul li h3{
	font-size: 16px;
	font-weight: 800;
	color: #050303;
}
.c4_r ul li h3,.c4_r ul li p{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
}
.cont3 .c3_l_t,.cont3 .c3_r_t{
	margin-bottom: 60px;
	cursor: pointer;
}
.cont3 .c3_l p,.cont3 .c3_r p,.c4_r ul li p{
	color: #7d7d7d;
	font-size: 16px;
}
.cont3 .c3_r_b a{
	display: block;
	overflow: hidden;
	height: 468px;
	margin-bottom: 10px;
}
.cont3 .c3_r_b img{
	height: 100%;
	object-fit: cover;
	transition: transform .9s ease;
}
.cont3 .c3_l_t a{
	display: block;
	height: 468px;
	overflow: hidden;
	margin-bottom: 10px;
}
.cont3 .c3_l_t img{
	height: 100%;
	object-fit: cover;
	transition: transform .9s ease;
}
.cont3 .c3_l_b1 img,.cont3 .c3_l_b2 img{
	height: 245px;
	object-fit: cover;
	transition: transform .9s ease;
}
.c3_l_b .c3_l_b1,.c3_l_b .c3_l_b2,.c3_r_b,.c4_r ul li{
	cursor: pointer;
}
.cont3 .c3_r_t a{
	height: 245px;
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
}
.cont3 .c3_r_t img{
	height: 100%;
	object-fit: cover;
	transition: transform .4s ease;
}
.c4_r ul li a:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.cont3 .c3_r_b a:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.cont3 .c3_r_t a:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.cont3 .c3_l a:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.cont3 .c3_l_t a:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
/* 资讯服务 */
.cont4{
	padding: 80px 0;
}
.cont4 .c4_l{
	margin-bottom: 60px;
}
.cont4 .c4_l_img img{
	width: 100%;
	transition: transform .9s ease;
}
.cont4 .c4_l_time{
	width: 30%;
}
.cont4 .c4_l_time h3{
	font-size: 30px;
	color: #050303;
	font-weight: 800;
}
.cont4 .c4_l_time div{
	color: #8e8e8e;
	font-size: 30px;
	margin: 10px 0;
}
.cont4 .c4_l_time p{
	font-size: 28px;
	color: #050303;
}
.cont4 .c4_l_time a{
	width: 120px;
	height: 35px;
	position: relative;
	line-height: 35px;
	padding: 0;
	font-size: 14px;
	text-align: center;
	display: block;
	border: 1px solid #999;
	color: #000f16;
	margin-top: 50px;
	cursor: pointer;
	transition: transform 2s;
}
.cont4 .c4_l_time a:hover{
	background-color: #0073e6;
	color: #fff;
	border: none;
}
.cont4 .c4_l_img{
	width: 66%;
	overflow: hidden;
	cursor: pointer;
}
.cont4 .c4_l_img:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
/* 宫菱中国 */
.cont5{
	width: 100%;
}
.cont5 .c5_img{
	height: 720px;
	position: relative;
}
.cont5 .c5_img picture img{
	width: 100%;
}
.cont5 .c5_txt{
	text-align: center;
	color: #fff;
	position: absolute;
	width: 100%;
	/* height: 100%; */
	top: 40%;
	justify-content: center;
	align-items: center;
	display: flex;
}
.cont5 .c5_txt h1{
	font-size: 50px;
	color: #333;
	font-weight: bold;
}
.cont5 .c5_txt p{
	font-size: 30px;
	color: #333;
	letter-spacing: 2px;
}
.cont5 .c5_txt i{
	width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333;
    font-size: 17px;
    border-radius: 50px;
    border: 1px solid #333;
    display: block;
    margin: 30px auto 0 auto;
}
/* 窗口悬浮 */
.s_spserv__wrap {
    position: fixed;
    right: 16px;
    bottom: 82px;
    padding: 9px;
    z-index: 9
}

.s_spserv__wrap-morebottom {
    bottom: 115px
}

.s_spserv__wrap-backtop {
    bottom: 117px
}

.s_spserv__item {
    width: 48px;
    height: 48px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
    cursor: pointer;
    position: relative;
    color: #333
}

.s_spserv__item:last-of-type {
    margin-bottom: 0
}

.s_spserv__pic {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    color: #666;
    width: 48px;
    height: 48px;
    border-radius: 50px;
    text-align: center;
    line-height: 48px;
    transition: .4s;
}
.s_spserv__pic .iconfont{
    font-size: 25px;
}
.s_spserv__pic:hover{
    background:#999fff;
    color:#fff;
}

.s_spserv__line-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.s_spserv__hoverarea{
    -webkit-animation: spservhover .3s ease-out 0s forwards;
    animation: spservhover .3s ease-out 0s forwards;
    display: none;
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translate(-100%, -50%);
    padding: 15px 15px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
    border-radius: 6px;
    max-width: 252px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 16px;
    color: #333;
    line-height: 22px
}
.not-ie-hoverarea:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: 50%;
    right: 0;
    transform: translate(-100%, -50%) rotate(45deg);
    right: -12px;
    filter: drop-shadow(2px -2px 1px rgba(0, 0, 0, .05));
    background: #fff
}

.s_spserv__hoverarea-block {
    display: block
}
.s_spserv__wxpic {
    width: 110px;
    height: 110px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 9px auto
}

.s_spserv__hoverarea-wx {
    text-align: center;
    padding: 15px 15px
}
.back_top_wrapper{
    position: fixed;
    right: 22px;
    bottom: 65px;
    z-index: 200;
    transition: bottom .3s ease;
    width: 48px;
    height: 48px;
    background:#132845;
    text-align: center;
    line-height: 48px;
    border-radius: 50px;
    transition: .4s;
}
.back_top_wrapper .iconfont{
    font-size: 30px;
    color:#fff;
}
.back_top_wrapper:hover{
    cursor: pointer;
    position: fixed;
    right: 24px;
    bottom: 52px;
}
/* 居中 */
.index-view{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    justify-content: center;
    align-items: center;
    display: flex;box-sizing: border-box;
}
.index-view-div{
	width: 100%;
}
.main {
    width: 100%;
    height: 100%;
    background-color: #000;
}
.main>.swiper-container {
    min-width: 1200px;
    height: 100%;
    width: 100%;
    border-top: 0;
    overflow: hidden;
    /* position: absolute;
    left: 0;
    top: 0; */
}
/* 内页开始 */
.s1{
	
	position: relative;
	background-size: cover;
}
.s2{
	
	position: relative;
	background-size: cover;
}
.s3{
	
	position: relative;
	background-size: cover;
}
.s4{
	
	position: relative;
	background-size: cover;
}
.s5{
	position: relative;
	background-size: cover;
}
.s6{
	position: relative;
	background-size: cover;
}
.s7{
	background-color: #fff;
}
.color-fff{
	color: #fff;
}
.color-050303{
	color: #050303;
}
.boder-050303{
	border: 1px solid #050303 !important;
}
.s-title{
	
}
.s-title-h3{
	margin-bottom: 20px;
}
.s-title-h3 p{
	font-size: 34px;
}
.s-t-b p{
	/* font-weight: 100; */
	font-size: 16px;
	line-height: 2;
}
.s-title a{
	/* font-weight: 100; */
	width: 120px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	font-size: 16px;
	border: 1px solid #ececec;
	display: block;
	transition: .5s;
}
.s-t-b{
	margin-bottom: 30px;
}
.s-title a:hover{
	border: 1px solid #fff;
}
.s-r{
	float: right;
}
.s-t-r{
	text-align: right;
}
.s-title{
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.s1.swiper-slide-active .s-title,.s2.swiper-slide-active .s-title,.s3.swiper-slide-active .s-title,.s4.swiper-slide-active .s-title,.s5.swiper-slide-active .s-title,.s6.swiper-slide-active .s-title{
	-webkit-animation: fadeInLeft 1.5s ease-in-out;
	animation: fadeInLeft 1.5s ease-in-out;
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
/* 新闻中心 */
.news-box{
	padding: 80px 0;
	background-color: #f2f2f2;
}
.title-news{
	margin-bottom: 80px;
}
.title-news h3{
	font-size: 46px;
	font-weight: bold;
}
.news-list ul li{
	background-color: #fff;
	margin-bottom: 10px;
}
.news-list ul li .news-img{
	width: 60%;
	position: relative;
	overflow: hidden;
}
.news-list ul li .news-img img{
	width: 100%;
	height: 454px;
	object-fit: cover;
	-webkit-transition: -webkit-transform .3s ease-in;
	transition: -webkit-transform .3s ease-in;
	transition: transform .3s ease-in;
	transition: transform .3s ease-in, -webkit-transform .3s ease-in;
}
.news-list ul li .mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/blank30.png);
	opacity: 0;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}
.news-list ul li a:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.news-list ul li .mask i{
	display: block;
	height: 100%;
	background: url(../images/icon_item_02.png) center no-repeat;
	opacity: .6;
}
.news-list ul li a:hover .mask {
    opacity: 1;
}
.news-list ul li a:hover .news-info i{
    color: #f50f40;
}
.news-list ul li .news-txt{
	width: 40%;
	padding: 50px 30px;
	box-sizing: border-box;
	height: 454px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.news-list ul li .news-des{
	
}
.news-list ul li .news-des div{
	color: #404040;
	font-size: 14px;
	margin-bottom: 10px;
}
.news-list ul li .news-des h3{
	color: #050303;
	font-size: 22px;
	margin-bottom: 30px;
}
.news-list ul li .news-des p{
	text-align: justify;
	font-size: 14px;
	line-height: 2;
	color: #5a5a5a;
}
.news-list ul li .news-info{
	border-top: 1px solid #ddd;
}
.news-list ul li .news-info i{
	font-size: 50px;
	color: #646464;
	display: block;
	width: 100%;
	text-align: right;
}
/* 新闻详情页 */
.secondNav_loc{
	line-height: 70px;
	height: 70px;
	color: #999;
}
.secondNav_loc span, .secondNav_loc a {
    color: #999;
    transition: color .3s ease-in-out;
}
.delBack>a {
    background-image: linear-gradient(to left, #1d1e22, #1d1e22,#1d1e22, #1d1e22);
	width: 114px;
	height: 34px;
	font-size: 14px;
	border-radius: 34px;
	line-height: 34px;
	display: block;
	text-align: center;
	color: #fff;
}
.delBack>a>i {
    margin-right: 5px;
    font-size: 16px;
}
.news-nr-box{
	padding: 50px 0;
	border-top: 1px solid #ddd;
	margin-top: 50px;
}
.news-nr-box img{
	width: 100%;
}
.news-nr-box p{
	text-align: justify;
	font-size: 16px;
	margin: 20px 0;
	line-height: 3;
}
.news-nr-box h3{
	font-size: 22px;
	color: #333;
	text-align: center;
	line-height: 1.4;
	margin-bottom: 10px;
	font-weight: bold;
}
.news-nr-box .line{
	padding-bottom: 50px;
	margin-bottom: 50px;
	text-align: center;
	font-size: 14px;
	color: #666;
}
.delHandle {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 70px;
	width: 100%;
    line-height: 1;
    align-items: center;
    padding: 0 40px;
    justify-content: space-between;
}
.delHandle .item a i{
	font-size: 20px;
}
.delHandle .item a span{
	margin-right: 15px;
	font-size: 16px;
}
.delPrev-r a span{
	margin-left: 15px;
}
.aboutbox .swiper-slide:last-child{
	height: auto;
}
/* 首页左侧按钮样式 */
.main>.swiper-container {
    min-width: 1200px;
    height: 100%;
    width: 100%;
    border-top: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.main>.swiper-container>.swiper-pagination {
    left: 10px;
    width: 15px;
    top: 48%;
}
.main .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 25px 0px 25px auto;
}
.main .swiper-pagination-bullet {
	width: 10px;
	height: 2px;
	opacity: 1;
	border-radius: 0;
	background-color: #fff;
}
.main .swiper-container-vertical>.swiper-pagination-bullets{
	left: 10px; width: 40px;
}
.main .swiper-pagination-bullet-active {
	background-color: #406494;
	width: 15px;
}
.main .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{
	bottom: 30px;
}

.main>.swiper-container>.swiper-pagination{left: 10px;width: 15px;top: 48%;}
.main>.swiper-container>.swiper-pagination .swiper-pagination-bullet-active{
	left: 3px;
    background-color: #fff !important;
    width: 10px !important;
    height: 10px !important;
    border: 1px solid #406494;
}
.main>.swiper-container>.swiper-pagination .swiper-pagination-bullet{
	width: 8px;
    margin: 25px 0px 25px auto;
    display: block;
    height: 8px;
    opacity: 1;
    border-radius: 50%;
    background-color: #0073e6;
    position: relative;
    cursor: pointer;
}
.main>.swiper-container>.swiper-pagination .swiper-pagination-bullet i{width: 35px; position: absolute;left: 25px;color:#fff;top: -5px;opacity: 0}
.main>.swiper-container>.swiper-pagination .swiper-pagination-bullet-active i{
	color:#fff;left: 18px !important;
    -webkit-animation: fadeInopacity 0.3s ease-in-out;
	animation: fadeInopacity 0.3s ease-in-out;
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
/* 返回箭头 */
#back_top{position:fixed;right:2vw;bottom:4vw;transform:translateY(100%);-webkit-transform:translateY(100%);z-index:888;transition:all .6s;}
#back_top.onshow{opacity:1;-webkit-opacity:1;visibility:visible;transform:none;-webkit-transform:none;}
#back_top .master_backTop .master_aperture{background: linear-gradient(to bottom, #0073e6, #0073e6);position:absolute;width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%;
opacity:0;-webkit-opacity:0;z-index:-1;}
#back_top .master_backTop .master_backTop_btn{color:#fff;width:50px;height:50px;border-radius:50%;-webkit-border-radius:50%;
align-items:center;justify-content:center;z-index:2;background: linear-gradient(to bottom,#0073e6, #0073e6);}
#back_top .master_backTop .master_backTop_btn .master_backTop_txt>i{font-size:24px;}
#back_top .master_backTop .master_aperture.circle01{animation:scalej01 2s .5s infinite;-webkit-animation:scalej01 2s .5s infinite;}
@keyframes scalej01{
	0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{ transform:scale(1.5);-webkit-transform:scale(1.5);opacity:0;-webkit-opacity:0;}
}  
@-webkit-keyframes scalej01{
	0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{ transform:scale(1.5);-webkit-transform:scale(1.5);opacity:0;-webkit-opacity:0;}
}  
#back_top .master_backTop .master_aperture.circle02{animation:scalej02 2s infinite;-webkit-animation:scalej02 2s infinite;}
@keyframes scalej02{
	0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;}
}  
@-webkit-keyframes scalej02{
	0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;}
}  

.bubble{width:100%;height:100%;position:absolute;left:0;top:0;} 
.bubble span,.back_bubble span{display:block;width:20px;height:20px;border-radius:50%;-webkit-border-radius:50%;z-index:-1; 
transition: ease 1s;-webkit-transition: ease 1s;position:absolute;left:50%;background: linear-gradient(to bottom, #0073e6, #0073e6);
bottom:0px;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity:0;-webkit-opacity:0;}
.bubble span:nth-child(1){animation:pao 4s linear infinite;-webkit-animation:pao 4s linear infinite;}
.bubble span:nth-child(2){animation:pao3 6s linear infinite;-webkit-animation:pao3 6s linear infinite;
-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.bubble span:nth-child(3){animation:pao2 3s linear infinite;-webkit-animation:pao2 3s linear infinite;
-webkit-transition-delay:0.8s;transition-delay:0.8s;}
.bubble span:nth-child(4){animation:pao4 9s linear infinite;-webkit-animation:pao4 9s linear infinite;}
.bubble span:nth-child(5){animation:pao5 7s linear infinite;-webkit-animation:pao5 7s linear infinite;}
 @keyframes pao{
 	0% {
 		transform: translate(200%,-30px) rotate(360deg) scale(.5,.5);
 		-webkit-transform: translate(200%,-30px) rotate(360deg) scale(.5,.5);
 		opacity:1;-webkit-opacity:1;
 	}
 
 	50% {
 		transform: translate(0%,-70px) rotate(360deg) scale(.8,.8);
 		-webkit-transform: translate(0%,-70px) rotate(360deg) scale(.8,.8);
 		opacity:.5;-webkit-opacity:.5;
 	}
 
 	100% {
 		transform: translate(-200%,-100px) rotate(360deg) scale(1,1);
 		-webkit-transform: translate(-200%,-100px) rotate(360deg) scale(1,1);
 		opacity:0;-webkit-opacity:0;
 	
 	}
 }
 @keyframes pao2 {
 	0% {
 		transform:translate(-200%,0px) rotate(360deg) scale(1,1);
 		-webkit-transform:translate(-200%,0px) rotate(360deg) scale(1,1);
 		opacity:1;-webkit-opacity:1;
 	}
 
 	50% {
 		transform: translate(250%,-50px) rotate(360deg) scale(.8,.8);
 		-webkit-transform: translate(250%,-50px) rotate(360deg) scale(.8,.8);
 		opacity:.5;-webkit-opacity:.5;
 	}
 
 	100% {
 		transform: translate(100%,-100px) rotate(360deg) scale(.5,.5);
 		-webkit-transform: translate(100%,-100px) rotate(360deg) scale(.5,.5);
 		opacity:0;-webkit-opacity:0;
 	
 	}
 }
 @keyframes pao3 {
 	0% {
 		transform: translate(0%,0px) rotate(360deg) scale(1,1);
 		-webkit-transform: translate(0%,0px) rotate(360deg) scale(1,1);
 		opacity:1;-webkit-opacity:1;
 	}
 
 	50% {
 		transform: translate(-250%,-50px) rotate(360deg) scale(.8,.8);
 		-webkit-transform:translate(-250%,-50px) rotate(360deg) scale(.8,.8);
 		opacity:.5;-webkit-opacity:.5;
 	}
 
 	100% {
 		transform: translate(-300%,-100px) rotate(360deg) scale(.5,.5);
 		-webkit-transform:translate(-300%,-100px) rotate(360deg) scale(.5,.5);
 		opacity:0;-webkit-opacity:0;
 	
 	}
 }
@keyframes pao4 {
	0% {
		transform: translate(400%,0px) rotate(360deg) scale(1,1);
		-webkit-transform: translate(400%,0px) rotate(360deg) scale(1,1);
		opacity:1;-webkit-opacity:1;
	}

	50% {
		transform: translate(400%,-50px) rotate(360deg) scale(.8,.8);
		-webkit-transform: translate(400%,-50px) rotate(360deg) scale(.8,.8);
		opacity:.5;-webkit-opacity:.5;
	}

	100% {
		transform: translate(-100%,-100px) rotate(360deg) scale(.5,.5);
		-webkit-transform: translate(-100%,-100px) rotate(360deg) scale(.5,.5);
		opacity:0;-webkit-opacity:0;
	}
}
@keyframes pao5 {
	0% {
		transform: translate(-400%,0px) rotate(360deg) scale(.1,.1);
		-webkit-transform:translate(-400%,0px) rotate(360deg) scale(.1,.1);
		opacity:1;-webkit-opacity:1;
	}

	50% {
		transform: translate(-400%,-50px) rotate(360deg) scale(.6,.6);
		-webkit-transform: translate(-400%,-50px) rotate(360deg) scale(.6,.6);
		opacity:.5;-webkit-opacity:.5;
	}

	100% {
		transform: translate(0%,-100px) rotate(360deg) scale(1,1);
		-webkit-transform: translate(0%,-100px) rotate(360deg) scale(1,1);
		opacity:0;-webkit-opacity:0;
	}
}