/* index main */
a:hover,
a:active,
a:focus {
	/* color: rgba(255,255,255,1); */
	outline: none;
	text-decoration: none;
}
.row{
	display: flex;
}
.item{
	margin-bottom: 60px;
}
.about-item {
	margin-top: 30px;
	position: relative;
}
.about-item-bg{
    width: 100%;
    height: 120px;
	background: linear-gradient(90deg, #5BACFF 0%, #4276EF 100%);
	margin-top: -180px;
    margin-bottom: 60px;
}
.about-left{
	margin-top: 50px;
	width:400px;
}
.about-left img{
	width: 100%;
	height: 100%;
}
.about-right{
	flex: 1;
}
.about-item .about-item-content{
	padding: 40px 0px 0px 0px;
    box-sizing: border-box;
}
.about-item .row-title,.newscenter .newscenter-title,.culture .culture-title,.businessportfolio .businessportfolio-title,
.jointownlogistics .jointownlogistics-title,.platform .platform-title{
	font-family: PingFang SC;
	font-size: 36px;
    font-weight: 800;
    color: #4276EF;
    line-height: 46px;
    text-align: center;
}
.about-item .row-title2,.newscenter .newscenter-title2,.culture .culture-title2,.businessportfolio .businessportfolio-title2,
.jointownlogistics .jointownlogistics-title2,.platform .platform-title2{
	font-family: PingFang SC;
    font-weight: 800;
    line-height: 46.13px;
	font-size: 25px;
    text-align: center;
	color: #BABABA;
	margin-bottom: 35px;
}
.businessportfolio .businessportfolio-title{
	padding-top: 45px;
}
.businessportfolio .businessportfolio-title,.businessportfolio .businessportfolio-title2{
	color: #fff;
	position: relative;
}
.businessportfolio-content{
	padding: 0 30px;
	display: flex;
	justify-content: space-around;

}
.businessportfolio-item{
	width: 270px;
    position: relative;
	
}
.businessportfolio-item .businessportfolio-item-bg{
	position: absolute;
    left: 0;
    height: 180px;
    right: 0px;
}
.businessportfolio-item .businessportfolio-item-bg img{
	width: 100%;
	height: 100%;
}
.businessportfolio-item .businessportfolio-item-title{
	width: 90px;
    height: 78px;
    background: #4276EF;
    position: relative;
    margin-left: 90px;
    margin-top: 140px;
}
.businessportfolio-item .businessportfolio-item-title .businessportfolio-item-count{
	font-size: 30px;
    font-weight: 800;
    color: #FFFFFF;
    line-height: 35px;
    padding-top: 5px;
    text-align: center;
}
.businessportfolio-item .businessportfolio-item-title .businessportfolio-item-line{
	width: 60px;
    height: 2px;
    margin-left: 15px;
    background-color: #fff;
}
.businessportfolio-item .businessportfolio-item-content{
    font-size: 13px;
    color: #343434;
    line-height: 20px;
	margin-top: 20px;
}
.businessportfolio-item-text{
	font-size: 13px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 25px;
	text-align: center;
}
.culture .culture-content .culture-tab{
	display: flex;
	justify-content: center;
}
.culture .culture-content .culture-tab .skew{
	border: 2px solid #BBBBBB;
    width: 118px;
    height: 34px;
    background: #fff;
    margin: 0 15px;
    color: #666666;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
	transform: skew(-15deg);
	cursor: pointer;
}
.culture .culture-content .culture-tab .skew.selected{
	border: 2px solid #4276EF;
	background: #4276EF;
	color: #fff;
}
.culture .culture-content .culture-tab .skew .skew-text{
	transform: skew(15deg);
}
.culture .culture-content .culture-text{
	position: relative;
	height: 340px;
	background-color: #fff;
    margin-top: 35px;
    margin: 35px 20px 20px 20px;
	box-shadow: 3px 4px 29px 1px rgba(49, 72, 118, 0.2);
	display: none;
}
.culture .culture-content .culture-text.show{
	display: block;
}
.culture .culture-content .culture-text .culture-text-left{
	width: 474px;
}
.culture .culture-content .culture-text .culture-text-left img{
	height: 100%;
}
.culture .culture-content .culture-text .culture-text-right{
	position: absolute;
    top: 40px;
    right: 20px;
    left: 533px;
}
.culture-item-bg{
	height: 260px;
    width: 100%;
    margin-top: -280px;
    margin-bottom: 100px;
    z-index: -1;
	background: url(?Content/images/pc/JZTbj.png) no-repeat;
	background-size: cover;
}
.culture .culture-content .culture-text .culture-text-right .culture-text-title .culture-line{
	float: left;
    width: 4px;
    margin-right: 10px;
    height: 60px;
    background: linear-gradient(0deg,#4276EF 0%, #FFEE2D 100%);
}
.culture-text-right .culture-text-title .culture-text-title-title {
	color: #4276EF;
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
}
.culture-text-right .culture-text-title .culture-text-title-title2 {
	font-weight: bold;
    line-height: 20px;
    font-size: 15px;
    color: #BABABA;
    margin-bottom: 25px;
}
.culture .culture-text-bg{
	position: absolute;
	top: 0px;
	right: 0px;
}
.culture-text-right .culture-text-content p{
	color: #666;
	line-height: 20px;
	font-size: 13px;
	margin-bottom: 5px;
}
.culture-text-right .culture-text-content p span{
	color: #333;
	font-size: 15px;
	font-weight: 500;
    
}
.about-item .p-title,.jointownlogistics-item .p-title{
	font-size: 20px;
    font-weight: 500;
}
.about-item p,.business-item p,.jointownlogistics-item p{
	font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    color: #343434;

}
.about-item .row-btn{
	right: 20px;
    position: absolute;
    border: 2px solid #FFFFFF;
    border-radius: 2px;
    bottom: 35px;
    height: 45px;
    width: 140px;
    line-height: 41px;
    box-sizing: border-box;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    color: #fff;
    text-align: center;
}
.about-item .row-btn:hover{
	color:#fff;
}
.business-item .business-left{
	width:333px;
	padding: 20px 40px;
	box-sizing: border-box;
	background:rgba(228,243,255,1);
}
.business-item .business-right{
	flex: 1;
}
.business-item .business-right .right-item{
	text-align: center;
	height: 50%;
	box-sizing: border-box;
    border: 2px solid #DDDDDD;
}
.business-item .business-right .right-bottom-item{
	display: flex;
	text-align: center;
    height: 50%;
}
.bottom-item{
	flex: 1;
	box-sizing: border-box;
	border: 2px solid #DDDDDD;
	border-top: 0px solid;
}
.bottom-item:first-child{
	border-right: 0px solid;
}
.business-item .business-right .right-item-img img{
	margin-top: 40px;
}
.business-item .business-right .right-item-text{
	font-size: 13px;
    font-weight: 400;
    color: rgba(51,51,51,1);
    line-height: 65px;
}

.platform{
	position: relative;
}
.platform{
	position: relative;
}
.platform .center-bg{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
}
.platform .center-bg img{
	width: 100%;
}
.platform .platform-list{
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 50px 0px;
    position: relative;
}
.platform .platform-list .list-item{
	box-sizing: border-box;
    position: relative;
    height: 146px;
    width: 25%;
	
}
.platform .platform-list .list-item a{
	position: absolute;
    top: 10px;
	left: 10px;
	right: 10px;
    bottom: 6px;
    width: auto;
    height: auto;
	z-index: 99;
	cursor: pointer;
}
.platform .platform-list .list-item  div{
	position: relative;
    border: 2px solid #E6E6E9;
    height: 126px;
    margin: 10px;
}
.platform .platform-list .list-item .list-item-bg{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;	
}
.platform .platform-list .list-item1 .list-item-bg{
	background: rgba(255,255,255,1);
    opacity: 0.6;
}
.platform .platform-list .list-item1 .title{
	font-size: 40px;
    font-weight: 800;
    color: rgba(51,51,51,1);
    line-height: 42px;
}
.platform .platform-list .list-item1 .line{
	width: 2px;
    height: 25px;
    background: rgba(51,51,51,1);
    margin: 20px 0 10px 0;
}
.platform .platform-list .list-item1 .title2{
	font-size: 22px;
    font-weight: 500;
    color: rgba(51,51,51,1);
    line-height: 53px;
}
.list-item2,.list-item5,.list-item3,.list-item4,.list-item6,.list-item7,.list-item8{
	text-align: center;
}
.list-item2 .list-item-bg,.list-item5 .list-item-bg{
    background: rgba(228,243,255,1);
    opacity: 0.6;
}
.list-item2 img,.list-item5 img,.list-item6 img{
	margin: 40px 0 30px 0;
}
.list-item2 .item2-title,.list-item5 .item2-title,.list-item6 .item2-title{
	font-size: 16px;
    font-weight: 500;
    color: rgba(102,102,102,1);
    line-height: 25px;
}
.list-item3 .list-item-bg{
	background:rgba(89,163,255,1);
	opacity:0.3;
}
.list-item4 .list-item-bg,.list-item7 .list-item-bg{
	background:rgba(255,255,255,1);
	opacity:0.6;
}
.list-item3 img{
	margin-top: 34px;
}
.list-item4 img{
	margin-top: 53px;
    width: 90%;
}
.list-item7 img{
	margin-top: 41px;
    width: 65%;
}
.list-item6 .list-item-bg{
	background:rgba(89,163,255,1);
	opacity:0.5;
}
.list-item6 .item2-title{
	color:rgba(255,255,255,1);
}
.list-item8 .list-item-bg{
	background:rgba(172,213,254,1);
	opacity:0.6;
}
.list-item8 .item8-title{
	margin-top: 50px;
	font-size:22px;
	font-weight:500;
	color:rgba(102,102,102,1);
	line-height:20px;
}
.list-item8 .item8-btn{
	text-align: center;
	margin: 0 auto;
    margin-top: 50px;
	width:100px;
	height:40px;
	line-height: 40px;
	background:linear-gradient(89deg,rgba(91,172,255,1) 0%,rgba(66,118,239,1) 100%);
	border-radius:2px;
	font-size:13px;
	color:rgba(255,255,255,1);
	font-weight: 400;
}
.newscenter .newscenter-content{
	position: relative;
    height: 500px;
}
.newscenter-left{
	float: left;
    width: 480px;
    height: 200px;
}
/* .platform .newscenter{
	position: relative;
	margin-bottom: 100px;
}
.platform .newscenter .newscenter-title{
	font-size:22px;
	font-weight:500;
	color:rgba(51,51,51,1);
	line-height:25px;
}
.platform .newscenter .newscenter-content{
	display: flex;
	margin-top: 20px;
	background:rgba(255,255,255,1);
	box-shadow:0px 11px 23px 10px rgba(148,167,182,0.2);
}
.platform .newscenter .newscenter-content .newscenter-left{
	flex: 1;
	padding: 10px;
    box-sizing: border-box;
} */
.newscenter-left .newscenter-left-btn{
	height: 60px;
}
.newscenter-left .newscenter-left-btn .newscenter-left-btn1,
.newscenter-left .newscenter-left-btn .newscenter-left-btn2{
	cursor: pointer;
	display: inline-block;
    width: 100px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 400;
	margin: 10px;
	color:rgba(102,102,102,1);
}
.newscenter-left .newscenter-left-btn .newscenter-left-btn1.selected,
.newscenter-left .newscenter-left-btn .newscenter-left-btn2.selected{
    background: linear-gradient(89deg,rgba(91,172,255,1) 0%,rgba(66,118,239,1) 100%);
    color: rgba(255,255,255,1);
}
.newscenter-left-content .newscenter-content1-item1{
    padding: 10px;
}
.newscenter-left-content .newscenter-content1-item1 .newscenter-item1-left{
	height: 190px;
	overflow: hidden;
}
.newscenter-left-content .newscenter-content1-item1 .newscenter-item1-left img{
	width: 100%;
	height: fit-content;
}
.newscenter-left-content .newscenter-content1-item1 .newscenter-item1-right{
	box-sizing: border-box;
}
.newscenter-left-content .newscenter-content1-item1 .newscenter-item1-right .newscenter-item1-title{
	font-size: 16px;
	height: 40px;
	line-height: 40px;
    font-weight: 500;
    overflow: hidden;
	color: #333;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.newscenter-left-content .newscenter-content1-item1 .newscenter-item1-right .newscenter-item1-content{
	font-size: 13px;
    font-weight: 400;
    color: #666;
	line-height: 20px;
	overflow: hidden;
    max-height: 120px;
}
.newscenter-left-content .newscenter-content1-item1 .newscenter-item1-right .newscenter-item1-btn,.jointownlogistics-item .row-btn{
	display: inline-block;
	color: #fff;
	margin-top: 15px;
	width: 120px;
    height: 40px;
    text-align: center;
	background: linear-gradient(90deg, #5BACFF 0%, #4276EF 100%);
    border-radius: 2px;
	line-height: 40px;
	font-size: 14px;
}
.newscenter-right .newscenter-content1-item2{
	padding: 10px;
    display: flex;
}
.newscenter-right .newscenter-content1-item2 .newscenter-item2-date{
	width: 70px;
	text-align: center;
	margin-top: 7px;
}
.newscenter-right .newscenter-content1-item2 .newscenter-item2-date .date-date{
	font-size: 35px;
    font-weight: 500;
    color: #333;
    line-height: 44px;
}
.newscenter-right .newscenter-content1-item2 .newscenter-item2-date .date-month{
	font-size: 12px;
    color: #666;
}
.newscenter-right .newscenter-content1-item2 .line{
	width: 2px;
    height: 51px;
    background: rgba(221,221,221,1);
    margin-top: 15px;
}
.newscenter-right .newscenter-content1-item2 .newscenter-item2-content{
	padding:5px 10px;
	flex:1;
}
.newscenter-right .newscenter-content1-item2 .newscenter-item2-content .content-title{
	font-size: 14px;
    line-height: 20px;
	color: #333;
	font-weight: 500;
	margin: 5px 0;
}
.newscenter-right .newscenter-item2-content .content-content{
	font-size: 12px;
	line-height: 20px;
	color: #666;
	width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.newscenter-left-content1,.newscenter-left-content2{
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}
.newscenter-content1-item2:hover{
    background:linear-gradient(97deg,rgba(91,172,255,1) 0%,rgba(66,118,239,1) 100%);
    color: #fff !important;
}
.newscenter-content1-item2:hover .line,
.newscenter-content1-item2:hover .line{
	background-color: #fff;
  }
.newscenter-content1-item2:hover  .newscenter-item2-content .content-content,
.newscenter-content1-item2:hover  .newscenter-item2-content .content-title,
.newscenter-content1-item2:hover .newscenter-item2-date .date-date,
.newscenter-content:hover .line,
.newscenter-content1-item2:hover  .newscenter-item2-date .date-month,
.newscenter-content1-item:hover {
    color: #fff !important;
}
/* .newscenter-left-content .newscenter-content1-item1:hover .newscenter-item1-right .newscenter-item1-btn{
	border: 2px solid #fff;
	border-radius: 2px;
	background: transparent;
} */
.newscenter .newscenter-right{
	position: absolute;
	left: 490px;
	right: 0px;
}
/* .platform .newscenter .newscenter-content .newscenter-right{
	width: 350px;
	padding: 20px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.platform .newscenter .newscenter-content .newscenter-right div{
	position: relative;
}
.platform .newscenter .newscenter-content .newscenter-right .newscenter-right-bg{
	position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.platform .newscenter .newscenter-content .newscenter-right .newscenter-right-bg img{
	width: 100%;
}
.platform .newscenter .newscenter-content .newscenter-right .newscenter-right-title{
	margin-top: 30px;
    font-size: 22px;
    font-weight: 500;
    color: rgba(255,255,255,1);
    line-height: 40px;
} */
.newscenter-right .newscenter-right-item{
	padding: 20px;
}
.newscenter-right .newscenter-right-item img{
	position: absolute;
    left: 4px;
    top: 27px;
}
.newscenter-right .newscenter-right-item  .right-item-title{
	font-size: 16px;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 25px;
    margin-bottom: 10px;
}
.newscenter-right .newscenter-right-item  .right-item-content{
	font-size: 13px;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 24px;
}
/* .platform .platform-list .list-item, */
.business-right .right-item,.business-right .bottom-item{
	background-color: #fff;
}
.businessportfolio{
	position: relative;
	margin-bottom: 80px;
}
.businessportfolio-bg{
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	height: 260px;
	background: url(?Content/images/pc/ywzhbj.png);
}
.jointownlogistics{
	margin-bottom: 60px;
}
.jointownlogistics-content{
	position: relative;
}
.jointownlogistics-content img{
	width: 530px;
    margin-top: 20px;
}
.jointownlogistics-item{
	position: absolute;
    left: 643px;
    right: 0px;
    top: 50px;
}
.jointownlogistics .row-btn:hover{
	color: #fff;
	
}

/* .platform .platform-list .list-item:hover, */
.about-right .row-btn,.jointownlogistics .row-btn,.newscenter .row-btn:hover{
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}
.jointownlogistics .row-btn:hover,.about-right .row-btn:hover,.newscenter .row-btn:hover{
	transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	
}
.platform .platform-list .list-item a:hover{
	box-shadow:0px 0px 0px 0px rgba(148,167,182,0.4);
	border: 2px solid #4276EF;
}

.platform .platform-list .list-item1 div:hover{
	box-shadow:none
}
/* index main */

/* .item,
.item .item-icons li { background: none no-repeat scroll center top; }
.item .item-icons li { background-size: 100% auto; }

.item .title,.title-top,
.item .explain,.explain-top,
.item .item-icons { position: absolute; }

.item { position: relative; height: 700px; }
.item .wrapper { position: relative; height: 100%; }
.item.two { background-color: #fff; z-index: 20; }
.item.three { background-color: #e9f5ff; z-index: 10; }
.item.four { background-color: #f7f7f7; z-index: 10; }
.ecg{padding-top:250px}

.item .title { width: 210px; height: 50px; text-indent: -9999px; background: url(?Content/images/pc/item-title-sprite.png) no-repeat scroll 0 0; }
.item .explain { color: #464a4a; font-size: 21px; line-height: 24px; font-weight: 300;}


.item.two .title { width: 290px; left: 100px; top: 165px; background-position: 0 -50px; }
.item.two .explain { left: 100px; top: 230px; }


.item.three .title { width: 240px; right: 50px; top: 145px; background-position: 0 -100px; }
.item.three .explain { width:315px; right: 50px; top: 210px; }



.item.three .title-top {width: 290px; left: 80px; height: 50px; top: 60px; background-position: 0 0;text-indent: -9999px; background: url(?Content/images/pc/item-title-sprite.png) no-repeat scroll 0 0; }
.item.three .explain-top {left: 90px; top: 130px; color: #464a4a; font-size: 21px; line-height: 24px; font-weight: 300;}


.item.four .title { width: 485px; left: 50px; top: 150px; background-position: 0 -150px; }
.item.four .explain { left: 50px; top: 215px; }

.item .item-icons { left: 5px; bottom: 20px; }
.item .item-icons li { width: 148.8px; height: 148.8px; float: left; margin-left: 41px; background-image: url(?Content/images/pc/home-share-icon-sprite.png); background-size: 300% auto; }
.item .item-icons li.drugs { background-position: 0 0; }
.item .item-icons li.wheelchair { background-position: -148.8px 0; }
.item .item-icons li.brain { background-position: -297.6px 0; }




.item.two.animate .title { animation: box-sliderLeft 1s ease 0s 1 forwards; -webkit-animation: box-sliderLeft 1s ease 0s 1 forwards; }
.item.two.animate .explain { animation: box-sliderLeft 2.5s ease 0s 1 forwards; -webkit-animation: box-sliderLeft 2.5s ease 0s 1 forwards; }

.item.three.animate .title { animation: three-sliderRight-title 1.5s ease 0s 1 forwards; -webkit-animation: three-sliderRight-title 1.5s ease 0s 1 forwards; }
.item.three.animate .explain { animation: three-sliderRight-explain 2.5s ease 0s 1 forwards; -webkit-animation: three-sliderRight-explain 2.5s ease 0s 1 forwards; }

.item.three.animate .title-top { animation: four-sliderRight-title 1s ease 0s 1 forwards; -webkit-animation: four-sliderRight-title 1s ease 0s 1 forwards; }
.item.three.animate .explain-top { animation: four-sliderRight-title 2.5s ease 0s 1 forwards; -webkit-animation: four-sliderRight-title 2.5s ease 0s 1 forwards; }



.item.four.animate .title { animation: four-sliderRight-title 1s ease 0s 1 forwards; -webkit-animation: four-sliderRight-title 1s ease 0s 1 forwards; }
.item.four.animate .explain { animation: four-sliderRight-explain 2.5s ease 0s 1 forwards; -webkit-animation: four-sliderRight-explain 2.5s ease 0s 1 forwards; }
.item.four.animate .platform  { animation: four-sliderRight-platform  1s ease 0s 1 forwards; -webkit-animation: four-sliderRight-platform  1s ease 0s 1 forwards; }



.item.four .platform { width:100px;height:60px;position: absolute; left:400px;background-color: #fff;top:80px;
 text-align: center; border-radius: 10px;padding-top:40px;
 box-shadow: 0 10px 29px 0 rgba(14, 31, 77, 0.1);
    transition: all 0.3s ease-in-out;
    z-index:666;
}
.item.four .platform:hover{ background-color: #59A7FB;width:200px; }
.item.four .platform:hover a{color: #fff; text-decoration: none;}
.item.four .platform a{text-decoration: none;font-weight: bold;color: #464a4a}

.platform.p2 {left:505px !important;top:190px !important;z-index:665 !important;}
.platform.p3 {left:610px !important;z-index:664 !important;}
.platform.p4 {left:715px !important; top:190px !important;z-index:663 !important;}
.platform.p5 {left:820px !important;z-index: inherit 662 !important; }
.platform.p6 {left:925px !important; top:190px !important;z-index:661 !important;}
.platform.p7 {left:1030px !important;z-index:660 !important; } */
/* ./index main */



/*提示向下箭头*/
.tips-arror-bottom { position: fixed; z-index: 9999; left: 50%; margin-left: -50px; bottom: 20px; width: 100px; height: 30px; background: url(?Content/Images/pc/tips-arror-bottom.png) no-repeat scroll left top; background-size: 100% auto; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; animation: arrow .45s ease-in-out .3s infinite alternate; -webkit-animation: arrow .45s ease-in-out .3s infinite alternate; }
@keyframes arrow { to { bottom: 0; }}
@-webkit-keyframes arrow {to { bottom: 0; }}
/*./提示向下箭头*/




/* 首页动画 */
/* 左滑入 */
@keyframes sliderLeft {
	from { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes sliderLeft {
	from { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@keyframes sliderLeft-title {
	from,50% { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes sliderLeft-title {
	from,50% { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@keyframes sliderLeft-down {
	from,57% { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes sliderLeft-down {
	from,57% { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@keyframes box-sliderLeft {
	from,50% { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes box-sliderLeft {
	from,50% { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}
/* 左滑入 */
@keyframes sliderLeft50 {
	from { right: -50%; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes sliderLeft50 {
	from { right: -50%; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}
/* 右滑入 */
@keyframes sliderRight {
	from { left: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes sliderRight {
	from { left: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@keyframes three-sliderRight-title {
	from,33% { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes three-sliderRight-title {
	from,33% { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@keyframes three-sliderRight-explain {
	from,40% { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes three-sliderRight-explain {
	from,40% { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}





@keyframes four-sliderRight-title {
	from { left: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes four-sliderRight-title {
	from { left: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@keyframes four-sliderRight-explain {
	from,40% { left: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes four-sliderRight-explain {
	from,40% { left: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}


@keyframes four-sliderRight-platform {
	from,40% { top: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes four-sliderRight-platform {
	from,40% { top: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}



@keyframes sliderRight50 {
	from { left: -50%; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes sliderRight50 {
	from { left: -50%; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}
/* 上滑入 */
@keyframes sliderBottom {
	from { bottom: -100%; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes sliderBottom {
	from { bottom: -100%; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@keyframes sliderBottom-downBtn {
	from,56.5% { bottom: -100%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes sliderBottom-downBtn {
	from,56.5% { bottom: -100%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

/* 旋转 */
@keyframes rorate360 {
	from { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes rorate360 {
	from { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}
/* 淡入(左右方向) */
@keyframes mobile-childLeft {
	from,to { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	25%,75% { left: -190px; filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; }
}

@-webkit-keyframes mobile-childLeft {
	from,to { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	25%,75% { left: -190px; filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; }
}

@keyframes mobile-childRight {
	from,to { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	25%,75% { right: -190px; filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; }
}

@-webkit-keyframes mobile-childRight {
	from,to { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	25%,75% { right: -190px; filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; }
}
/* ./放大淡入 */

/*动画三*/
@keyframes sliderThree {
	from { width: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes sliderThree {
	from { width: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@keyframes box-sliderThree {
	from,16.67% { width: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes box-sliderThree {
	from,16.67% { width: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

/* 图标滚入 */
@keyframes scrollIn {
	from { margin-left: -2000px; }
	to { transform: rotate(3600deg); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes scrollIn {
	from { margin-left: -2000px; }
	to { transform: rotate(3600deg); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}
/* 放大缩小 */
@keyframes scaleIn {
	from { transform: scale(0); -webkit-transform: scale(0); }
	to { transform: scale(1); -webkit-transform: scale(1); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes scaleIn {
	from { transform: scale(0); -webkit-transform: scale(0); }
	to { transform: scale(1); -webkit-transform: scale(1); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@keyframes scaleIn-wheelchair {
	from,11.76% { transform: scale(0); -webkit-transform: scale(0); }
	to { transform: scale(1); -webkit-transform: scale(1); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes scaleIn-wheelchair {
	from,11.76% { transform: scale(0); -webkit-transform: scale(0); }
	to { transform: scale(1); -webkit-transform: scale(1); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@keyframes scaleIn-brain {
	from,20% { transform: scale(0); -webkit-transform: scale(0); }
	to { transform: scale(1); -webkit-transform: scale(1); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

@-webkit-keyframes scaleIn-brain {
	from,20% { transform: scale(0); -webkit-transform: scale(0); }
	to { transform: scale(1); -webkit-transform: scale(1); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}

.box-hide { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }