/***************
  *  页面样式
  ***************/

/* ==============
	基本默认值
   ============== */
@font-face {

	font-family: 'Alibaba PuHuiTi 2.0 55';
	src: url('../fonts/AlibabaPuHuiTi_2_55_Regular.woff2') format('woff2'),
	url('../fonts/AlibabaPuHuiTi_2_55_Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;

	
}

html{
	font-size: 62.5%;
	color: #222;
}
::selection{
	background-color: #b3d4fc;
	text-shadow: none;
}
ul,p{
	margin: 0;
	padding: 0;
}
li{
	list-style: none;
}

.clear {
	display:block;
	content:'';
	clear:both
}

.code_img{
	width: 140px;
	height: 140px;
}
/* ==============
	自定义页面样式
   ============== */
/*  1rem = 60px;*/

/* 头部导航 */
.side-head{
	position: fixed;
    z-index: 996;
    top: 0;
    left: 0;
    right: 5px;
    padding: 0 95px 0 40px;
	border: 1px solid;
    height: 80px;
    line-height: 80px;

}


.side-logo {
	border: 1px solid;
	position:absolute;
	top:0;
	left:40px;
	height:100%;
	font-size:0;
	max-width:45%;
	z-index:3
}

.side-logo a img {
    display: inline;
    padding: 15px 0;
    max-width: 100%;
    max-height: 80px;
}

.sign-box {
	float:right;
	overflow:hidden;
	position:relative;
	z-index:2
}
.sign-box>ul {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	width:3999px;
	border: 1px solid red;
	
}
.sign-box>ul:after {
	display:block;
	content:'';
	clear:both
}
.sign-box>ul>li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	white-space:nowrap;
	cursor:pointer;
	text-align: center;
}
.sign-box.active>ul>li:hover {
	margin-bottom:300px
}
.sign-box>ul>li>a {
	display:block;
	position:relative
}
.sign-box>ul>li>a:before {
	position:absolute;
	top:15%;
	right:5%;
	bottom:15%;
	left:5%;
	z-index:1;
	content:'';
	opacity:0;
	border-radius:99px;
	border-width:1px;
	border-style:solid;
	border-color:#ffffff;
	border-color:#000000;
	transform:scale(.6,.6);
	-moz-transform:scale(.6,.6);
	-ms-transform:scale(.6,.6);
	-o-transform:scale(.6,.6);
	-webkit-transform:scale(.6,.6);
	transition:transform .5s,opacity .3s;
	-moz-transition:transform .5s,opacity .3s;
	-ms-transition:transform .5s,opacity .3s;
	-o-transition:transform .5s,opacity .3s;
	-webkit-transition:transform .5s,opacity .3s
}
.sign-box>ul>li.active>a:before {
	visibility:visible;
	opacity:.4;
	transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
	-o-transform:scale(1,1);
	-webkit-transform:scale(1,1)
}
.sign-box>ul>li>a:before {
	border:none;
	/* background:#ffffff;


	background:#00c0ff; */
	background:linear-gradient(to right , #2af598, #009efd);
}
.sign-box>ul>li.active>a:before {
	opacity:1
}
.sign-box>ul>li.active>a b {
	color:#ffffff
}
.sign-box>ul>li>a>b {
	/* font-size: .24rem; */
	
	display:block;
	padding:0 25px;
	font-size: 50px;
	position:relative;
	z-index:2;
	color:#ffffff;
	color:#000000;
	opacity:.8;
	transition:color .3s;
	-moz-transition:color .3s;
	-ms-transition:color .3s;
	-o-transition:color .3s;
	-webkit-transition:color .3s
}
.sign-box>ul>li.active>a>b {
	opacity:1
}


/* 头部导航样式 */
.head_navs{
	width: 100%;
	min-width: 20rem;
	position: fixed;
    top: 0px;
    width: 100%;
	height: 1.5833rem;
	z-index: 100;
}


.head_navs_view{
	width: 20rem;
	/* border: 1px solid pink; */
	margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.head_navs_view:before {
    position: absolute;
    left:0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    /* z-index: 1; */
    display: block;
    content: '';
	/* border: 1px solid red; */
	background-color: transparent;
	backdrop-filter: blur(0.2px);
	z-index: -11;

	/* //毛玻璃属性 */
  	/* background-color: #FFFFFF;
    filter: brightness(0.4);
    -webkit-backdrop-filter: saturate(1) blur(50px);
    backdrop-filter: saturate(1) blur(50px); 

	z-index: -111; */

	    /* background-color: hsla(0,0%,100%,.2); */



	
}




.logo{
	width: 3.4667rem;
	height: 1.2167rem;
}

.logo_img{
	width: 3.4667rem;
	height: 1.2167rem;
}

.head_box{
	/* min-width:600px; */
}
.head_box ul{
	display: flex;
	/* min-width:600px; */
}

.head_box ul li{

	margin-left: .0833rem;
	border-radius: 99px;
	cursor: pointer;
	

}

.head_box ul li.nav_active{
	background:linear-gradient(to right , #2af598, #009efd);

}

.head_box ul li.nav_active a{
	color: #ffffff;
	text-decoration: none;
}
.head_box ul li a{
	width:2.0rem;
	height: .6333rem;
	display: flex;
	align-items: center;
    justify-content: center;
	font-size: .2667rem;
	font-family: 'Alibaba PuHuiTi 2.0 55';
	text-decoration: none;
	color: #000;
	
}
@media (max-width:1200px) {
	.head_box ul li a{
		width:2.8rem;
	}
}

.head_box ul li a b{
	
	font-size: .2667rem;
	font-family: 'Alibaba PuHuiTi 2.0 55';
}


/* 右侧导航按钮样式 */
.head_nav_btn{
	width: 40px;
    height: 30px;
	/* border:1px solid; */
    position: fixed;
    right: .6667rem;
    top: .3333rem;
    cursor: pointer;
    z-index: 1000;
	transition:.2s .1s;
	-moz-transition:.2s .1s;
	-ms-transition:.2s .1s;
	-o-transition:.2s .1s;
	-webkit-transition:.2s .1s;
	transition:0.4s cubic-bezier(0.215,0.61,0.355,1);
	-moz-transition:0.4s cubic-bezier(0.215,0.61,0.355,1);
	-ms-transition:0.4s cubic-bezier(0.215,0.61,0.355,1);
	-o-transition:0.4s cubic-bezier(0.215,0.61,0.355,1);
	-webkit-transition:0.4s cubic-bezier(0.215,0.61,0.355,1);
}


.head_nav_btn hr {
	height:4px;
	/* background:#ffffff; */
	background:#009efd;
	display:block;
	margin:0;
	padding:0;
	border:none;
	position:absolute;
	transition:.5s .3s;
	-moz-transition:.5s .3s;
	-ms-transition:.5s .3s;
	-o-transition:.5s .3s;
	-webkit-transition:.5s .3s
}

.head_nav_btn hr:nth-child(1) {
	width:100%;
	top:0;
	right:0;
	background: linear-gradient(to right , #2af598, #009efd);
}
.head_nav_btn hr:nth-child(2) {
	width:40%;
	top:50%;
	left:0;
	margin-top:-2px;
	background:#2af598;
	opacity:1
}
.head_nav_btn hr:nth-child(3) {
	width:40%;
	top:50%;
	right:0;
	margin-top:-2px;
	background:#009efd;
	opacity:1
}
.head_nav_btn hr:nth-child(4) {
	width:100%;
	bottom:0;
	right:0;
	background: linear-gradient(to right , #2af598, #009efd);
}


body.right_open .head_nav_btn {
	right:324px
}
@media (max-width:320px) {
	body.right_open .head_nav_btn {
	left:2px
}
}body.right_open .head_nav_btn hr:nth-child(1) {
	width:100%;
	top:50%;
	margin-top:-2px;
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform-origin:center;
	-moz-transform-origin:center;
	-ms-transform-origin:center;
	-o-transform-origin:center;
	-webkit-transform-origin:center
}
body.right_open .head_nav_btn hr:nth-child(2) {
	opacity:0;
	left:-50%
}
body.right_open .head_nav_btn hr:nth-child(3) {
	opacity:0;
	right:-50%
}
body.right_open .head_nav_btn hr:nth-child(4) {
	width:100%;
	bottom:50%;
	margin-bottom:-2px;
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform-origin:center;
	-moz-transform-origin:center;
	-ms-transform-origin:center;
	-o-transform-origin:center;
	-webkit-transform-origin:center
}



.head_nav_btn{
	display: none;
}


@media(max-width: 700px){

	.head_nav_btn {

		display: block;
	}

	.head_box{
		display: none;
	}
}

/* 菜单导航的遮罩层 */

body.right_open  .head_nav_box {
	width: 200%;
    right: 0;
}
body.right_open .nav_box_shadow {
    opacity: 1;
    visibility: visible;
}
.head_nav_box{
	position: fixed;
    top: 0px;
   	width: 300px;
    right: -300px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 997;
    color: #ffffff;
    color: #111111;
	
    transition: right .4s cubic-bezier(0.215,0.61,0.355,1);
    -moz-transition: right .4s cubic-bezier(0.215,0.61,0.355,1);
    -ms-transition: right .4s cubic-bezier(0.215,0.61,0.355,1);
    -o-transition: right .4s cubic-bezier(0.215,0.61,0.355,1);
    -webkit-transition: right .4s cubic-bezier(0.215,0.61,0.355,1);
}

/* 直接让滚动条消失 */
.head_nav_box::-webkit-scrollbar {
	width:0!important
}


.head_nav_met_m1156_1_38 .side-bin{
	width:100%;
	z-index:3;
	position:relative;
	transition:.3s .1s;
	-moz-transition:.3s .1s;
	-ms-transition:.3s .1s;
	-o-transition:.3s .1s;
	-webkit-transition:.3s .1s
}

.head_nav_box .head_nav_cut {
	position:relative;
	width:284px;
	height: 100vh;
	float:right
}


.head_nav_box .head_nav_cut:before {
	background:#ffffff;
	/* background:red; */
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:0;
	opacity:.975
}

.nav_box_shadow{
	width:3999px;
	height:100%;

	background:rgba(0,0,0,.5);

	position:absolute;
	z-index:1;
	top:0;
	right:100%;
	opacity:0;
	/* visibility:hidden;
	transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s;
	-o-transition:.3s;
	-webkit-transition:.3s; */
	

}


.nav_box_bin{
	width:100%;
	z-index:100;
	position:relative;
	transition:.3s .1s;
	-moz-transition:.3s .1s;
	-ms-transition:.3s .1s;
	-o-transition:.3s .1s;
	-webkit-transition:.3s .1s
}

.nav_box_bin .nav_search{
	display: none;
	overflow:hidden;
	opacity:1;
	transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transition:.6s .3s;
	-moz-transition:.6s .3s;
	-ms-transition:.6s .3s;
	-o-transition:.6s .3s;
	-webkit-transition:.6s .3s;
	transition-property:opacity,transform!important;
	-moz-transition-property:opacity,transform!important;
	-ms-transition-property:opacity,transform!important;
	-o-transition-property:opacity,transform!important;
	-webkit-transition-property:opacity,transform!important
}

.nav_box_bin .search_input {
	display: flex;
	width: 100%;
	margin-top: 60px;
	/* border: 1px solid red; */
	height: 50px;
}

.nav_box_bin .search_input input{
	width: 80%;
	border: 1px solid #FFF;
}

.nav_box_bin .search_input .iconfont{
	font-size: 30px;
	color: #CCC;
}
.nav_box_bin .head_nav_block{
	display: block;
    padding: 0;
    margin: 0;
    list-style: none;
}


.head_nav_block ul{
	display: block;
    padding: 0;
    margin: 0px 0 0;
    list-style: none;
}



.head_nav_block ul li.nav_first{
	display:block;
	position:relative;
	margin:0 0 1px 0;
	list-style:none;
	cursor:pointer;
	opacity:1;
	transform:translateY(50%);
	-moz-transform:translateY(50%);
	-ms-transform:translateY(50%);
	-o-transform:translateY(50%);
	-webkit-transform:translateY(50%);
	transition-property:opacity,transform!important;
	-moz-transition-property:opacity,transform!important;
	-ms-transition-property:opacity,transform!important;
	-o-transition-property:opacity,transform!important;
	-webkit-transition-property:opacity,transform!important;
	transition:.6s .95s;
	-moz-transition:.6s .95s;
	-ms-transition:.6s .95s;
	-o-transition:.6s .95s;
	-webkit-transition:.6s .95s;
	/* border: 1px solid red; */
}

.head_nav_block .nav_first:nth-child(1) {
	transition:.6s .4s;
	-moz-transition:.6s .4s;
	-ms-transition:.6s .4s;
	-o-transition:.6s .4s;
	-webkit-transition:.6s .4s
}
.head_nav_block .nav_first:nth-child(2) {
	transition:.6s .5s;
	-moz-transition:.6s .5s;
	-ms-transition:.6s .5s;
	-o-transition:.6s .5s;
	-webkit-transition:.6s .5s
}
.head_nav_block .nav_first:nth-child(3) {
	transition:.6s .59s;
	-moz-transition:.6s .59s;
	-ms-transition:.6s .59s;
	-o-transition:.6s .59s;
	-webkit-transition:.6s .59s
}
.head_nav_block .nav_first:nth-child(4) {
	transition:.6s .67s;
	-moz-transition:.6s .67s;
	-ms-transition:.6s .67s;
	-o-transition:.6s .67s;
	-webkit-transition:.6s .67s
}
.head_nav_block .nav_first:nth-child(5) {
	transition:.6s .74s;
	-moz-transition:.6s .74s;
	-ms-transition:.6s .74s;
	-o-transition:.6s .74s;
	-webkit-transition:.6s .74s
}
.head_nav_block .nav_first:nth-child(6) {
	transition:.6s .8s;
	-moz-transition:.6s .8s;
	-ms-transition:.6s .8s;
	-o-transition:.6s .8s;
	-webkit-transition:.6s .8s
}
.head_nav_block .nav_first:nth-child(7) {
	transition:.6s .85s;
	-moz-transition:.6s .85s;
	-ms-transition:.6s .85s;
	-o-transition:.6s .85s;
	-webkit-transition:.6s .85s
}
.head_nav_block .nav_first:nth-child(8) {
	transition:.6s .89s;
	-moz-transition:.6s .89s;
	-ms-transition:.6s .89s;
	-o-transition:.6s .89s;
	-webkit-transition:.6s .89s
}
.head_nav_block .nav_first:nth-child(9) {
	transition:.6s .92s;
	-moz-transition:.6s .92s;
	-ms-transition:.6s .92s;
	-o-transition:.6s .92s;
	-webkit-transition:.6s .92s
}
.head_nav_block .nav_first:nth-child(10) {
	transition:.6s .94s;
	-moz-transition:.6s .94s;
	-ms-transition:.6s .94s;
	-o-transition:.6s .94s;
	-webkit-transition:.6s .94s
}


.head_nav_block .nav_first a {
    position: relative;
    z-index: 100;
    display: block;
    padding: 0 30px;
    line-height: 70px;

    color: #000000;
	/* border: 1px solid red; */
	transition:color .2s;
	-moz-transition:color .2s;
	-ms-transition:color .2s;
	-o-transition:color .2s;
	-webkit-transition:color .2s
}


.head_nav_block .nav_first a:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 0%;
    height: 100%;

	background:linear-gradient(to right , #2af598, #009efd);
    z-index: 101;
	
    transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -ms-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    -webkit-transition: width .3s ease-in-out;
}


.head_nav_block .nav_first>a:after {
    display: table;
    clear: both;
    content: '';
}

.head_nav_block .nav_first>a>i {
    float: left;
    position: relative;
    z-index: 102;
    padding: 0 15px 0 1px;
    line-height: 70px;
    font-size: 18px;
}

.head_nav_block .nav_first>a>b {
    float: left;
    font-weight: normal;
    position: relative;
    z-index: 102;
	font-size: 18px;
}



.head_nav_block ul li.nav_first_active>a {
    color: #ffffff;
    transition: color .3s 1s;
    -moz-transition: color .3s 1s;
    -ms-transition: color .3s 1s;
    -o-transition: color .3s 1s;
    -webkit-transition: color .3s 1s;
}

.head_nav_block .nav_first_active>a:before {
	width:100%;
	transition:width .3s 1s;
	-moz-transition:width .3s 1s;
	-ms-transition:width .3s 1s;
	-o-transition:width .3s 1s;
	-webkit-transition:width .3s 1s
}
.head_nav_block .nav_first:hover a{
	color: #ffffff;
}
.head_nav_block .nav_first:hover a:before {
	width:100%
}


/* 导航底部 */

.head_nav_box .side_foot{
	padding: 50px 30px 25px 30px;
    text-align: left;
    overflow: hidden;
}
.head_nav_box .side_phone{
	position:relative;
	line-height:1;
	margin-bottom:20px;
	padding-bottom:20px;
	opacity:0;
	transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transition:.6s .4s;
	-moz-transition:.6s .4s;
	-ms-transition:.6s .4s;
	-o-transition:.6s .4s;
	-webkit-transition:.6s .4s;
	transition-property:opacity,transform!important;
	-moz-transition-property:opacity,transform!important;
	-ms-transition-property:opacity,transform!important;
	-o-transition-property:opacity,transform!important;
	-webkit-transition-property:opacity,transform!important
}

.head_nav_box .side_phone:after {
	display:block;
	clear:both;
	content:''
}
.head_navs .side_phone {
	transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	opacity:1;
	-o-transform:translateY(0);
	-webkit-transform:translateY(0)
}
.head_nav_box .side_phone p b{
	display: block;
    font-weight: normal;
  
    color: #111111;
    margin-bottom: 5px;
    opacity: .6;
}

.head_nav_box .side_phone p a{
	display: block;
   
    color: #111111;
    font-size: 22px;
    letter-spacing: -1px;
}


.head_nav_box .side_phone:before{
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    opacity: .15;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ffffff;
    border-bottom-color: #111111;

}


.head_nav_box .social-box{
	margin: -4px 0 0 -4px;
    opacity: 0;
    transform: translateY(75%);
    -moz-transform: translateY(75%);
    -ms-transform: translateY(75%);
    -o-transform: translateY(75%);
    -webkit-transform: translateY(75%);
    transition: .6s .4s;
    -moz-transition: .6s .4s;
    -ms-transition: .6s .4s;
    -o-transition: .6s .4s;
    -webkit-transition: .6s .4s;
}

.head_nav_box .social-box a{
	font-size: 18px;
    width: 34px;
    line-height: 34px;
    height: 34px;
    cursor: pointer;
    text-align: center;
    position: relative;
    margin: 4px 0 0 4px;
    float: left;
	text-decoration: none;
    color: #ffffff;
}
.head_nav_box .social-box {
	transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	opacity:1;
	-o-transform:translateY(0);
	-webkit-transform:translateY(0)
}
.head_nav_box .social-box a:before{
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    content: '';
	z-index: -1;
    border-radius: 99px;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    background: #ffffff;
    background: #000000;
}



/* 轮播图导航切换 */
.banner_section{
	width: 100%;
    height: 100vh;
	border: 1px solid blue;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    overflow: hidden;
    position: relative;
    background: center no-repeat;
    background-size: cover;
    display: -ms-flexbox;
    -ms-flex-align: center;
    display: -moz-box;
    -moz-box-align: center;
    display: -webkit-box;
    -webkit-box-align: center;
    display: box;
    box-align: center;

	/* background-color: #009efd; */
}
.banner_slide .banner-box{
	transition-property: opacity,transform !important;
    -moz-transition-property: opacity,transform !important;
    -ms-transition-property: opacity,transform !important;
    -o-transition-property: opacity,transform !important;
    -webkit-transition-property: opacity,transform !important;
}

.banner_bin {
	position: relative;
    z-index: 1;

	text-align: center;

    /* width: 15.55rem; */
	/* width: 8rem; */
	width: 690px;
    margin: 0% auto;
	top: 20%;
	/* left: 10%;
	right: 10%; */
	/* padding-right: 0.9375rem; */
    /* padding-left: 0.9375rem; */

	padding: 0 1rem;
	font-family: 'Alibaba PuHuiTi 2.0 55';
}
/* 响应式操作 */
@media(max-width: 1000px){

	.banner_bin {

		width: 80%;
	}
}


/* @media(max-width: 1000px){

	

} */
/* @media(max-width: 1200px){

	.banner_bin {

		width: 16rem;
	}

} */



.banner_bin:before {
    position: absolute;
    /* left: -35px;
    right: -35px;
    top: -35px;
    bottom: -35px; */
	left: -0px;
    right: -0px;
    top: -0px;
    bottom: -0px;
    z-index: 1;
    display: block;
    content: '';
    background: #ffffff;
    opacity: .35;
}

.banner_bin .row {
    position: relative;
    z-index: 2;
	text-align: center;
	padding: 0.4rem 0;
	/* margin-right: -0.9375rem;
    margin-left: -0.9375rem; */
}

.banner-bin-o{
	text-align: right;
	width: 80%;
    float: left;
}



.banner-bin-o p:nth-child(1) {
    float: right;
    line-height: 1;
}

.banner-bin-o p:after {
    display: block;
    clear: both;
    content: '';
}

.banner-bin-o p:nth-child(2) {
    float: right;
    margin-right: 30px;
    transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    -webkit-transform: scale(0,0);
    transition: 0s .5s;
    -moz-transition: 0s .5s;
    -ms-transition: 0s .5s;
    -o-transition: 0s .5s;
    -webkit-transition: 0s .5s;
}
.banner_active .banner-bin-o p:nth-child(2) {
    transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transition: .8s .5s ease-out;
    -moz-transition: .8s .5s ease-out;
    -ms-transition: .8s .5s ease-out;
    -o-transition: .8s .5s ease-out;
    -webkit-transition: .8s .5s ease-out;
}


.banner-bin-o p:nth-child(2) span {
    font-size: 3.3333rem;
    line-height: 2.8rem;
   	font-family: 'Alibaba PuHuiTi 2.0 55';
    white-space: nowrap;
    padding-right: 10px; 
    color: #2af598;
}

.banner_bin .banner-bin-o span {
    display: block;
}
.banner_bin .banner-bin-o p:nth-child(1) span {
    transition: 0s .5s;
    -moz-transition: 0s .5s;
    -ms-transition: 0s .5s;
    -o-transition: 0s .5s;
    -webkit-transition: 0s .5s;
    opacity: 0;
    transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
}
.banner_active .banner-bin-o p:nth-child(1) span{
    transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}





.banner_bin .banner-bin-o p:nth-child(1) span:nth-child(1) {
	font-size:.6333rem;
	color:#ffffff;
	color:#111111;
	font-family:Times
}

.banner_active .banner-bin-o p:nth-child(1) span:nth-child(1) {
   	transition: .5s 1.7s ease-out;
    -moz-transition: .5s 1.7s ease-out;
    opacity: .95;
    -ms-transition: .5s 1.7s ease-out;
    -o-transition: .5s 1.7s ease-out;
    -webkit-transition: .5s 1.7s ease-out;
}

/* IOS程序 + APK程序 */
.banner_bin .banner-bin-o p:nth-child(1) span:nth-child(2) {
	font-size:.6333rem;
    margin: .25rem 0 .4167rem 0;
    color: #000000;
  
}


.banner_active .banner-bin-o p:nth-child(1) span:nth-child(2) {
	transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;

}
.banner_active .banner-bin-o p:nth-child(1) span:nth-child(2){

	transition: .5s 1.5s ease-in-out;
    -moz-transition: .5s 1.5s ease-in-out;
    opacity: .8;
    -ms-transition: .5s 1.5s ease-in-out;
    -o-transition: .5s 1.5s ease-in-out;
    -webkit-transition: .5s 1.5s ease-in-out;
}

/* 应用开发 */
.banner_bin .banner-bin-o p:nth-child(1) span:nth-child(3) {
	font-size: 1.1667rem;
    position: relative;
    padding-bottom: .5rem;
    white-space: nowrap;
    max-width: 460px;
    overflow: hidden;
}  
.banner_bin .banner-bin-o p:nth-child(1) span:nth-child(3) font {
    display: none;
}

.banner_active .banner-bin-o p:nth-child(1) span:nth-child(3) {
	transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;

}
.banner_active .banner-bin-o p:nth-child(1) span:nth-child(3){

	transition: .5s 1.3s ease-in;
    -moz-transition: .5s 1.3s ease-in;
    color: #ffffff;
    color: #000000;
    -ms-transition: .5s 1.3s ease-in;
    -o-transition: .5s 1.3s ease-in;
    -webkit-transition: .5s 1.3s ease-in;
}



.banner_bin .banner-bin-o p:nth-child(1) span:nth-child(3) font:last-child {
    display: inline-block;
}
.banner_bin .banner-bin-o p:nth-child(1) span:nth-child(3):before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .4;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    
    border-bottom-color: #111111;
}

/* 为企业快速打造全平台应用制作开发 */
.banner_bin .banner-bin-o p:nth-child(3) {
    clear: both;
    padding-top: 30px;
    line-height: 1;
}

.banner_bin .banner-bin-o p:nth-child(3) span {
    display: block;
    opacity: 0;
    transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transition: 0s .5s;
    -moz-transition: 0s .5s;
    -ms-transition: 0s .5s;
    -o-transition: 0s .5s;
    -webkit-transition: 0s .5s;
}
.banner_bin .banner-bin-o p:nth-child(3) span:nth-child(1) {
    font-size: 0.5rem;

    color: #111111;
}

.banner_active .banner-bin-o p:nth-child(3) span {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
}
.banner_active .banner-bin-o p:nth-child(3) span:nth-child(1) {
    transition: .5s 1.5s ease-in-out;
    -moz-transition: .5s 1.5s ease-in-out;
    -ms-transition: .5s 1.5s ease-in-out;
    -o-transition: .5s 1.5s ease-in-out;
    -webkit-transition: .5s 1.5s ease-in-out;
}

.banner_bin .banner-bin-o p:nth-child(3) span:nth-child(1) u {
    color: #ffffff;
    color: #111111;
    font-family:'Alibaba PuHuiTi 2.0 55';
}

.banner_bin u {
    text-decoration: none;
}
.banner_bin .banner-bin-o p:nth-child(3) span:nth-child(1) {
    font-size: 0.5rem;
    color: #ffffff;
    color: #111111;
}
/* For the rapid */
.banner_bin .banner-bin-o p:nth-child(3) span:nth-child(2){
	font-size: .3333rem;
    color: #111111;
    padding: 15px 0;
    font-family: Times;
}

.banner_active .banner-bin-o p:nth-child(3) span:nth-child(2) {
    transition: .5s 1.7s ease-out;
    -moz-transition: .5s 1.7s ease-out;
    opacity: .9;
    -ms-transition: .5s 1.7s ease-out;
    -o-transition: .5s 1.7s ease-out;
    -webkit-transition: .5s 1.7s ease-out;
}


.banner_bin .banner-bin-o p:after {
    display: block;
    clear: both;
    content: '';
}


/* 高品质服务 */
.banner_bin .banner-bin-o p:nth-child(4) {
	float: right;

    padding-top: 15px;
}



.banner_bin .banner-bin-o p:nth-child(4) span {
	display: block;

	float: left;
    font-size: .4rem;
    line-height: 22px;
    color: #ffffff;
    color: #111111;
    transform: translate(-30px,30px);
    -moz-transform: translate(-30px,30px);
    -ms-transform: translate(-30px,30px);
    -o-transform: translate(-30px,30px);
    -webkit-transform: translate(-30px,30px);
    transition: 0s .5s;
    -moz-transition: 0s .5s;
    -ms-transition: 0s .5s;
    -o-transition: 0s .5s;
    -webkit-transition: 0s .5s;
    opacity: 0;
}



.banner_bin .banner-bin-o p:nth-child(4) span:nth-child(2n-1) {
    border-width: 1px;
    border-style: solid;
    margin: 0.2rem 14px 0 .5667rem;
    color: #ffffff;
    color: #00c0ff;
    border-color: #ffffff;
    border-color: #00c0ff;
    text-align: center;
    line-height: .1333rem;
    height: .4rem;
    width: .4rem;
    font-size: .6rem;
}

.banner_active .banner-bin-o p:nth-child(4) span {
    transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    opacity: .95;
}
.banner_active .banner-bin-o p:nth-child(4) span:nth-child(1),
.banner_active .banner-bin-o p:nth-child(4) span:nth-child(2),
.banner_active .banner-bin-o p:nth-child(4) span:nth-child(3),
.banner_active .banner-bin-o p:nth-child(4) span:nth-child(4),
.banner_active .banner-bin-o p:nth-child(4) span:nth-child(5),
.banner_active .banner-bin-o p:nth-child(4) span:nth-child(6) {
    transition: .5s 1.8s ease-out;
    -moz-transition: .5s 1.8s ease-out;
    -ms-transition: .5s 1.8s ease-out;
    -o-transition: .5s 1.8s ease-out;
    -webkit-transition: .5s 1.8s ease-out;
}


/* 让营销变得 */
.banner_bin .banner-bin-p {
    float: left;
    margin: 4px 0 0 25px;
    display: table;
    height: 358px;
    position: relative;
    transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    -webkit-transform: translateX(30px);
    opacity: 0;
    transition: 0s .5s;
    -moz-transition: 0s .5s;
    -ms-transition: 0s .5s;
    -o-transition: 0s .5s;
    -webkit-transition: 0s .5s;
}
.banner_active .banner-bin-p {
    transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
    transition: 1s 1.8s ease-in-out;
    -moz-transition: 1s 1.8s ease-in-out;
    -ms-transition: 1s 1.8s ease-in-out;
    -o-transition: 1s 1.8s ease-in-out;
    -webkit-transition: 1s 1.8s ease-in-out;
}
.banner_bin .banner-bin-p:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    border-width: 4px 1px 4px 1px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #ffffff;
    border-top-color: #00c0ff;
    border-bottom-color: #ffffff;
    border-bottom-color: #00c0ff;
}


.banner_bin .banner-bin-p p {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    position: relative;
    z-index: 3;
}

.banner_bin .banner-bin-p span {
    font-size: 0.5rem;

	/* font-size: 32px; */
    line-height: 1.1;
    padding: 0 16px;
    text-align: center;
    color: #ffffff;
    color: #111111;
    display: block;
	width: 46px;
    /* width: 148px;
    max-height: 420px; */
    overflow: hidden;
}
.banner_bin .banner-bin-p:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-width: 4px 1px 4px 1px;
    border-style: solid;
    opacity: .4;
    border-color: #ffffff;
    border-color: #111111;
}

.banner_bin .banner-bin-p span u {
    display: block;
    height: 22px;
}
.row::after {
    display: table;
    clear: both;
    content: '';
}

.banner_bin  .banner-bin-p p .banner-bin-span-small {
	display: none ;
}

@media (min-width: 1200px){
	.banner_bin {

		width: 13rem;
	}

	.banner_bin .banner-bin-o p:nth-child(4) span:nth-child(2n-1){
		margin-top: 0;
	}
}
/* 判断是否横竖屏 */
@media (max-width: 900px){
	.banner_bin {

		width: 80%;
	}
	.banner-bin-o{
		margin-bottom: 18px;
	}
	.banner_bin .banner-bin-p{
		height: 23px;
		float: none;
		margin: 25px auto 0;
	}

	.banner_bin .banner-bin-p span{
		padding: 10px 0;
		width: 8rem;
	
	}

	.banner-bin-span-big{
		display: none !important;
	}

	.banner_bin  .banner-bin-p p .banner-bin-span-small  {
		display: block;
	}
}

@media (max-width: 480px){

	
	.banner-bin-o{
		margin: 0 auto 18px;
		text-align: center;
		float: none;
	}

	.banner-bin-o p:nth-child(1){
		float: none;
	}

	.banner_bin .banner-bin-o p:nth-child(1) span:nth-child(3):before{
		display: none;
	}

	.banner_active .banner-bin-o p:nth-child(2){
		width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content:center;
	}
	

	.banner_bin .banner-bin-o p:nth-child(4){
		display: none;
	}
	
	

}
/* 第二张轮播图样式 */
/* 营销型建站 */

.banner_bin .banner-bin-h{
	text-align: center;
    line-height: 1;

}

.banner_bin .banner-bin-h span:first-child {
    font-size: 1.3333rem;
    color: #ffffff;
    color: #00c0ff;
    display: inline-block;
    opacity: 0;
    transform: translate(-30px,-30px) scale(.8,.8);
    -moz-transform: translate(-30px,-30px) scale(.8,.8);
    -ms-transform: translate(-30px,-30px) scale(.8,.8);
    -o-transform: translate(-30px,-30px) scale(.8,.8);
    -webkit-transform: translate(-30px,-30px) scale(.8,.8);
    transition: 0s .5s;
    -moz-transition: 0s .5s;
    -ms-transition: 0s .5s;
    -o-transition: 0s .5s;
    -webkit-transition: 0s .5s;
}

.banner_bin .banner-bin-h span:last-child {
    font-size: 1.1333rem;
    color: #ffffff;
    color: #000000;
    display: inline-block;
    opacity: 0;
    transform: translate(30px,30px) scale(.8,.8);
    -moz-transform: translate(30px,30px) scale(.8,.8);
    -ms-transform: translate(30px,30px) scale(.8,.8);
    -o-transform: translate(30px,30px) scale(.8,.8);
    -webkit-transform: translate(30px,30px) scale(.8,.8);
    transition: 0s .5s;
    -moz-transition: 0s .5s;
    -ms-transition: 0s .5s;
    -o-transition: 0s .5s;
    -webkit-transition: 0s .5s;
}
.banner_active .banner-bin-h span:first-child, .banner_active .banner-bin-h span:last-child {
    transform: translate(0,0) scale(1,1);
    -moz-transform: translate(0,0) scale(1,1);
    -ms-transform: translate(0,0) scale(1,1);
    -o-transform: translate(0,0) scale(1,1);
    -webkit-transform: translate(0,0) scale(1,1);
    transition: .5s .5s;
    -moz-transition: .5s .5s;
    -ms-transition: .5s .5s;
    -o-transition: .5s .5s;
    -webkit-transition: .5s .5s;
    opacity: 1;
}



/* SEO OPTIMIZING */
.banner_bin .banner-bin-i {
    text-align: center;
    display: block;
    margin: 30px auto 40px auto;
    width: 11rem;
}

.banner_bin .banner-bin-i p {
    display: block;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.banner_bin .banner-bin-i p:first-child:before{
    height: 0px;
    position: absolute;
    content: '';
    opacity: .4;
    left: 0;
    top: 50%;
    display: block;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #ffffff;
    border-left-color: #111111;
}
.banner_bin .banner-bin-i p:first-child:after
{
    height: 0px;
    position: absolute;
    content: '';
    opacity: .4;
    right: 0;
    top: 50%;
    display: block;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #ffffff;
    border-left-color: #111111;
}


.banner_bin .banner-bin-i p:last-child:before {
    height: 0px;
    position: absolute;
    content: '';
    opacity: .4;
    left: 0;
    bottom: 50%;
    display: block;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #ffffff;
    border-left-color: #111111;
}


.banner_bin .banner-bin-i p:last-child:after {
    height: 0px;
    position: absolute;
    content: '';
    opacity: .4;
    right: 0;
    bottom: 50%;
    display: block;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #ffffff;
    border-right-color: #111111;
}
.banner_bin .banner-bin-i p span{
	display: inline-block;
    line-height: 1.6;
    position: relative;
    padding: 0 20px;
}

.banner_bin .banner-bin-i p:first-child span {
    font-size: .6667rem;
    color: #ffffff;
    color: #111111;
    font-family: Times;
    opacity: .95;
    transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -o-transform: translateY(100%);
    transition: 0s .5s;
    -moz-transition: 0s .5s;
    -ms-transition: 0s .5s;
    -o-transition: 0s .5s;
    -webkit-transition: 0s .5s;
}

.banner_bin .banner-bin-i p span:before{
    width: 0px;
    position: absolute;
    content: '';
    right: 100%;
    top: 50%;
    display: block;
    opacity: .4;
    border-bottom-width: 1px;
    border-bottom-style: solid;

    border-bottom-color: #111111;
}

.banner_bin .banner-bin-i p span:after
{
	display: block;
    width: 0px;
    position: absolute;
	z-index: 11113;
    content: '';
    left: 100%;
    top: 50%;
    display: block;
    opacity:.4;
    border-bottom-width: 1px;
    border-bottom-style: solid;

    border-bottom-color: #111111;
}


.banner_bin .banner-bin-i p:last-child span {
    font-size: .4rem;
    color: #ffffff;
    color: #111111;
    opacity: .8;
    transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transition: 0s .5s;
    -moz-transition: 0s .5s;
    -ms-transition: 0s .5s;
    -o-transition: 0s .5s;
    -webkit-transition: 0s .5s;
}



.banner_active .banner-bin-i p:first-child:before, 
.banner_active .banner-bin-i p:first-child:after, 
.banner_active .banner-bin-i p:last-child:before, 
.banner_active .banner-bin-i p:last-child:after {
    height: 1.6667rem;
    transition: 1.5s 1.7s ease-in;
    -moz-transition: 1.5s 1.7s ease-in;
    -ms-transition: 1.5s 1.7s ease-in;
    -o-transition: 1.5s 1.7s ease-in;
    -webkit-transition: 1.5s 1.7s ease-in;
}

.banner_active .banner-bin-i p:first-child span, 
.banner_active .banner-bin-i p:last-child span {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transition: .8s .9s ease-in-out;
    -moz-transition: .8s .9s ease-in-out;
    -ms-transition: .8s .9s ease-in-out;
    -o-transition: .8s .9s ease-in-out;
    -webkit-transition: .8s .9s ease-in-out;
}


.banner_active .banner-bin-i p span:before, 
.banner_active .banner-bin-i p span:after{
	width: 199px;
    transition: 1.5s 1.7s ease-in;
    -moz-transition: 1.5s 1.7s ease-in;
    -ms-transition: 1.5s 1.7s ease-in;
    -o-transition: 1.5s 1.7s ease-in;
    -webkit-transition: 1.5s 1.7s ease-in;
	opacity: 1;
}




/* 技术优势 */
.banner_bin .banner-bin-j {
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    width: 18rem;
	max-width: 800px;
}


.banner_bin .banner-bin-j p {
    float: left;
    width: 28.33333%;
    font-size: 17px;
    padding: 0 15px;
    margin: 0;
    position: relative;
    opacity: 0;
    transition: 0s .5s;
    -moz-transition: 0s .5s;
    -ms-transition: 0s .5s;
    -o-transition: 0s .5s;
    -webkit-transition: 0s .5s;
}



.banner_bin .banner-bin-j p:before {
    border-left-width: 1px;
    border-left-style: solid;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-left-color: #ffffff;
    border-left-color: #111111;
    opacity: .4;
}

.banner_bin .banner-bin-j p:first-child:before {
    border: none;
}
.banner_bin .banner-bin-j p span {
    display: block;
}

.banner_bin .banner-bin-j p span:first-child {
    font-size: .4667rem;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #ffffff;
    color: #00c0ff;
}

.banner_bin .banner-bin-j p span:last-child {
    color: #ffffff;
    color: #111111;
    line-height: 30px;
    opacity: .95;
	font-size: .2833rem;
}

.banner_bin .banner-bin-j:after {
    display: block;
    clear: both;
    content: '';
}


.banner_bin .banner-bin-j p:nth-child(1) {
    transform: translate(-30px,30px);
    -moz-transform: translate(-30px,30px);
    -ms-transform: translate(-30px,30px);
    -o-transform: translate(-30px,30px);
    -webkit-transform: translate(-30px,30px);
}

.banner_bin .banner-bin-j p:nth-child(2) {
    transform: translate(0px,30px);
    -moz-transform: translate(0px,30px);
    -ms-transform: translate(0px,30px);
    -o-transform: translate(0px,30px);
    -webkit-transform: translate(0px,30px);
}

.banner_bin .banner-bin-j p:nth-child(3) {
    transform: translate(30px,30px);
    -moz-transform: translate(30px,30px);
    -ms-transform: translate(30px,30px);
    -o-transform: translate(30px,30px);
    -webkit-transform: translate(30px,30px);
}
.banner_active .banner-bin-j p:nth-child(1),
.banner_active .banner-bin-j p:nth-child(2),
.banner_active .banner-bin-j p:nth-child(3){
    opacity: 1;
    transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    transition: .8s 1.9s;
    -moz-transition: .8s 1.9s;
    -ms-transition: .8s 1.9s;
    -o-transition: .8s 1.9s;
    -webkit-transition: .8s 1.9s;
}

/* 当小于 700px时加载 */
@media(max-width:700px) {
	/* .banner_bin .banner-bin-j{
		width: 50rem;
	} */
	.banner_bin .banner-bin-j p span:last-child{
		display: none;
	}

	.banner_bin .banner-bin-j p{
		padding: 0;
	}


	.banner_bin .banner-bin-j p:before{
		display: none;
	}
}


/* 轮播图第三屏 */
/* 平面设计 */
.banner_bin .banner-bin-a {
    font-size: 2.5rem;
    color: #ffffff;
    color: #00c0ff;
    line-height: 2.5rem;
    width: 4rem;
    height: 4rem;
    float: left;
    margin: 48px 1.4167rem 48px .5833rem;
    font-family: Microsoft JhengHei;
    position: relative;
}

.banner_bin .banner-bin-a:before {
    display: block;
    width: 0%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    opacity: .4;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ffffff;
    border-bottom-color: #111111;
    content: '';
    position: absolute;
    transition: 0s .5s;
    -moz-transition: 0s .5s;
    -ms-transition: 0s .5s;
    -o-transition: 0s .5s;
    -webkit-transition: 0s .5s;
}
.banner_bin .banner-bin-a:after {
    display: block;
    height: 0%;
    left: 50%;
    top: 0;
    margin-left: -1px;
    opacity: .4;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #ffffff;
    border-left-color: #111111;
    content: '';
    position: absolute;
    transition: 0s .5s;
    -moz-transition: 0s .5s;
    -ms-transition: 0s .5s;
    -o-transition: 0s .5s;
    -webkit-transition: 0s .5s;
}


.banner_active .banner-bin-a:after{
    height: 100%;
    transition: .3s .6s;
    -moz-transition: .3s .6s;
    -ms-transition: .3s .6s;
    -o-transition: .3s .6s;
    -webkit-transition: .3s .6s;
}

.banner_active .banner-bin-a:before {
   	width: 100%;
    transition: .3s .6s;
    -moz-transition: .3s .6s;
    -ms-transition: .3s .6s;
    -o-transition: .3s .6s;
    -webkit-transition: .3s .6s;
}

.banner_bin .banner-bin-a span {
    position: absolute;
    padding: .1667rem;
    opacity: .99;
}
.banner_bin .banner-bin-a span {
    transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    -webkit-transform: scale(0,0);
    transition: 0s .5s;
    -moz-transition: 0s .5s;
    -ms-transition: 0s .5s;
    -o-transition: 0s .5s;
    -webkit-transition: 0s .5s;
}

.banner_bin .banner-bin-a span:nth-child(1) {
    right: 50%;
    bottom: 50%;
    transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
}

.banner_bin .banner-bin-a span:nth-child(2) {
    left: 50%;
    bottom: 50%;
    transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
}
.banner_bin .banner-bin-a span:nth-child(3) {
    right: 50%;
    top: 50%;
    transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    -webkit-transform-origin: right top;
}


.banner_bin .banner-bin-a span:nth-child(4) {
	left: 50%;
    top: 50%;
    font-size: 2.5rem;
    line-height: 2.9167rem;
}

.banner_active .banner-bin-a span {
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -webkit-transform: scale(1,1);
}

.banner_active .banner-bin-a span:nth-child(1) {
    transition: .8s .7s ease-out;
    -moz-transition: .8s .7s ease-out;
    -ms-transition: .8s .7s ease-out;
    -o-transition: .8s .7s ease-out;
    -webkit-transition: .8s .7s ease-out;
}

.banner_active .banner-bin-a span:nth-child(2) {
    transition: .8s .9s ease-out;
    -moz-transition: .8s .9s ease-out;
    -ms-transition: .8s .9s ease-out;
    -o-transition: .8s .9s ease-out;
    -webkit-transition: .8s .9s ease-out;
}

.banner_active .banner-bin-a span:nth-child(3) {
   	transition: .8s 1.1s ease-out;
    -moz-transition: .8s 1.1s ease-out;
    -ms-transition: .8s 1.1s ease-out;
    -o-transition: .8s 1.1s ease-out;
    -webkit-transition: .8s 1.1s ease-out;
}

.banner_active .banner-bin-a span:nth-child(3) {
   	transition: .8s 1.3s ease-in-out;
    -moz-transition: .8s 1.3s ease-in-out;
    -ms-transition: .8s 1.3s ease-in-out;
    -o-transition: .8s 1.3s ease-in-out;
    -webkit-transition: .8s 1.3s ease-in-out;
}


/* 平面设计四个角 */

.banner_bin .banner-bin-a span:nth-child(1):before{
    display: block;
    content: '';
    position: absolute;
    width: 0px;
    height: 2px;
    background: #ffffff;
    background: #00c0ff;
    top: -15px;
    left: -15px;
}

.banner_bin .banner-bin-a span:nth-child(1):after {
    display: block;
    content: '';
    position: absolute;
    height: 0px;
    width: 2px;
    background: #ffffff;
    background: #00c0ff;
    top: -15px;
    left: -15px;
}
.banner_bin .banner-bin-a span:nth-child(2):before {
    display: block;
    content: '';
    position: absolute;
    width: 0px;
    height: 2px;
    background: #ffffff;
    background: #00c0ff;
    top: -15px;
    right: -15px;
}

.banner_bin .banner-bin-a span:nth-child(2):after {
    display: block;
    content: '';
    position: absolute;
    height: 0px;
    width: 2px;
    background: #ffffff;
    background: #00c0ff;
    top: -15px;
    right: -15px;
}

.banner_bin .banner-bin-a span:nth-child(3):before {
    display: block;
    content: '';
    position: absolute;
    width: 0px;
    height: 2px;
    background: #ffffff;
    background: #00c0ff;
    bottom: -15px;
    left: -15px;
}
.banner_bin .banner-bin-a span:nth-child(3):after {
    display: block;
    content: '';
    position: absolute;
    height: 0px;
    width: 2px;
    background: #ffffff;
    background: #00c0ff;
    bottom: -15px;
    left: -15px;
}




.banner_bin .banner-bin-a span:nth-child(1):before, 
.banner_bin .banner-bin-a span:nth-child(1):after, 
.banner_bin .banner-bin-a span:nth-child(2):before, 
.banner_bin .banner-bin-a span:nth-child(2):after, 
.banner_bin .banner-bin-a span:nth-child(3):before, 
.banner_bin .banner-bin-a span:nth-child(3):after {
    transition: 0s .5s;
    -moz-transition: 0s .5s;
    -ms-transition: 0s .5s;
    -o-transition: 0s .5s;
    -webkit-transition: 0s .5s;
}





.banner_active .banner-bin-a span:nth-child(1):after, 
.banner_active .banner-bin-a span:nth-child(2):after, 
.banner_active .banner-bin-a span:nth-child(3):after {
    height: 40px;
    transition: .5s 1.7s ease-in;
    -moz-transition: .5s 1.7s ease-in;
    -ms-transition: .5s 1.7s ease-in;
    -o-transition: .5s 1.7s ease-in;
    -webkit-transition: .5s 1.7s ease-in;
}


.banner_active .banner-bin-a span:nth-child(1):before, 
.banner_active .banner-bin-a span:nth-child(2):before, 
.banner_active .banner-bin-a span:nth-child(3):before {
    width: 40px;
    transition: .5s 1.7s ease-in;
    -moz-transition: .5s 1.7s ease-in;
    -ms-transition: .5s 1.7s ease-in;
    -o-transition: .5s 1.7s ease-in;
    -webkit-transition: .5s 1.7s ease-in;
}


/* 平面设计右边 */

.banner_bin .banner-bin-b{
	color: #111111;
    float: right;
    line-height: 1.5;
}

.banner_bin .banner-bin-b span:nth-child(1) {
    font-size: .6333rem;
    display: block;
    font-family: Times;
    color: #ffffff;
    color: #111111;
}

.banner_bin .banner-bin-b span:nth-child(2) {
    font-size: .5667rem;
    display: block;
    line-height: 1.3;
    padding-top: 5px;
    color: #ffffff;
    color: #111111;
}


.banner_bin .banner-bin-b span:nth-child(3) {
    font-size: 1.1667rem;
    display: block;
    color: #ffffff;
    color: #000000;
    position: relative;
    padding: 10px 0 15px 0;
}
.banner_bin .banner-bin-b span:nth-child(3):before {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    opacity: .4;
    border-bottom-color: #ffffff;
    border-bottom-color: #111111;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}
.banner_bin .banner-bin-b span:nth-child(4) {
    font-size: .2833rem;
    display: block;
    margin-top: .3333rem;
    line-height: .5rem;
    color: #ffffff;
    color: #111111;
}
.banner_bin .banner-bin-b span:nth-child(1), 
.banner_bin .banner-bin-b span:nth-child(2), 
.banner_bin .banner-bin-b span:nth-child(3), 
.banner_bin .banner-bin-b span:nth-child(4) {
    opacity: 0;
    transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    -webkit-transform: translateX(30px);
    transition: 0s .5s;
    -moz-transition: 0s .5s;
    -ms-transition: 0s .5s;
    -o-transition: 0s .5s;
    -webkit-transition: 0s .5s;
}

.banner_active .banner_bin .banner-bin-b span {
    transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
	
}

.banner_active .banner-bin-b span:nth-child(1) {
    transition: .6s 1.7s;
    -moz-transition: .6s 1.7s;
    -ms-transition: .6s 1.7s;
    -o-transition: .6s 1.7s;
    -webkit-transition: .6s 1.7s;
    opacity: .95;
}


.banner_active .banner-bin-b span:nth-child(2) {
    transition: .6s 1.8s ease-in;
    -moz-transition: .6s 1.8s ease-in;
    -ms-transition: .6s 1.8s ease-in;
    -o-transition: .6s 1.8s ease-in;
    -webkit-transition: .6s 1.8s ease-in;
    opacity: .8;
}

.banner_active .banner-bin-b span:nth-child(3) {
    transition: .6s 1.9s ease-out;
    -moz-transition: .6s 1.9s ease-out;
    -ms-transition: .6s 1.9s ease-out;
    -o-transition: .6s 1.9s ease-out;
    -webkit-transition: .6s 1.9s ease-out;
    opacity: 1;
}
.banner_active .banner-bin-b span:nth-child(4) {
    transition: .6s 2s ease-in-out;
    -moz-transition: .6s 2s ease-in-out;
    -ms-transition: .6s 2s ease-in-out;
    -o-transition: .6s 2s ease-in-out;
    -webkit-transition: .6s 2s ease-in-out;
    opacity: .8;
}

/* 当大于1200px 执行操作 */
@media(min-width:1200px) {
	.banner_bin .banner-bin-a{

		margin: 60px 1.4167rem 48px 0.5833rem;
	}
}

/* 当小于500px 执行操作 */
@media(max-width:500px) {

	
	.banner_bin .banner-bin-a{

		float: none;
		margin: 60px auto 48px;
	}
	.banner_bin .banner-bin-b span:nth-child(4){
		line-height: 20px;
	}
	.banner_bin .banner-bin-b{
		float: none;
		text-align: center;
	}
}


/* 轮播图样式 */
.banner_container{
	width: 100%;
    height: 100%;
	cursor: pointer;
}
.banner_container .banner_slide{
	background: center no-repeat;
    background-size: cover;
}


/* 第一屏的轮播图分页 */


.pagination_banner{
	width: 8.6667rem !important;
	left: 50% !important;

	/* 居然这个可以居中 */
	transform: translate(-50%, 0%) !important; 
	margin: 0 auto .6667rem;;

	border-bottom: 0.5px solid rgb(255, 255, 255,0.4);
	padding: .0667rem .5rem;
	
}

	
.pagination_banner .swiper-pagination-bullet {
	width: .2667rem;
	height: .3333rem;
	text-align: center;
	line-height:.3333rem;
	color:#fff;
	/* font-size: .3333rem; */
	font-size: 20px;
	border-radius: 0;
	background:none;

	margin-right: 1.5333rem !important;
}



.pagination_banner .swiper-pagination-bullet:last-child{
	margin-right: 0rem !important;
}
.pagination_banner .swiper-pagination-bullet-active {
	color:#fff;
	/* font-size: .3333rem; */
	font-size: 20px;
	background:none;
}

.pagination_banner .swiper-pagination-bullet .page_tips{
	display: inline-block;
	bottom: -0.5rem;
	/* width: .4rem; */
	width: 24px;
	height: 2px;
	background: #FFFFFF;
	border-radius: 0px 0px 0px 0px;
	opacity: 1;
	position: absolute;
	z-index: 55555;
	opacity: 0;
	

}

.pagination_banner .swiper-pagination-bullet-active .page_tips{
	opacity: 1;
}





/* 第二屏的样式 */



.operation_container {

   	position: relative;
    z-index: 1;
    width: 80%;
    margin: 0% auto;
    top: 20%;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    border: 1px solid red;
    font-family: 'Alibaba PuHuiTi 2.0 55';
}
 
.operation_container:before {
    position: absolute;
    left: -35px;
    right: -35px;
    top: -35px;
    bottom: -35px;
    z-index: 1;
    display: block;
    content: '';

	 backdrop-filter: blur(20px);
	background-color: rgba(255, 255, 255, 0.5);
    /* background: #ffffff;
    opacity: .96; */

	/* //毛玻璃属性 */
  	
    /* filter: brightness(0.9); */
    /* -webkit-backdrop-filter: saturate(1) blur(50px); */
    /* backdrop-filter: saturate(1) blur(50px);  */
  	/* -webkit-backdrop-filter: blur(5px); 
	backdrop-filter: blur(5px); 
	z-index: -111; */

	    /* background-color: hsla(0,0%,100%,.2); */



	
}


.operation_row{
	position: relative;
    z-index: 2;
}
.operation_row::after {
    display: table;
    clear: both;
    content: '';
}
.operation_row .platform_left {
	width: 65%;
    float: left;
}

.operation_row .platform_left h3 font {

	display:block;
	font-size:.4667rem;
	color:#ffffff;
	color:#111111;
	font-family:Times;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin:0;
	line-height:1.2
}

.operation_row .platform_left h3 font {
	opacity:0;
	transition:0s .5s;
	-moz-transition:0s .5s;
	-ms-transition:0s .5s;
	-o-transition:0s .5s;
	-webkit-transition:0s .5s;
	transform:translateX(-30px);
	-moz-transform:translateX(-30px);
	-ms-transform:translateX(-30px);
	-o-transform:translateX(-30px);
	-webkit-transform:translateX(-30px)
}
.fullScreenActive .operation_row .platform_left h3 font {
   opacity:1;
	transition:.5s .6s ease-out;
	-moz-transition:.5s .6s ease-out;
	-ms-transition:.5s .6s ease-out;
	-o-transition:.5s .6s ease-out;
	-webkit-transition:.5s .6s ease-out;
	transition-property:transform,opacity;
	-moz-transition-property:transform,opacity;
	-ms-transition-property:transform,opacity;
	-o-transition-property:transform,opacity;
	-webkit-transition-property:transform,opacity;
	transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	-webkit-transform:translateX(0)
}





.operation_row .platform_left h3 span {
	display:block;
	font-size:44px;
	line-height:1.2;
	opacity:0;
	color:#ffffff;
	color:#000000;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin:0;
	transition:0s .5s;
	-moz-transition:0s .5s;
	-ms-transition:0s .5s;
	-o-transition:0s .5s;
	-webkit-transition:0s .5s;
	transform:translateX(-30px);
	-moz-transform:translateX(-30px);
	-ms-transform:translateX(-30px);
	-o-transform:translateX(-30px);
	-webkit-transform:translateX(-30px)
}
.fullScreenActive .operation_row .platform_left h3 span {
	opacity:1;
	transition:.5s .5s;
	-moz-transition:.5s .5s;
	-ms-transition:.5s .5s;
	-o-transition:.5s .5s;
	-webkit-transition:.5s .5s;
	transition-property:transform,opacity;
	-moz-transition-property:transform,opacity;
	-ms-transition-property:transform,opacity;
	-o-transition-property:transform,opacity;
	-webkit-transition-property:transform,opacity;
	transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	-webkit-transform:translateX(0)
}
.operation_row .platform_left h3 span u {
	font-size:54px;
	color:#ffffff;
	color:#00c0ff;
	padding-right:4px;
	font-style:normal;
	text-decoration: none;
}
.operation_row .platform_left ul {
	list-style:none;
	margin:40px 0;
	height:74px;
	padding:0;
	white-space:nowrap;
	overflow:hidden
}
.operation_row .platform_left ul:after {
	display:block;
	content:'';
	clear:both
}
.operation_row .platform_left ul li {
	list-style:none;
	margin:0;
	position:relative;
	padding:0 38px;
	float:left;
	opacity:0;
	transition:0s .5s;
	-moz-transition:0s .5s;
	-ms-transition:0s .5s;
	-o-transition:0s .5s;
	-webkit-transition:0s .5s;
	transform:translateX(-30px);
	-moz-transform:translateX(-30px);
	-ms-transform:translateX(-30px);
	-o-transform:translateX(-30px);
	-webkit-transform:translateX(-30px)
}
.operation_row .platform_left ul li:before {
	border-left-width:1px;
	left:0;
	top:0;
	bottom:0;
	content:'';
	position:absolute;
	border-left-color:#ffffff;
	border-left-color:#111111;
	border-left-style:solid;
	opacity:.6
}


.fullScreenActive .operation_row  .platform_left ul li:nth-child(1) {
	transition:.5s 1.3s;
	-moz-transition:.5s 1.3s;
	-ms-transition:.5s 1.3s;
	-o-transition:.5s 1.3s;
	-webkit-transition:.5s 1.3s
}
.fullScreenActive .operation_row  .platform_left ul li:nth-child(2) {
	transition:.5s 1.1s;
	-moz-transition:.5s 1.1s;
	-ms-transition:.5s 1.1s;
	-o-transition:.5s 1.1s;
	-webkit-transition:.5s 1.1s
}
.fullScreenActive .operation_row  .platform_left ul li:nth-child(3) {
	transition:.5s .9s;
	-moz-transition:.5s .9s;
	-ms-transition:.5s .9s;
	-o-transition:.5s .9s;
	-webkit-transition:.5s .9s
}
.fullScreenActive .operation_row  .platform_left ul li:nth-child(4) {
	transition:.5s .7s;
	-moz-transition:.5s .7s;
	-ms-transition:.5s .7s;
	-o-transition:.5s .7s;
	-webkit-transition:.5s .7s
}
.fullScreenActive .operation_row  .platform_left ul li {
	opacity:1;
	transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	-webkit-transform:translateX(0);
	transition-property:transform,opacity;
	-moz-transition-property:transform,opacity;
	-ms-transition-property:transform,opacity;
	-o-transition-property:transform,opacity;
	-webkit-transition-property:transform,opacity
}
.operation_row .platform_left ul li:first-child {
	padding-left:0
}
.operation_row .platform_left ul li:first-child:before {
	display:none
}
.operation_row .platform_left ul li:last-child {
	padding-right:0
}
.operation_row .platform_left ul li strong {
	float:left
}
.operation_row .platform_left ul li strong:after {
	display:block;
	content:'';
	clear:both
}
.operation_row .platform_left ul li hr {
	float:left;
	margin:0;
	width:34px;
	text-align:center;
	height:50px;
	overflow:hidden;
	border:none;
	padding:0
}
.operation_row .platform_left ul li hr:before {
	font-size:48px;
	line-height:50px;
	display:block;
	white-space:normal;
	transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	-webkit-transform:translateY(0);
	color:#ffffff;
	color:#000000;
	transition:0s .5s;
	-moz-transition:0s .5s;
	-ms-transition:0s .5s;
	-o-transition:0s .5s;
	-webkit-transition:0s .5s
}
.fullScreenActive .operation_row  .platform_left ul li hr:before {
	transition:transform 2s ease-out 1.4s;
	-moz-transition:transform 2s ease-out 1.4s;
	-ms-transition:transform 2s ease-out 1.4s;
	-o-transition:transform 2s ease-out 1.4s;
	-webkit-transition:transform 2s ease-out 1.4s
}
.operation_row .platform_left ul li hr:nth-child(2n):before {
	content:'0 0 0 0 0 0 0 0 0 0 0 1 2 3 4 5 6 7 8 9'
}
.operation_row .platform_left ul li hr:nth-child(2n+1):before {
	content:'0 1 2 3 4 5 6 7 8 9 0 0 0 0 0 0 0 0 0 0'
}
.operation_row .platform_left ul li hr.n0:nth-child(2n):before,.fullScreenActive .operation_row  .platform_left ul li hr.n0:nth-child(2n+1):before {
	transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	-webkit-transform:translateY(0)
}
.operation_row .platform_left ul li hr.n1:nth-child(2n):before,.fullScreenActive .operation_row  .platform_left ul li hr.n1:nth-child(2n+1):before {
	transform:translateY(-5%);
	-moz-transform:translateY(-5%);
	-ms-transform:translateY(-5%);
	-o-transform:translateY(-5%);
	-webkit-transform:translateY(-5%)
}
.operation_row .platform_left ul li hr.n2:nth-child(2n):before,.fullScreenActive .operation_row  .platform_left ul li hr.n2:nth-child(2n+1):before {
	transform:translateY(-10%);
	-moz-transform:translateY(-10%);
	-ms-transform:translateY(-10%);
	-o-transform:translateY(-10%);
	-webkit-transform:translateY(-10%)
}
.operation_row .platform_left ul li hr.n3:nth-child(2n):before,.fullScreenActive .operation_row  .platform_left ul li hr.n3:nth-child(2n+1):before {
	transform:translateY(-15%);
	-moz-transform:translateY(-15%);
	-ms-transform:translateY(-15%);
	-o-transform:translateY(-15%);
	-webkit-transform:translateY(-15%)
}
.operation_row .platform_left ul li hr.n4:nth-child(2n):before,.fullScreenActive .operation_row  .platform_left ul li hr.n4:nth-child(2n+1):before {
	transform:translateY(-20%);
	-moz-transform:translateY(-20%);
	-ms-transform:translateY(-20%);
	-o-transform:translateY(-20%);
	-webkit-transform:translateY(-20%)
}
.operation_row .platform_left ul li hr.n5:nth-child(2n):before,.fullScreenActive .operation_row  .platform_left ul li hr.n5:nth-child(2n+1):before {
	transform:translateY(-25%);
	-moz-transform:translateY(-25%);
	-ms-transform:translateY(-25%);
	-o-transform:translateY(-25%);
	-webkit-transform:translateY(-25%)
}
.operation_row .platform_left ul li hr.n6:nth-child(2n):before,.fullScreenActive .operation_row  .platform_left ul li hr.n6:nth-child(2n+1):before {
	transform:translateY(-30%);
	-moz-transform:translateY(-30%);
	-ms-transform:translateY(-30%);
	-o-transform:translateY(-30%);
	-webkit-transform:translateY(-30%)
}
.operation_row .platform_left ul li hr.n7:nth-child(2n):before,.fullScreenActive .operation_row  .platform_left ul li hr.n7:nth-child(2n+1):before {
	transform:translateY(-35%);
	-moz-transform:translateY(-35%);
	-ms-transform:translateY(-35%);
	-o-transform:translateY(-35%);
	-webkit-transform:translateY(-35%)
}
.operation_row .platform_left ul li hr.n8:nth-child(2n):before,.fullScreenActive .operation_row  .platform_left ul li hr.n8:nth-child(2n+1):before {
	transform:translateY(-40%);
	-moz-transform:translateY(-40%);
	-ms-transform:translateY(-40%);
	-o-transform:translateY(-40%);
	-webkit-transform:translateY(-40%)
}
.operation_row .platform_left ul li hr.n9:nth-child(2n):before,.fullScreenActive .operation_row  .platform_left ul li hr.n9:nth-child(2n+1):before {
	transform:translateY(-45%);
	-moz-transform:translateY(-45%);
	-ms-transform:translateY(-45%);
	-o-transform:translateY(-45%);
	-webkit-transform:translateY(-45%)
}
.operation_row .platform_left ul li hr.n0:nth-child(2n+1):before,.fullScreenActive .operation_row  .platform_left ul li hr.n0:nth-child(2n):before {
	transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-webkit-transform:translateY(-50%)
}
.operation_row .platform_left ul li hr.n1:nth-child(2n+1):before,.fullScreenActive .operation_row  .platform_left ul li hr.n1:nth-child(2n):before {
	transform:translateY(-55%);
	-moz-transform:translateY(-55%);
	-ms-transform:translateY(-55%);
	-o-transform:translateY(-55%);
	-webkit-transform:translateY(-55%)
}
.operation_row .platform_left ul li hr.n2:nth-child(2n+1):before,.fullScreenActive .operation_row  .platform_left ul li hr.n2:nth-child(2n):before {
	transform:translateY(-60%);
	-moz-transform:translateY(-60%);
	-ms-transform:translateY(-60%);
	-o-transform:translateY(-60%);
	-webkit-transform:translateY(-60%)
}
.operation_row .platform_left ul li hr.n3:nth-child(2n+1):before,.fullScreenActive .operation_row  .platform_left ul li hr.n3:nth-child(2n):before {
	transform:translateY(-65%);
	-moz-transform:translateY(-65%);
	-ms-transform:translateY(-65%);
	-o-transform:translateY(-65%);
	-webkit-transform:translateY(-65%)
}
.operation_row .platform_left ul li hr.n4:nth-child(2n+1):before,.fullScreenActive .operation_row  .platform_left ul li hr.n4:nth-child(2n):before {
	transform:translateY(-70%);
	-moz-transform:translateY(-70%);
	-ms-transform:translateY(-70%);
	-o-transform:translateY(-70%);
	-webkit-transform:translateY(-70%)
}
.operation_row .platform_left ul li hr.n5:nth-child(2n+1):before,.fullScreenActive .operation_row  .platform_left ul li hr.n5:nth-child(2n):before {
	transform:translateY(-75%);
	-moz-transform:translateY(-75%);
	-ms-transform:translateY(-75%);
	-o-transform:translateY(-75%);
	-webkit-transform:translateY(-75%)
}
.operation_row .platform_left ul li hr.n6:nth-child(2n+1):before,.fullScreenActive .operation_row  .platform_left ul li hr.n6:nth-child(2n):before {
	transform:translateY(-80%);
	-moz-transform:translateY(-80%);
	-ms-transform:translateY(-80%);
	-o-transform:translateY(-80%);
	-webkit-transform:translateY(-80%)
}
.operation_row .platform_left ul li hr.n7:nth-child(2n+1):before,.fullScreenActive .operation_row  .platform_left ul li hr.n7:nth-child(2n):before {
	transform:translateY(-85%);
	-moz-transform:translateY(-85%);
	-ms-transform:translateY(-85%);
	-o-transform:translateY(-85%);
	-webkit-transform:translateY(-85%)
}
.operation_row .platform_left ul li hr.n8:nth-child(2n+1):before,.fullScreenActive .operation_row  .platform_left ul li hr.n8:nth-child(2n):before {
	transform:translateY(-90%);
	-moz-transform:translateY(-90%);
	-ms-transform:translateY(-90%);
	-o-transform:translateY(-90%);
	-webkit-transform:translateY(-90%)
}
.operation_row .platform_left ul li hr.n9:nth-child(2n+1):before,.fullScreenActive .operation_row  .platform_left ul li hr.n9:nth-child(2n):before {
	transform:translateY(-95%);
	-moz-transform:translateY(-95%);
	-ms-transform:translateY(-95%);
	-o-transform:translateY(-95%);
	-webkit-transform:translateY(-95%)
}
.operation_row .platform_left ul li font {
	float:left;
	line-height:1;
	margin:25px 0 0 10px;
	font-size:16px;
	color:#ffffff;
	color:#000000
}
.operation_row .platform_left ul li span {
	clear:both;
	text-align:center;
	font-size:16px;
	opacity:.9;
	display:block;
	color:#ffffff;
	color:#111111
}
.operation_row .platform_left ul li:after {
	display:block;
	clear:both;
	content:''
}
.operation_row .platform_left p {
	/* margin:0 0 35px 0; */
	height:120px;
	overflow:hidden;
	display:block;
	color:#ffffff;
	color:#111111;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	opacity:0;
	transition:0s .5s;
	-moz-transition:0s .5s;
	-ms-transition:0s .5s;
	-o-transition:0s .5s;
	-webkit-transition:0s .5s;
	transform:translateY(30px);
	-moz-transform:translateY(30px);
	-ms-transform:translateY(30px);
	-o-transform:translateY(30px);
	-webkit-transform:translateY(30px);
	font-size:.25rem;
	font-family: 'Alibaba PuHuiTi 2.0 55';
}
@media(max-width:1600px) {
	.operation_row .platform_left p {
		font-size:.25rem;
	}
	
}
@media(max-width:1200px) {
	.operation_row .platform_left p {
		font-size:.2333rem;

	}
}

.fullScreenActive .operation_row  .platform_left p {
	opacity:1;
	transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	-webkit-transform:translateY(0);
	transition:.5s .8s;
	-moz-transition:.5s .8s;
	-ms-transition:.5s .8s;
	-o-transition:.5s .8s;
	-webkit-transition:.5s .8s
}
.fullScreenActive .operation_row  .about-box .click-box {
	transition:.5s 1.1s ease-out;
	-moz-transition:.5s 1.1s ease-out;
	-ms-transition:.5s 1.1s ease-out;
	-o-transition:.5s 1.1s ease-out;
	-webkit-transition:.5s 1.1s ease-out
}
.operation_row .platform_right {
	width:30%;
	float:right;
	border:2px solid transparent;
	margin-top:12px;
	transition:border-color 0s .5s;
	-moz-transition:border-color 0s .5s;
	-ms-transition:border-color 0s .5s;
	-o-transition:border-color 0s .5s;
	-webkit-transition:border-color 0s .5s
}
.operation_row .platform_right.border {
	margin-top:0
}
.operation_row .about-click .click-box {
	display:none
}
.fullScreenActive .operation_row  .platform_right {
	border-color:#ffffff;
	border-color:#00c0ff;
	transition:border-color .5s .5s;
	-moz-transition:border-color .5s .5s;
	-ms-transition:border-color .5s .5s;
	-o-transition:border-color .5s .5s;
	-webkit-transition:border-color .5s .5s
}


/* 运营平台轮播样式 */

.operation_row .about-list {
	width:100%;
	float:right;
	overflow:hidden;
	position:relative;
	top:-12px;
	left:-14px;
	opacity:0;
	transition:0s .5s;
	-moz-transition:0s .5s;
	-ms-transition:0s .5s;
	-o-transition:0s .5s;
	-webkit-transition:0s .5s;
	transform:translate(60px,60px) scale(.8,.8);
	-moz-transform:translate(60px,60px) scale(.8,.8);
	-ms-transform:translate(60px,60px) scale(.8,.8);
	-o-transform:translate(60px,60px) scale(.8,.8);
	-webkit-transform:translate(60px,60px) scale(.8,.8)
}
.operation_row .platform_right.border .about-list {
	top:0;
	left:0
}
.fullScreenActive .operation_row  .about-list {
	opacity:1;
	transform:translate(0,0) scale(1,1);
	-moz-transform:translate(0,0) scale(1,1);
	-ms-transform:translate(0,0) scale(1,1);
	-o-transform:translate(0,0) scale(1,1);
	-webkit-transform:translate(0,0) scale(1,1);
	transition:transform .5s .9s,opacity .5s .9s;
	-moz-transition:transform .5s .9s,opacity .5s .9s;
	-ms-transition:transform .5s .9s,opacity .5s .9s;
	-o-transition:transform .5s .9s,opacity .5s .9s;
	-webkit-transition:transform .5s .9s,opacity .5s .9s
}

.platform_swiper {
	width: 100%;
	height: 5.5833rem;
}


@media (min-width:1500px) {
	.platform_swiper .swiper-slide img{
		width: 100%;
		height:5.5833rem;

	}
}




@media (max-width:1599px) {
	.operation_row .platform_left {
	width:63%
}
.operation_row .platform_left p {
	height:81px
}
.operation_row .platform_right {
	width:32%
}
}@media (max-width:1199px) {
	.operation_row .platform_left {
	width:64%
}
.operation_row .platform_right {
	width:31%
}
.operation_row .platform_left h3 font {
	font-size:23px
}
.operation_row .platform_left h3 span {
	font-size:36px
}
.operation_row .platform_left h3 span u {
	font-size:44px
}
.operation_row .platform_left ul {
	margin:33px 0;
	height:62px
}
.operation_row .platform_left ul li {
	padding:0 30px
}
.operation_row .platform_left ul li hr {
	width:28px;
	height:41px
}
.operation_row .platform_left ul li hr:before {
	font-size:39px;
	line-height:41px
}
.operation_row .platform_left ul li font {
	margin:20px 0 0 6px;
	font-size:14px
}
.operation_row .platform_left ul li span {
	font-size:14px
}
.operation_row .platform_left p {
	/* margin-bottom:28px; */
	font-size:14px;
	height:120px;
	line-height:25px
}
.operation_row .about-list {
	top:-10px;
	left:-12px
}
}@media (max-width:992px) and (min-width:768px) {
	.operation_row .platform_left {
	width:60%
}
.operation_row .platform_left h3 {
	width:166%
}
.operation_row .platform_left h3 font {
	margin-bottom:5px
}
.operation_row .platform_left ul {
	width:166%
}
.operation_row .platform_left p {
	width:97%;
	height:180px;
	line-height:30px;
	-webkit-line-clamp:6
}
.operation_row .platform_right {
	width:35%;
	margin-top:215px
}
}@media (max-width:767px) {
	.operation_row .platform_left {
	width:62%
}
.operation_row .platform_left h3 font {
	font-size:16px;
	margin-bottom:4px
}
.operation_row .platform_left h3 span {
	font-size:24px
}
.operation_row .platform_left h3 span u {
	font-size:28px
}
.operation_row .platform_left ul {
	margin:16px 0;
	height:48px
}
.operation_row .platform_left ul li hr {
	width:15px;
	height:30px
}
.operation_row .platform_left ul li hr:before {
	font-size:20px;
	line-height:30px
}
.operation_row .platform_left ul li span,.operation_row .platform_left ul li font {
	font-size:12px
}
.operation_row .platform_left p {
	margin-bottom:13px
}
.operation_row .platform_right {
	width:33%
}
.operation_row .about-list {
	top:-8px;
	left:-10px
}
}@media (max-width:767px) and (orientation:landscape) {
	.operation_row .platform_left {
	width:61%
}
.operation_row .platform_left ul li {
	padding:0 16px
}
.operation_row .platform_left ul li font {
	margin:10px 0 0 6px
}
.operation_row .platform_left p {
	line-height:22px;
	height:66px;
	-webkit-line-clamp:3
}
.operation_row .platform_right {
	width:34%
}
}@media (max-width:767px) and (orientation:portrait) {
	.operation_row .platform_left {
	float:none;
	width:auto;
	text-align:center
}
.operation_row .platform_left .click-box {
	display:none
}
.operation_row .platform_left ul {
	margin-left:-15px;
	margin-right:-15px
}
.operation_row .platform_left ul li {
	padding:0 10px;
	float:none;
	display:inline-block
}
.operation_row .platform_left ul li font {
	margin:10px 0 0 3px
}
.operation_row .platform_left p {
	line-height:23px;
	height:120px;
	-webkit-line-clamp:4
}
.operation_row .platform_right {
	float:left;
	width:100%;
	margin:3px 0 0 0;
	padding:5px
}
.operation_row .about-list {
	top:0;
	left:0
}
.operation_row .about-list ul li {
	width:3.33333%
}
.operation_row .about-list ul li img {
	padding:5px
}
.operation_row .about-click {
	float:left;
	width:100%;
	margin-top:15px
}
.operation_row .about-click .click-box {
	display:block;
	margin:0 auto
}
}@media (max-width:375px) and (orientation:portrait) {
	.operation_row .platform_left h3 font {
		display:none;
		font-size:14px
	}
 
}
.operation_row .platform_left h3 span {
	font-size:22px
}
.operation_row .platform_left h3 span u {
	font-size:24px
}
.operation_row .platform_left p {
	line-height:29px;
	height:140px;
	-webkit-line-clamp:4
}
@media (max-width:320px) and (orientation:portrait) {
	.operation_row .platform_left h3 span {
	font-size:19px
}
.operation_row .platform_left h3 span u {
	font-size:21px
}
.operation_row .platform_left ul li {
	padding:0 5px
}
}@media (max-height:413px) and (orientation:landscape) {
	.operation_row .platform_left {
	width:67%
}
.operation_row .platform_left h3 font {
	display:none
}
.operation_row .platform_left h3 span {
	font-size:19px
}
.operation_row .platform_left h3 span u {
	font-size:21px
}
.operation_row .platform_left p {
	line-height:29px;
	height:46px;
	-webkit-line-clamp:2
}
.operation_row .platform_right {
	width:28%;
	margin:0
}
}.operation_row .click-box {
	display:block;
	width:200px;
	max-width:100%;
	height:32px;
	font-size:18px;
	line-height:32px;
	position:relative;
	padding-left:16px;
	transition:0s .5s;
	-moz-transition:0s .5s;
	-ms-transition:0s .5s;
	-o-transition:0s .5s;
	-webkit-transition:0s .5s;
	opacity:0;
	overflow:hidden;
	transform:translateY(-30px);
	-moz-transform:translateY(-30px);
	-ms-transform:translateY(-30px);
	-o-transform:translateY(-30px);
	-webkit-transform:translateY(-30px)
}
.fullScreenActive .operation_row  .click-box {
	opacity:1;
	transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	-webkit-transform:translateY(0);
	transition-property:transform,opacity;
	-moz-transition-property:transform,opacity;
	-ms-transition-property:transform,opacity;
	-o-transition-property:transform,opacity;
	-webkit-transition-property:transform,opacity
}
.operation_row .click-box:before {
	background:#ffffff;
	background:#111111;
	height:1px;
	width:100%;
	content:'';
	position:absolute;
	z-index:1;
	bottom:50%;
	left:0;
	transition:width .2s;
	-moz-transition:width .2s;
	-ms-transition:width .2s;
	-o-transition:width .2s;
	-webkit-transition:width .2s
}
.operation_row .click-box:hover:before {
	width:0
}
.operation_row .click-box span {
	position:relative;
	display:block;
	float:left;
	z-index:2;
	color:#ffffff;
	color:#111111;
	transition:color .2s .2s;
	-moz-transition:color .2s .2s;
	-ms-transition:color .2s .2s;
	-o-transition:color .2s .2s;
	-webkit-transition:color .2s .2s
}
.operation_row .click-box:hover span {
	color:#ffffff;
	color:#00c0ff
}
.operation_row .click-box span:after {
	content:'>>>';
	display:inline-block;
	padding-left:7px;
	font-size:18px;
	letter-spacing:0;
	transition:.2s;
	-moz-transition:.2s;
	-ms-transition:.2s;
	-o-transition:.2s;
	-webkit-transition:.2s;
	transition-property:padding,letter-spacing;
	-moz-transition-property:padding,letter-spacing;
	-ms-transition-property:padding,letter-spacing;
	-o-transition-property:padding,letter-spacing;
	-webkit-transition-property:padding,letter-spacing
}
.operation_row .click-box:hover span:after {
	padding-left:9px;
	letter-spacing:2px
}
.operation_row .click-box.small {
	width:175px;
	max-width:100%;
	font-size:15px
}
@media (max-width:1599px) {
	.operation_row .click-box {
	display:block;
	width:185px;
	height:30px;
	font-size:17px;
	line-height:30px;
	padding-left:15px
}
.operation_row .click-box.small {
	width:165px;
	font-size:14px
}
.operation_row .click-box span:after {
	padding-left:6px;
	font-size:15px
}
}@media (max-width:1199px) {
	.operation_row .click-box {
	display:block;
	width:164px;
	height:26px;
	font-size:15px;
	line-height:26px;
	padding-left:14px
}
.operation_row .click-box.small {
	width:155px;
	font-size:13px
}
.operation_row .click-box span:after {
	padding-left:6px;
	font-size:14px
}
}@media (max-width:767px) {
	.operation_row .click-box {
	width:150px;
	height:24px;
	font-size:14px;
	line-height:24px;
	padding-left:8px
	}
	.operation_row .click-box.small {
		width:130px;
		font-size:12px
	}
	.operation_row .click-box span:after {
		padding-left:6px;
		font-size:13px
	}
}





/* 第三屏产品体系 */


.system_main{
	width: 80%;
	height: 9.1rem;
	margin: 0 auto;
    
}
.system_banner {
	width: 100%;
   	height: 8.8rem;

}

/* 分页部分 */

.system_banner .system_pagination {
	top: 49% !important;
	left: 0;
}
.system_pagination .swiper-pagination-bullet {
	

	width: 5.0333rem;
	height: 2.4333rem;
	background: #FFFFFF;
	
	border-radius: 0%;
	margin:0 0 0.44rem 0 !important;
	opacity: 1;
	/* padding: .3967rem 0rem .3967rem 0rem !important; */
}

.system_pagination .swiper-pagination-bullet .system_pagination_bullet{
	/* width: 3.70rem;
	height: 1.6667rem; */


	width: 4.88rem;
	height: 2.4333rem;
	background: #FFFFFF;
	border-radius: .1333rem .1333rem .1333rem .1333rem;
	border: 1px solid #2af598;
	text-align: left;
	
	/* margin:0px .6667rem; */
}


.system_pagination .swiper-pagination-bullet-active{
	position: relative;

	/* height: 100%; */
	/* padding: .2333rem .6667rem; */
	border: none;
	/* box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.08); */
	/* background: url("../../static/images/system_pagination.png") no-repeat 0 0 / cover; */
	background: url("../images/system_pagination.png") no-repeat 0 0 / cover;;
	background-size: 100% 100%;
	text-align: left;
}
.system_pagination .swiper-pagination-bullet-active .system_pagination_bullet{
	
	border: 1px solid rgb(255, 255, 255,0.01);
	background: none;
}


.system_pagination .swiper-pagination-bullet-active .system_title{
	color: #2af598;
}
.system_pagination .swiper-pagination-bullet-active .system_progress{
	display: inline-block;
	
	position: absolute;
	left:.0233rem;
	bottom: 0;
	width: 0%;
	height: .0667rem;
	border-radius: .1333rem;
	background: #2af598;
}


/* 课程和服务的选项卡样式 */
.system_title{
	/* font-size: .4rem; */
	font-size: 24px;
	font-weight: bold;
	color: #0E0E0E;
	/* margin:.3967rem .6667rem .1667rem .6667rem; */
	margin:.3967rem .6667rem 50px .6667rem;
	
}
.system_text{
	/* font-size: .3rem; */
	font-size: 18px;
	font-weight: 500;
	color: #686C6F;
	margin:0rem .2667rem .2667rem .6667rem;
}

.system_banner_img{
	
	width: 13.2333rem;
	height: 8.1rem;
	/* border: 1px solid #fff; */
	margin:0rem 0 0 6.1rem;
	border-radius: 10px !important;
}



/* 第三屏 选项卡重新写 */
.product_system{
	width: 96%;
	height: 14rem;
	max-height: 8rem;
	position: relative;
	margin:6% auto 0;
}




.product_system::before {

	
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	opacity: 0.9;
	 /* background-color: rgba(255, 255, 255, 0.5); */
    backdrop-filter: blur(5px);
	z-index: 10;
}
.product_tabs{

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 22;
	/* border: 1px solid red; */
}

.product_tabs_ul{
	display: flex;
	justify-content: space-around;
	
	border-bottom: 1px solid #2af598;
}
.product_tabs_ul li{

	flex: 1;
	padding:0.6rem 0;
	text-align: center;

	font-size: .4167rem;
	font-weight: 800;
	border-right: 1px solid #2af598;
	position: relative;
	cursor: pointer;
	/* border: 1px solid; */
	/* margin: .25rem 0; */
}


.product_tabs_ul li:last-child{
	border-right: none;
}


.product_tabs_content{
	width: 100%;
}

.product_tabs_content ul li img{

	width: 96%;
	margin:.9167rem 2%;
	max-height: 5rem;


}
.product_tabs_con_ul li:nth-child(1){
	display:none;
}

.product_tabs_con_ul li:nth-child(2){
	display:none;
}

.product_tabs_artive{

	background: linear-gradient(to right , #2af598, #009efd);
	color: #FFF;

}

.product_tabs_bot{
	width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    position: absolute;
	border-width: .3333rem;
    border-style: dashed dashed solid;
    border-color: #2af598 transparent transparent;

	top:1.6rem;
    left: 3.2rem;
    bottom: 0;
}

@media (min-width:1200px) {
	.product_system{
		width: 50%;
	}

	.product_tabs_ul li{

		padding:0.2rem 0;
		
	}

	.product_tabs_bot{
		top:.86rem;
    	left: 1.4rem;
	}
}

/* 第四屏成功案例 */
.case_main{
	width: 80%;
	height: 460px;
	position: relative;
	/* overflow: hidden; */
	/* border-radius:5% ; */
	margin: 0 auto;
	cursor: pointer;
}

.case_main .case_left{
	width: 50%;
	height: 230px;
	background-color: #ffffff;
	/* border-top-left-radius: 20px; */
    position: relative;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}


@media (max-width: 992px) {

	.case_main{

		overflow: hidden;
	}
	
	.case_main .case_left{
		padding-top:1px ;
		position: relative;
		width: 100%;
	}
	.case_main .case_left h3{
		margin: 35px 20px 10px;
	}

}

.case_main .case_left h3 {
	color:#ffffff;
	color:#000000;
	font-size:28px;
	font-weight: 200;
	margin:50px 20px 10px;
	padding:0;
	line-height:1;
	opacity:0;
	transform:translateX(-30px);
	-moz-transform:translateX(-30px);
	-ms-transform:translateX(-30px);
	-o-transform:translateX(-30px);
	-webkit-transform:translateX(-30px);
	transition:0s .5s;
	-moz-transition:0s .5s;
	-ms-transition:0s .5s;
	-o-transition:0s .5s;
	-webkit-transition:0s .5s
}

.fullScreenActive .case_left h3 u{
	color:#00c0ff;
	font-size:32px;
	text-decoration: none;
}



.fullScreenActive .case_left h3 {
	opacity:1;
	transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	-webkit-transform:translateX(0);
	transition:opacity .5s .5s,transform .5s .5s;
	-moz-transition:opacity .5s .5s,transform .5s .5s;
	-ms-transition:opacity .5s .5s,transform .5s .5s;
	-o-transition:opacity .5s .5s,transform .5s .5s;
	-webkit-transition:opacity .5s .5s,transform .5s .5s
}

.case_main .case_left p {
	margin:18px 0 24px 0;
	
	color:#111111;
	height:90px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	opacity:0;
	font-size: .3rem;
	margin: 20px 20px;
	font-family: 'Alibaba PuHuiTi 2.0 55';
	transition:0s .5s;
	-moz-transition:0s .5s;
	-ms-transition:0s .5s;
	-o-transition:0s .5s;
	-webkit-transition:0s .5s;
	transform:translateX(-30px);
	-moz-transform:translateX(-30px);
	-ms-transform:translateX(-30px);
	-o-transform:translateX(-30px);
	-webkit-transform:translateX(-30px)
}

.fullScreenActive .case_left p {
	transform:translateX(0);
	-moz-transform:translateX(0);
	opacity:1;
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	-webkit-transform:translateX(0);
	transition:opacity .5s .8s,transform .5s ease-out .8s;
	-moz-transition:opacity .5s .8s,transform .5s ease-out .8s;
	-ms-transition:opacity .5s .8s,transform .5s ease-out .8s;
	-o-transition:opacity .5s .8s,transform .5s ease-out .8s;
	-webkit-transition:opacity .5s .8s,transform .5s ease-out .8s
}



/* 第四屏轮播样式 */
.caseSwiper{
	width: 100%;
	height: 460px;
	overflow: hidden;
	/* border-radius: 20px; */
}

.caseSwiper .swiper-button-prev{
	left: -53px;
}

.caseSwiper .swiper-button-next{
	right: -53px;
}
.caseSwiper .swiper-button-prev:before {
    position:absolute;
	left:0;
	top:50%;
	width:200%;
	height:2px;
	background:#ffffff;
	background:#00c0ff;
	content:'';
	transform-origin:bottom left;
	-moz-transform-origin:bottom left;
	-ms-transform-origin:bottom left;
	-o-transform-origin:bottom left;
	-webkit-transform-origin:bottom left;
	transform:rotate(-60deg);
	-moz-transform:rotate(-60deg);
	-ms-transform:rotate(-60deg);
	-o-transform:rotate(-60deg);
	-webkit-transform:rotate(-60deg)
}

.caseSwiper .swiper-button-prev:after {
    position:absolute;
	left:0;
	top:50%;
	width:200%;
	height:2px;
	background:#ffffff;
	background:#00c0ff;
	content:'';
	transform-origin:top left;
	-moz-transform-origin:top left;
	-ms-transform-origin:top left;
	-o-transform-origin:top left;
	-webkit-transform-origin:top left;
	transform:rotate(60deg);
	-moz-transform:rotate(60deg);
	-ms-transform:rotate(60deg);
	-o-transform:rotate(60deg);
	-webkit-transform:rotate(60deg)
}



.caseSwiper .swiper-button-next:before {
	position:absolute;
	right:0;
	top:50%;
	width:200%;
	height:2px;
	background:#ffffff;
	background:#00c0ff;
	content:'';
	transform-origin:bottom right;
	-moz-transform-origin:bottom right;
	-ms-transform-origin:bottom right;
	-o-transform-origin:bottom right;
	-webkit-transform-origin:bottom right;
	transform:rotate(60deg);
	-moz-transform:rotate(60deg);
	-ms-transform:rotate(60deg);
	-o-transform:rotate(60deg);
	-webkit-transform:rotate(60deg)
}
.caseSwiper .swiper-button-next:after {
	position:absolute;
	right:0;
	top:50%;
	width:200%;
	height:2px;
	background:#ffffff;
	background:#00c0ff;
	content:'';
	transform-origin:top right;
	-moz-transform-origin:top right;
	-ms-transform-origin:top right;
	-o-transform-origin:top right;
	-webkit-transform-origin:top right;
	transform:rotate(-60deg);
	-moz-transform:rotate(-60deg);
	-ms-transform:rotate(-60deg);
	-o-transform:rotate(-60deg);
	-webkit-transform:rotate(-60deg)
}

.caseSwiper .case_item .case_img {
	width: 100%;
	height: 230px;
	position: relative;
}

.caseSwiper .case_item .case_img a{
	display: block;
	width: 100%;
	height: 230px;
	overflow: hidden;
	position: relative;
	z-index: 1;

}
.caseSwiper .case_item .case_img a img{
	position:relative;
	z-index: 2;
	width: 100%;
	height: 230px;
	
	transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
	-o-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	-o-transition:.3s;
	/* border: 1px solid red; */
	
} 


.caseSwiper .case_item .case_img:hover a img{
	z-index: 1;
    transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	border: 1px solid blueviolet;
}

.caseSwiper .case_item .case_img a font {
    font-size: 18px;
    position: absolute;
    left: 8%;
    bottom: 8%;
    z-index: 3;
    color: rgba(255,255,255,0);
    padding-bottom: 4px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    text-indent: 20px;
}

.caseSwiper .case_item .case_img:hover a font {
	color:rgba(255,255,255,1);
	text-indent:0
}

.caseSwiper .case_item .case_img a font:before {
	height:2px;
	background:#ffffff;
	background:#00c0ff;
	content:'';
	position:absolute;

	bottom:-5px;
	left:-50px;
	right:300px;
	transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	-o-transition:.2s
}

.caseSwiper .case_item .case_img:hover a font:before {
	right:0
}
.caseSwiper .case_item .case_img a:before {
    content: '';
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: rgba(0,0,0,.4);
    transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
}  

.caseSwiper .case_item .case_img:hover a:before {
    opacity: 1;
}


.caseSwiper .case_item .case_img p.iconfont {
	
    position: absolute;
    top: 20%;
    left: 40%;
    z-index: 3;
    width: 44px;
    height: 44px;
    opacity: 0;
	font-size: 0.5rem;
	font-weight: 100;
	color: #00c0ff;
    cursor: pointer;
    transition: .4s .3s;
    -ms-transition: .4s .3s;
    -moz-transition: .4s .3s;
    -webkit-transition: .4s .3s;
    -o-transition: .4s .3s;
}

.caseSwiper .case_item .case_img:hover p.iconfont {
	opacity:1;
}




/* 第五屏 关于我们 */

.about_main{

    position: relative;
    z-index: 1;
    width: 60%;
    margin: 0% auto;
    top: 0%;
    /* padding-right: 0.9375rem;
    padding-left: 0.9375rem; */
    /* border: 1px solid red; */
    font-family: 'Alibaba PuHuiTi 2.0 55';
	color: #000;
}


.about_main:before {
    position: absolute;
    left: -35px;
    right: -35px;
    top: -35px;
    bottom: 53px;
    z-index: -3;
    display: block;
    content: '';
    background: #ffffff;
    opacity: .96;
}


.about_main .about_left {
    float: left;
    width: 60%;
    height: 435px;
    opacity: 1;
    transform: scale(.6,.6);
    -moz-transform: scale(.6,.6);
    -ms-transform: scale(.6,.6);
    -o-transform: scale(.6,.6);
    -webkit-transform: scale(.6,.6);
    transition: 0s .5s;
    -moz-transition: 0s .5s;
    -ms-transition: 0s .5s;
    -o-transition: 0s .5s;
    -webkit-transition: 0s .5s;
}


.fullScreenActive .about_left {
    opacity: 1;
    transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transition: .6s .51s;
    -moz-transition: .6s .51s;
    -ms-transition: .6s .51s;
    -o-transition: .6s .51s;
    -webkit-transition: .6s .51s;
	
}



.about_main .about_right {
    float: right;
    width: 30%;
    overflow: hidden;
	margin-left: 20px;

}

.about_main .about_item {
   	height: 3.8333rem;
    transform: translate3d(-458px, 0px, 0px);
    transition-duration: 300ms;
}


.fullScreenActive .about_item {
   	transform: translate3d(0,0,0) !important;
}

.about_main .about_right h2 {
    font-size: .2833rem;
    color: rgba(255,255,255,1);
    margin: 5px 0 0 0;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    opacity: 0;
    transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transition: 0s .5s;
    -moz-transition: 0s .5s;
    -ms-transition: 0s .5s;
    -o-transition: 0s .5s;
    -webkit-transition: 0s .5s;
}


.fullScreenActive .about_right h2 {
    opacity: 1;
    color: #ffffff;
    color: #111111;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transition: .4s .6s;
    -moz-transition: .4s .6s;
    -ms-transition: .4s .6s;
    -o-transition: .4s .6s;
    -webkit-transition: .4s .6s;
}

.about_main .about_right h1 {
    font-size: .7667rem;
    color: #ffffff;
    color: #00c0ff;
    letter-spacing: -2px;
    margin: 4px 0 16px 0;
    display: block;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    opacity: 0;
    transform: translateY(-30px) scale(.9,.9);
    -moz-transform: translateY(-30px) scale(.9,.9);
    -ms-transform: translateY(-30px) scale(.9,.9);
    -o-transform: translateY(-30px) scale(.9,.9);
    -webkit-transform: translateY(-30px) scale(.9,.9);
    transition: 0s .5s;
    -moz-transition: 0s .5s;
    -ms-transition: 0s .5s;
    -o-transition: 0s .5s;
    -webkit-transition: 0s .5s;
}
.fullScreenActive .about_right h1 {
    opacity: 1;
    transform: translateY(0) scale(1,1);
    -moz-transform: translateY(0) scale(1,1);
    -ms-transform: translateY(0) scale(1,1);
    -o-transform: translateY(0) scale(1,1);
    -webkit-transform: translateY(0) scale(1,1);
    transition: .4s .7s;
    -moz-transition: .4s .7s;
    -ms-transition: .4s .7s;
    -o-transition: .4s .7s;
    -webkit-transition: .4s .7s;
}
.about_main .about_right p {
	font-size:0.3rem;
	line-height:0.4rem;
	color:rgba(255,255,255,1);
	opacity:0;
	transform:translateX(30px);
	-moz-transform:translateX(30px);
	-ms-transform:translateX(30px);
	-o-transform:translateX(30px);
	-webkit-transform:translateX(30px);
	transition:0s .5s;
	-moz-transition:0s .5s;
	-ms-transition:0s .5s;
	-o-transition:0s .5s;
	-webkit-transition:0s .5s;
	display:block;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}

.fullScreenActive .about_right p {
	opacity:1;
	margin-bottom:10px;
	transform:translateX(0px);
	-moz-transform:translateX(0px);
	-ms-transform:translateX(0px);
	-o-transform:translateX(0px);
	-webkit-transform:translateX(0px)
}
.fullScreenActive .about_right p:nth-child(3) {
	transition:.5s .71s;
	-moz-transition:.5s .71s;
	-ms-transition:.5s .71s;
	-o-transition:.5s .71s;
	-webkit-transition:.5s .71s
}
.fullScreenActive .about_right p:nth-child(4) {
	transition:.5s .8s;
	-moz-transition:.5s .8s;
	-ms-transition:.5s .8s;
	-o-transition:.5s .8s;
	-webkit-transition:.5s .8s
}
.fullScreenActive .about_right p:nth-child(5) {
	transition:.5s .88s;
	-moz-transition:.5s .88s;
	-ms-transition:.5s .88s;
	-o-transition:.5s .88s;
	-webkit-transition:.5s .88s
}


.fullScreenActive .about_right p em {
	float:left;
	width:30px;
	margin-right:10px;
	color:#ffffff;
	color:#111111;
	font-size:24px;
	text-align:center
}
.about_main .about_right p span {
	color:#ffffff;
	color:#000000;
	text-align:left;
	display:block
}
.about_main .about_right dl {
	display:block;
	margin:25px 0 0 0;
	opacity:0;
	transition:0s .5s;
	-moz-transition:0s .5s;
	-ms-transition:0s .5s;
	-o-transition:0s .5s;
	-webkit-transition:0s .5s;
	transform:translate(30px,-30px);
	-moz-transform:translate(30px,-30px);
	-ms-transform:translate(30px,-30px);
	-o-transform:translate(30px,-30px);
	-webkit-transform:translate(30px,-30px)
}


.fullScreenActive .about_right dl {
	opacity:1;
	transform:translate(0);
	-moz-transform:translate(0);
	-ms-transform:translate(0);
	-o-transform:translate(0);
	-webkit-transform:translate(0);
	transition:.5s 1s;
	-moz-transition:.5s 1s;
	-ms-transition:.5s 1s;
	-o-transition:.5s 1s;
	-webkit-transition:.5s 1s
}

.about_main .about_right dl:after {
	display:block;
	content:'';
	clear:both
}
.about_main .about_right dl dt {
	float:left;
	margin-right:15px
}
.about_main .about_right dl dt img {
	width:120px;
	margin:5px
}
.about_main .about_right dl dd {
	margin-bottom:25px;
	display:block
}
.about_main .about_right dl dd strong {
	display:block;
	color:#ffffff;
	color:#00c0ff;
	line-height:1.1;
	font-size:28px;
	display:block;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.about_main .about_right dl dd strong font {
	display:inline-block;
	padding-right:10px
}
.about_main .about_right dl dd strong em {
	color:#ffffff;
	color:#111111;
	opacity:.7;
	font-size:0.4rem;
}
.about_main .about_right dl dd strong em:first-child {
	padding-left:5px
}
.about_main .about_right dl dd span {
	color:#ffffff;
	color:#111111;
	line-height:2;
	margin-top:10px;
	display:block;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	font-size:.2rem;
}
.about_main .about_right dl dd span u {
	color:#ffffff;
	color:#000000
}
@media (max-width:1599px) {
	.contact_list_met_m1156_1_40 .contact-left {
		width:61%;
		height:6.75rem
	}
}
.about_main .about_right {
	width:37%
}
.about_main .about_right h2 {
	font-size:0.2rem
}
.about_main .about_right h1 {
	font-size:0.7rem;
	margin:4px 0 12px 0
}
.about_main .about_right p {
	font-size:17px;
	line-height:0.41rem
}
.about_main .about_right p em {
	margin-right:8px;
	font-size:0.38rem;
}
.about_main .about_right dl {
	margin:25px 0 0 0
}
.about_main .about_right dl dt img {
	width:114px
}
.about_main .about_right dl dd {
	margin-bottom:20px
}
.about_main .about_right dl dd strong {
	font-size:0.45rem;
}
.about_main .about_right dl dd span {
	line-height:2
}


#mapCoordinates{
	width: 100%;
    height: 6.3rem;
}
/* 去除两边的浮动 */
.about_main::after {
    display: block;
    content: '';
    clear: both;
}



@media (max-width: 1100px) {


	.about_main{
		padding: 3rem 0;
	}
	.about_main .about_left {

		width: 100%;
		height: 3rem;
	}

	.about_main .about_right{
		
		width: 100%;
	}

	#mapCoordinates{
		width: 100%;
		height: 3rem;
	}

	.about_main .about_item:nth-child(1){
		display: none;
	}
		

}

@media (max-width: 800px) {
	.about_main{
		height: 16rem;
		padding:0 0 3rem;
	}


	#mapCoordinates{
		width: 100%;
		height: 6rem;
	}

	.about_main .about_right{
		margin-top: 3rem;
	}



}
.section.seciton_footer .fp-tableCell{

	/* 修改最后一屏display属性 */
	display: block!important;
	height: 110px!important;
}
.base_footer{
    width: 100%;

    color: #ffffff;
    color: #eeeeee;
    text-align: center;
	
	background-color: #000000;
}


.footer_main {
    width: 80%;
    margin: 0rem auto 0rem;
  
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
   
    padding-bottom: 0.5333rem;
    margin-bottom: 0.5333rem;
	
}

.footer_main li{
	width: 22%;
	float: left;
	text-align: left;
	padding:0 0px;
	margin-right: 3%;
}


.footer_main li h2{
    height: 0.6667rem;
    /* font-size: .4rem; */
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: 0.5333rem;
}


.footer_main li .footer_img {
    width: 2.4167rem;
    height: 0.6667rem;
}



.footer_main li .code_img {
    width: 140px;
    height: 140px;
}



.footer_nav {
  	width: 80%;
	/* border-bottom: 1px solid #FFF; */
    margin: 0.4rem auto 0.2rem;
	padding-bottom: 10px;
}

.footer_nav ul {
    display: flex;
    font-size: .2333rem;
    font-weight: bold;
    color: #FFFFFF;
}

.footer_nav ul li {
    margin-right: 0.8rem;
}


.footer_nav ul li a {
    font-size: .2333rem;
    font-weight: bold;
    color: #FFFFFF;
	text-decoration: none;
}
.serial_number {
    width: 100%;
    text-align: center;
    font-size: .2rem;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 0.2rem;
    padding-bottom:0.2rem;
}




.serial_number span a {
    color: #ffffff;
   
    transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
	text-decoration: none;
}
.serial_number span a:hover{
	color: #00c0ff;
}
/* 官网底部 */

/* 渐变色标签 */
/* background-image:linear-gradient(360deg,#2af598 0%, #009efd 100%); */
/* background-image: linear-gradient(to right , #2af598, #009efd); */