*{
	padding:0;margin:0;
	list-style: none;
	text-decoration: none;
}
.a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;}
.a-fadein,.a-fadeinT,.a-fadeinR,.a-fadeinB,.a-fadeinL,.a-bouncein,.a-bounceinT,.a-bounceinR,.a-bounceinB,.a-bounceinL,.a-rotatein,.a-rotateinLT,.a-rotateinLB,.a-rotateinRT,.a-rotateinRB,.a-flipin,.a-flipinX,.a-flipinY{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;}
.a-fadeout,.a-fadeoutT,.a-fadeoutR,.a-fadeoutB,.a-fadeoutL,.a-bounceout,.a-bounceoutT,.a-bounceoutR,.a-bounceoutB,.a-bounceoutL,.a-rotateout,.a-rotateoutLT,.a-rotateoutLB,.a-rotateoutRT,.a-rotateoutRB,.a-flipout,.a-flipoutX,.a-flipoutY{-webkit-animation:1s ease-in forwards;-moz-animation:1s ease-in forwards;-ms-animation:1s ease-in forwards;animation:1s ease-in forwards;}
.a-flipinX{-webkit-animation-name:flipinX;-moz-animation-name:flipinX;-ms-animation-name:flipinX;animation-name:flipinX;}
.a-rotateinLT{-webkit-animation-name:rotateinLT;-moz-animation-name:rotateinLT;-ms-animation-name:rotateinLT;animation-name:rotateinLT;}
p{
	margin:0;
}
.l{
	float:left;
}
.r{
	float:right;
}
.b{
	font-weight: bold;
}
.tc{
	text-align: center;
}
.lh24{
	line-height: 24px;
}
.b{
	font-weight: bold;
}
.banner{
	width:100%;
	height:300px;
	overflow: hidden;
	background:url('../images/ovo2.png') ;
	background-size: 100% 100%;
	/*margin-top:103px;*/
}
.sum_r{
	padding-top: 110px;
	width:55%;
}
.headname{
	padding-top: 84px;
    width: 30%;
    text-align: center;
    margin-left: 15%;
    font-weight: bold;
}

.lines{
	border-top:1px solid #ff5a00;
	border-bottom: 1px solid #ff5a00;
	height:3px;	
}
.title{
	margin-top:30px;
	overflow: hidden;
	padding:0 30px 30px 0px  ;
	border-bottom:1px solid #f2f2f2;
}
.title li{
	font-size: 14px;
	float: left;
	margin-right:28px;
	cursor: pointer;
	font-weight: bold;
}
.model{
	padding:60px 0;
	/*border-bottom:1px solid #f2f2f2;*/
}

.model ul{
	width:100%;
	width:100%;
	overflow: hidden;
}
.model li{
	/*float: left;*/
	width:182px;
	margin-right:65px;
}
.model li:last-child{
	margin-right:0;
}
.imgs{
	margin:30px auto;
	text-align: center;
}
.model li p{
	text-align: center;
	line-height: 24px;
}
.core{
	padding:60px 0;
	overflow: hidden;
}
.core p{
	line-height: 24px;
}

.applybtn{
	background-color: #FF5A00;
	width:240px;
	height:48px;
	color:#fff;
	font-size: 14px;
	border-radius: 24px;
	border:none;
	margin-bottom:100px;
	margin-top:20px;
}
.core li{
	float: left;
	margin-right:148px;
	width:182px;
	text-align: center;
}

.core li:last-child,.distribution li:last-child,.agent li:last-child,.brand li:last-child{
	margin:0;
}
.distribution li,.agent li,.brand li{
	width:182px;
	float: left;
	margin-right:312px;
	text-align: center; 
}
.distribution>div,.bidding>div,.agent>div,.brand>div{
	padding:60px 0;
	overflow: hidden;
}
.distribution .fuwu,.bidding .fuwu,.agent .fuwu,.brand .fuwu{
	border-bottom:1px solid #f2f2f2;
}
.distribution ul p,.bidding ul p,.agent ul p,.brand ul p{
	line-height: 24px;
}
.bidding li{
	width:182px;
	float: left;
	text-align: center; 
}
.bidding .fuwu li{
	margin-right: 146px;
}
.bidding .fuwu li:last-child{
	margin-right: 0;
}
.bidding .hexin li{
	margin-right:313px; 
}
.bidding .hexin li:last-child{
	margin-right: 0;
}
.ovo,.distribution,.agent,.brand,.bidding{
	transition: all 1s ease;
}
.trans{
	/*transform: translate(-50%);
	-ms-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-webkit-transform: translate(-50%);*/
	margin-left:-100%;
}
._trans{
	/*transform: translate(100%);
	-ms-transform: translate(100%);
	-moz-transform: translate(100%);
	-webkit-transform: translate(100%);*/
	margin-left:100%;
}
.absolute{
	position: absolute;
}
#service_pro{
	position: relative;
	overflow: hidden;
	margin-bottom:30px;
	/*height:1200px;*/
}
.outdatabox{
	width:100%;
	min-height:1300px; 
}
/*轮播*/
.imgbg{
	background: url(../images/banner.png);
    width: 100%;
    height: 300px;
}
.carousel {
    height: 300px;
    margin-bottom: 60px;
    position: relative; 
     /*margin-top: 103px;*/
}

.carousel-caption {
    z-index: 10;
}

.carousel-caption {
    width: 300px;
    text-align: left;
    height: 264px;
    top: 50%;
    margin-top: -132px;
}


.carousel-control.left {
    background-image: none;
    background-repeat: repeat-x;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: none;
    background-repeat: repeat-x;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=100);
    opacity: 1;
}
/* .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background-color: #ff5a00;
    border: 1px solid #ff5a00;
}

.carousel-indicators li {  
    margin-left: 5px;
    border: 1px solid #999;
    
} */

.carousel-caption {
    position: absolute;
    /*right: 15%;*/
    bottom: 20px;
    left: 100px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000;
    text-align: left;
    text-shadow: none;
}

.carousel-container {
    width: 1172px;
    height: 0px;
    position: relative;
    left: 50%;
    margin-left: -586px;
    top:150px;
    z-index:5;
}

.carousel-left {
    background: #d2d2d2 url('../images/arrow.png') no-repeat center/11px 22px;
    position: absolute;
    left: 0;
    width: 52px;
    height: 52px;
    top: 50%;
    margin-top: -26px;
    border-radius: 50%;
    opacity: .4;
    filter: Alpha(opacity=40);
    z-index:10;
}

.carousel-right {
    background: #d2d2d2 url('../images/arrow.png') no-repeat center/11px 22px;
    position: absolute;
    right: 0;
    width: 52px;
    height: 52px;
    top: 50%;
    margin-top: -26px;
    border-radius: 50%;
    opacity: .8;
    filter: Alpha(opacity=80);
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    z-index: 10;
}
.carousel .item {
    height: 300px;
    background-color: #777;
    z-index: 0;
    cursor: pointer;
}
.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 300px;
}
.carousel-right:hover {
    background-color: #ffac7e;
    cursor: pointer;
}
.carousel-left:hover {
    cursor: pointer;
    background-color: #ffac7e;
}

.play{
	text-align: center;
	padding-top:100px;
	position: relative;
	z-index: 12;
}
.video{
	border-bottom:1px solid #f2f2f2;
	overflow: hidden;
}
.video ul{
	padding:30px 0;
	margin:0;
}
.video li{
	float: left;
	cursor: pointer;
	font-weight: bold;
}
.video li:hover{
	color:#ff5a00;
}
.video_classify li{
	margin-right:28px;
}
.video_sort li{
	margin-left:28px;
}
.video_pic{
	width:170px;
	height:95px;
}
.small_play{
	width:52px;
	height:52px;
	margin-top:-110px;
}

.video_list li{
	float: left;
	padding:15px;	
	box-sizing: border-box;
	border:1px solid #f2f2f2;
	width:200px;
	height:300px;
	background: #f2f2f2;
	margin-right: 40px;
	margin-top:60px;
	transition: all 0.5s;
	position: relative;
	cursor: pointer;
}
.video_list li:hover{
	border:1px solid #ff5a00;
	background-color: #fff;
	/*box-shadow: 5px 5px 5px #ff5a00;*/
	/*margin-top:58px;*/
}
.video_list li:hover .video_btn{
	background-color: #ff5a00;
	color:#fff;
}
.video_list li:nth-child(5n){
	margin-right:0;
}
.video_list li:nth-child(5n+1){
	clear: left;
}
.video_list li div{
	position: relative;
	/*margin-bottom: 30px;*/
	text-align: center;
}
.video_btn{
	width: 120px;
    height: 30px;
    border: 1px solid #ff5a00;
    border-radius: 15px;
    background: transparent;
    /* margin: 10px 0; */
    color: #ff5a00;
    transition: all 0.5s;
    position: absolute;
    left: 40px;
    bottom: 30px;
}


.more_video{
	background: #ff5a00;
	color:#fff;
	width:240px;
	height:48px;
	border:none;
	border-radius: 24px;
	margin:80px 0;
}

/*招商服务详情*/
.video_detail{
	width:1172px;
	margin:auto ;
	height:550px;
	border:1px solid #aaa;
	/*margin-top:103px;*/
}
.function{
	margin-top:-80px;
}
.view{
	padding-left:30px;
	background: url('../images/view.png') no-repeat 0 4px;
}
.red_line{
	border: 2px solid #ff5a00;
    height: 3px;
    width: 14px;
    display: inline-block;
    margin: 3px 12px;
}
.tubiao{
	width: 24px;
    height: 24px;
    display: inline-block;
    background: #999;
    border-radius: 50%;
    vertical-align: middle;
    cursor: pointer;
}
.weibo_logo:hover{
	background: #CD0311;
}
.qq:hover{
	background: #167BE2;
}
.weixin:hover{
	background: #3CB034;
}
.intro{
	border-left:3px solid #ff5a00;
	padding-left:30px;
	margin-bottom: 60px;
}
.investdetail{
	margin-bottom:80px;
	line-height: 36px;
}
/*1.1新增加的样式*/
.ovotext{
 margin-top:60px;
 width:100%;
 height:36px; 
 padding:0 0 0 30px;
 color:#999;
 font-size:14px!important; 
 position: relative;
}
.line-height{
 line-height:40px;
}
.shugang2{
	display: block;
	height:36px;
	width:3px;
	background:#ff5a00; 
	position: absolute;
	left:0;
	top:0;
}
.pictbackgrounda{
	width:365px;
	height:46px; 
	margin:75px auto;
	background:url('../images/hangyehard1.png') no-repeat center;
}
.pictbackgroundb{
	width:365px;
	height:46px; 
	margin:75px auto;
	background:url('../images/hangyehard2.png') no-repeat center;
}
.pictbackgroundc{
	width:365px;
	height:46px; 
	margin:75px auto!important;
	background:url('../images/hangyehard3.png') no-repeat center;
}
.pictbackgroundd{
	width:365px;
	height:46px; 
	margin:45px auto!important;
	background:url('../images/hangyehard6.png') no-repeat center;
}
.pictbackgrounde{
	width:465px;
	height:46px; 
	margin:65px auto!important;
	background:url('../images/hangyehard7.png') no-repeat center;
}
.hangyehard{
 width:100%;
 height:300px;
 position: relative;
}
.hangyehard .psize{
	font-size:18px;
	color:#fff; 
}
.hangyehard .psize1{
	font-size:15px;
	color:#fff; 
}
.hangyeharda{
 width: 200px;
 height: 300px;
 overflow: hidden;
 /*background:url('../images/b1.png') no-repeat center;*/
 border-radius:20px;
}
.bottomtitle{
	width: 100%;
	height:40px;
	line-height:40px!important;
	text-align: center;
	background:#a3ddff; 
	font:20px "微软雅黑";
	color:#fff;
	margin-top: 50px
}
.weizhi{
margin-top: 30px	
}
.f{
 background:#ffebb9; 	
}
.c{
	background:#fcddcd;
}
.d{
	background:#daadfd;
}
.hangyehardb{
 width: 200px;
 height: 300px;
 overflow: hidden;
 /*background:url('../images/b2.png') no-repeat center;*/
 border-radius:20px;
 position: absolute;
 top:0;
 left:323px;
}
.hangyehardc{
 width: 200px;
 height: 300px;
 overflow: hidden;
 /* background:url('../images/b3.png') no-repeat center;*/
 border-radius:20px;
 position: absolute;
 top:0;
 left:649px;
}
.hangyehardd{
 width: 200px;
 height: 300px;
 overflow: hidden;
 /* background:url('../images/b4.png') no-repeat center;*/
 border-radius:20px;
 position: absolute;
 top:0;
 right:0;
}
.zhaoshangqiye{
	width: 100%;
	height:340px!important;
}
.tongdiantext{
	width:100%;
	height:215px;
}
.circle{
	width:52px;
	height:52px; 
	border-radius: 50%;
	font-size:25px;
	line-height:52px; 
	text-align: center;
	color:#fff;
}
.one{
	position:absolute;
	top:0; 
	left:0;	
	background:url('../images/c1.png') no-repeat center;
}
.onea{
	position: absolute;
	left:72px;
	top:0;
}
.two{
	position:absolute;
	top:81.5px; 
	left:0;
	background:url('../images/c2.png') no-repeat center;	
}
.twoa{
	position: absolute;
	left:72px;
	top:81.5px;
}
.three{
	position:absolute;
	top:163px; 
	left:0;	
	background:url('../images/c3.png') no-repeat center;	
}
.threea{
	position: absolute;
	left:72px;
	top:163px;
}
.four{
	position: absolute;
	left:600px;
	top:0px;
	background:url('../images/c4.png') no-repeat center;	
}
.foura{
	position: absolute;
	left:672px;
	top:0px;
}
.five{
	position: absolute;
	left:600px;
	top:81.5px;
	background:url('../images/c5.png') no-repeat center;	
}
.fivea{
	position: absolute;
	left:672px;
	top:81.5px;
}
.six{
	position: absolute;
	left:600px;
	top:163px;
	background:url('../images/c6.png') no-repeat center;	
}
.sixa{
	position: absolute;
	left:672px;
	top:163px;
}
.tongdiantextson{
	width:300px;
	height:52px;
	line-height:52px;
	text-align: left;
	font-size:18px!important; 
	font-style:bold!important ;
}
.tongdiantextson span{
	color:#ff5a00;
	font-size:18px; 
}
.pictandtext{
	width: 100%;
	position: relative;
	height:135px;
	margin-top:50px;
}
.pictandtextone{
	width: 173px;
	height:95px;
	position: absolute;
	/*background: #f2f2f2;*/
	top:0;
	left:0;
}
.pictandtexta{
	width: 85px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	left:44px;
	top:120px;
}
.pictandtexttwo{
	width: 170px;
	height:95px;
	position: absolute;
	background: #f2f2f2;
	top:0;
	left:200px;
}
.pictandtextb{
	width: 180px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	left:200px;
	top:120px;
}
.xtb{
width: 143px;
left:220px;	
}
.dtextb{
	width:85px;
	left:235px;
}
.pictandtextthree{
	width: 170px;
	height:95px;
	position: absolute;
	background: #f2f2f2;
	top:0;
	left:400px;
}
.pictandtextc{
	width: 185px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	left:400px;
	top:120px;
}
.dtextc{
	width: 85px;
	left:440px;
}
.pictandtextfour{
	width: 170px;
	height:95px;
	position: absolute;
	background: #f2f2f2;
	top:0;
	left:600px;
}
.pictandtextd{
	width: 180px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	left:600px;
	top:120px;
}
.xtd{
width: 145px;
left:615px;	
}
.extd{
	width: 150px;
    left:615px;	
}
.dtextd{
		width: 85px;
		left:650px;
}
.pictandtextfive{
	width: 170px;
	height:95px;
	position: absolute;
	background: #f2f2f2;
	top:0;
	left:800px;
}
.pictandtexte{
	width: 175px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	left:800px;
	top:120px;
}
.xte{
	width: 140px;
	left:820px;
}
.dtexte{
	width:85px;
	left:846px;
}
.pictandtextsix{
	width: 170px;
	height:95px;
	position: absolute;
	background: #f2f2f2;
	top:0;
	right:0;
}
.pictandtextf{
	width: 165px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	right:0;
	top:120px;
}
.xtf{
	width: 155px;
	right:10px;
}
.dtextf{
    width:85px;
	right:40px;	
}
.jiahaoa{
	width:30px;
	height:95px; 
    background:url('../images/hangyehard4.png') no-repeat center;
    position: absolute;
    top:0;
    left:170px;
}
.jiahaob{
	width:30px;
	height:95px; 
    background:url('../images/hangyehard4.png') no-repeat center;
    position: absolute;
    top:0;
    left:373px;
}
.jiahaoc{
	width:30px;
	height:95px;
	background:url('../images/hangyehard4.png') no-repeat center; 
    position: absolute;
    top:0;
    left:572px;
}
.jiahaod{
	width:30px;
	height:95px; 
    background:url('../images/hangyehard4.png') no-repeat center;
    position: absolute;
    top:0;
    right:370px;
}
.jiahaoe{
	width:30px;
	height:95px; 
    background:url('../images/hangyehard4.png') no-repeat center;
    position: absolute;
    top:0;
    right:170px;
}
.jiantou{
	width: 139px;
	height:150px;
	margin:50px auto ;
    background:url('../images/hangyehard5.png') no-repeat center; 
}
.shangyejiazhicontent{
	width: 100%;
	position: relative;
	height:190px;
	margin-top:10px!important;
}
.jiazhicontentone{
	width: 170px;
	height:90px;
	position: absolute;
	background: #f2f2f2;
	top:0;
	left:0;
}
.jiazhicontenttexta{
	width: 85px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	left:44px;
	top:120px;
}
.enttexta{
	width: 65px;
	left:57px;	
}
.jiazhicontenttextA{
	width: 200px;
	height:40px;
	text-align:center;
	position: absolute;
	left:0;
	top:150px;
	color:#999;
}
.tA{
 width: 170px;	
}
.tB{
 text-align:left;		
}
.jiazhicontenttwo{
	width: 170px;
	height:90px;
	position: absolute;
	background: #f2f2f2;
	top:0;
	left:324px;
}
.jiazhicontenttextb{
	width: 85px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	left:376px;
	top:120px;
}
.jiazhicontenttextB{
	width: 240px;
	height:40px;
	text-align:center;
	position: absolute;
	left:314px;
	top:150px;
	color:#999;
}
.xtB{
 left:295px; 	
}
.jiazhicontentthree{
	width: 170px;
	height:90px;
	position: absolute;
	background: #f2f2f2;
	top:0;
	left:682px;
}
.jiazhicontenttextc{
	width: 85px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	left:736px;
	top:120px;
}
.enttextc{
	width: 65px;
	left:736px;	
}
.jiazhicontenttextC{
	width: 240px;
	height:40px;
	text-align:center;
	position: absolute;
	left:650px;
	top:150px;
	color:#999;
}
.jiazhicontentfour{
	width: 170px;
	height:90px;
	position: absolute;
	background: #f2f2f2;
	top:0;
	right:0;
}
.jiazhicontenttextd{
	width: 85px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	right:50px;
	top:120px;
}
.ttextd{
width: 40px;
right:65px;	
}
.jiazhicontenttexte{
	width: 200px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	right:0;
	top:120px;
}
.te{
 text-align:right;	
}
.jiazhicontenttextD{
	width: 180px;
	height:40px;
	text-align:center;
	position: absolute;
	right:0;
	top:150px;
	color:#999;
}
.successcase{
	width:100%;
	margin-top:30px!important; 
}
/*营销数据*/
.databackgrounda{
	width:511px;
	height:46px; 
	margin:65px auto!important;
	background:url('../images/saledata1.png') no-repeat center;
}
.databackgroundb{
	width:365px;
	height:47px; 
	margin:65px auto!important;
	background:url('../images/saledata2.png') no-repeat center;
}
.databackgroundc{
	width:365px;
	height:47px; 
	margin:65px auto!important;
	background:url('../images/saledata3.png') no-repeat center;
}
.shujushengtai{
	width: 100%;
	position: relative;
	height:135px;
	margin-top:50px;
}
.shujushengtaione{
	width: 170px;
	height:90px;
	position: absolute;
	background: #f2f2f2;
	top:0;
	left:0;
}
.shujushengtaia{
	width: 180px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	left:0;
	top:120px;
}
.taia{
	width: 70px;
	left:54px;
}
.shujushengtaitwo{
	width: 170px;
	height:90px;
	position: absolute;
	background:#f2f2f2;
	top:0;
	left:250px;
}
.shujushengtaib{
	width: 210px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	left:230px;
	top:120px;
}
.ib{
width: 215px	
}
.taib{
	width: 115px;
	left:284px;
}
.shujushengtaithree{
	width: 170px;
	height:90px;
	position: absolute;
	background:#f2f2f2;
	top:0;
	left:504px;
}
.shujushengtaic{
	width:170px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	left:504px;
	top:120px;
}
.taic{
	width: 144px;
	left:522px;
}
.shujushengtaifour{
	width: 170px;
	height:90px;
	position: absolute;
	background:#f2f2f2;
	top:0;
	right:250px;
}
.shujushengtaid{
	width: 180px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	right:250px;
	top:120px;
}
.taid{
	width: 160px;
	right:250px;	
}
.shujushengtaifive{
	width: 170px;
	height:90px;
	position: absolute;
	background:#f2f2f2;
	top:0;
	right:0;
}
.shujushengtaie{
	width: 188px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	right:0;
	top:120px;
}
.gtaie{
width: 193px;	
}
.taie{
width: 170px;	
}
/*招商外包*/
.zhaoshangbackgrounda{
	width:465px;
	height:47px; 
	margin:65px auto!important;
	background:url('../images/zhaoshang1.png') no-repeat center;
}
.zhaoshangbackgroundb{
	width:365px;
	height:46px; 
	margin:65px auto!important;
	background:url('../images/zhaoshang2.png') no-repeat center;
}
.zhaoshangbackgroundc{
	width:365px;
	height:46px; 
	margin:60px auto!important;
	background:url('../images/zhaoshang3.png') no-repeat center;
}
.huoqukehu{
	width: 540px;
	height:38px;
	line-height:38px;
	text-align:center; 
	font-size:28px;
	color:#333;
	position: relative;
}
.bg1{
	display: block;
	height:28px;
	width:3px;
	background:#ff5a00; 
	position: absolute;
	left:25px;
	top:5px;
}
.bg2{
	display:block;
	height:28px;
	width:3px;
	background:#ff5a00; 
	position:absolute;
	right:25px;
	top:5px;
}
.bg3{
	display: block;
	height:28px;
	width:3px;
	background:#ff5a00; 
	position: absolute;
	left:15px;
	top:5px;
}
.bg4{
	display:block;
	height:28px;
	width:3px;
	background:#ff5a00; 
	position:absolute;
	right:15px;
	top:5px;
}
.bg5{
	display: block;
	height:28px;
	width:3px;
	background:#ff5a00; 
	position: absolute;
	left:90px;
	top:5px;
}
.bg6{
	display:block;
	height:28px;
	width:3px;
	background:#ff5a00; 
	position:absolute;
	right:90px;
	top:5px;
}
.eightpict{
	width:100%;
	height:150px;
	position:relative;
}
.eightpicta{
	width:270px;
	height:150px;
	/*background:#f2f2f2;*/
	position:absolute;
	top:0;
	left:0;
}
.eightpictb{
	width:270px;
	height:150px;
	/*background:#f2f2f2;*/
	position:absolute;
	top:0;
	left:300px;
}
.eightpictc{
	width:270px;
	height:150px;
	/*background:#f2f2f2;*/
	position:absolute;
	top:0;
	left:600px;
}
.eightpictd{
	width:270px;
	height:150px;
	/*background:#f2f2f2;*/
	position:absolute;
	top:0;
	right:0;
}
.xiaolvzuiyou{
	width: 100%;
	height:175px;
	position: relative;
	margin-top:50px; 
}
.xiaolvzuiyouone{
	width: 170px;
	height:90px;
	position: absolute;
	background: #f2f2f2;
	top:0;
	left:20px;
}
.xiaolvzuiyoua{
	width: 80px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	left:60px;
	top:120px;
}
.xiaolvzuiyouason{
	width: 100%;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: relative;
}
.shugang{
	display: block;
	height:16px;
	width:4px;
	background:#ff5a00; 
	position: absolute;
	left:0;
	top:0;
}
.xiaolvzuiyouA{
	width: 220px;
	height:40px;
	text-align:center;
	position: absolute;
	left:0;
	top:150px;
	color:#999;
}
.xiaolvzuiyoutwo{
	width: 170px;
	height:90px;
	position: absolute;
	background:#f2f2f2;
	top:0;
	left:500px;
}
.xiaolvzuiyoub{
	width: 80px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	left:554px;
	top:120px;
}
.xiaolvzuiyouB{
	width: 220px;
	height:40px;
	text-align:center;
	position: absolute;
	left:480px;
	top:150px;
	color:#999;
}
.xiaolvzuiyouthree{
	width: 170px;
	height:90px;
	position: absolute;
	background: #f2f2f2;
	top:0;
	right:20px;
}
.xiaolvzuiyouc{
	width: 80px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	right:60px;
	top:120px;
}
.xiaolvzuiyouC{
	width: 220px;
	height:40px;
	text-align:center;
	position: absolute;
	right:0;
	top:150px;
	color:#999;
}
.yaoyuebackgrounda{
	width:625px;
	height:83px; 
	margin:75px auto;
	background:url('../images/yaoyue1.png') no-repeat center;
}
.yaoyuebackgroundb{
	width:619px;
	height:80px; 
	margin:75px auto;
	background:url('../images/yaoyue2.png') no-repeat center;
}
.yaoyuebackgroundc{
	width:426px;
	height:46px; 
	margin:75px auto;
	background:url('../images/yaoyue3.png') no-repeat center;
}
 /* 精准赴约*/
 .commonpict{
 	width:100%;
 	height:200px; 
 	position: relative;
 }
 .commonpictone{
 	width: 170px;
 	height:95px;
 	position: absolute;
 	background:#f2f2f2;
 	top:0;
 	left:0;
 }
 .commonpicta{
	width: 85px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	left:44px;
	top:120px;
}
.commonpicttexta{
	width: 170px;
	height:40px;
	text-align:center;
	position: absolute;
	left:0;
	top:150px;
	color:#999;
}
.commonpicttwo{
 	width: 170px;
 	height:95px;
 	position: absolute;
 	background:#f2f2f2;
 	top:0;
 	left:250px;
 }
 .commonpictB{
	width: 85px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	left:294px;
	top:120px;
}
.commonpicttextb{
	width: 180px;
	height:40px;
	text-align:center;
	position: absolute;
	left:250px;
	top:150px;
	color:#999;
}
.commonpictthree{
 	width: 170px;
 	height:95px;
 	position: absolute;
 	background:#f2f2f2;
 	top:0;
 	left:500px;
 }
 .commonpictc{
	width: 85px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	left:544px;
	top:120px;
}
.commonpicttextc{
	width: 170px;
	height:40px;
	text-align:center;
	position: absolute;
	left:500px;
	top:150px;
	color:#999;
}
.commonpictfour{
 	width: 170px;
 	height:95px;
 	position: absolute;
 	background:#f2f2f2;
 	top:0;
 	right:264px;
 }
 .commonpictd{
	width: 85px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	right:308px;
	top:120px;
}
.commonpicttextd{
	width: 170px;
	height:40px;
	text-align:center;
	position: absolute;
	right:264px;
	top:150px;
	color:#999;
}
.commonpictfive{
 	width: 170px;
 	height:95px;
 	position: absolute;
 	background:#f2f2f2;
 	top:0;
 	right:0;
 }
 .commonpicte{
	width: 85px;
	height:16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	right:44px;
	top:120px;
}
.commonpicttexte{
	width: 180px;
	height:40px;
	text-align:center;
	position: absolute;
	right:0;
	top:150px;
	color:#999;
}
/*底部状态栏*/
/* .footer{
 width: 100%;
 height:428px!important;
 background:#333 ;
}
.form_48{
    color: #333;
    width:328px;
    height: 48px;
    border-radius:24px;
    background: #fff;
    line-height: 48px;
    padding-left:22px;
    margin-bottom: 10px;
    margin-left:12px;

}
.form_48 input{
    width:232px;
}
.form_48 input,.form_96 textarea{
    border:none;
    margin-left:5px;
}
.form_48 label span{
    color:#ff5a00;
}
.form_96{
    height:96px;
    color: #333;
    width:328px;
    border-radius:24px;
    background: #fff;
    padding-left:22px;
    margin-bottom: 10px;
    margin-left:12px;
    padding-top:15px;
}
.form_96 textarea{
    width:210px;
    height:90%;
    vertical-align: text-top;
}
.key_btn{
    background: #ff5a00;
    width:328px;
    height:48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    margin-left:12px;
    border-radius: 24px;
    border:none;
} */
.divborder{
	border:2px solid #cfced3;
	padding:1px 1px 1px 1px;
}
 .size{
 	width:170px;
 	height:95px; 
 }
 @-webkit-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-ms-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
/* 淡入-从上 */
@-webkit-keyframes fadeinT{
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinT{
    0%{opacity:0;-moz-transform:translateY(-100px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeinT{
    0%{opacity:0;-ms-transform:translateY(-100px);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeinT{
    0%{opacity:0;transform:translateY(-100px);}
    100%{opacity:1;transform:translateY(0);}
}
/* 淡入-从右 */
@-webkit-keyframes fadeinR{
    0%{opacity:0;-webkit-transform:translateX(100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinR{
    0%{opacity:0;-moz-transform:translateX(100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinR{
    0%{opacity:0;-ms-transform:translateX(100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinR{
    0%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}
/* 淡入-从下 */
@-webkit-keyframes fadeinB{
    0%{opacity:0;-webkit-transform:translateY(100px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinB{
    0%{opacity:0;-moz-transform:translateY(100px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeinB{
    0%{opacity:0;-ms-transform:translateY(100px);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeinB{
    0%{opacity:0;transform:translateY(100px);}
    100%{opacity:1;transform:translateY(0);}
}
/* 淡入-从左 */
@-webkit-keyframes fadeinL{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinL{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinL{
    0%{opacity:0;-ms-transform:translateX(-100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinL{
    0%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}
/* 淡出 */
@-webkit-keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
@-moz-keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
@-ms-keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
@keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
/* 淡出-向上 */
@-webkit-keyframes fadeoutT{
    0%{opacity:1;-webkit-transform:translateY(0);}
    100%{opacity:0;-webkit-transform:translateY(-100px);}
}
@-moz-keyframes fadeoutT{
    0%{opacity:1;-moz-transform:translateY(0);}
    100%{opacity:0;-moz-transform:translateY(-100px);}
}
@-ms-keyframes fadeoutT{
    0%{opacity:1;-ms-transform:translateY(0);}
    100%{opacity:0;-ms-transform:translateY(-100px);}
}
@keyframes fadeoutT{
    0%{opacity:1;transform:translateY(0);}
    100%{opacity:0;transform:translateY(-100px);}
}
/* 淡出-向右 */
@-webkit-keyframes fadeoutR{
    0%{opacity:1;-webkit-transform:translateX(0);}
    100%{opacity:0;-webkit-transform:translateX(100px);}
}
@-moz-keyframes fadeoutR{
    0%{opacity:1;-moz-transform:translateX(0);}
    100%{opacity:0;-moz-transform:translateX(100px);}
}
@-ms-keyframes fadeoutR{
    0%{opacity:1;-ms-transform:translateX(0);}
    100%{opacity:0;-ms-transform:translateX(100px);}
}
@keyframes fadeoutR{
    0%{opacity:1;transform:translateX(0);}
    100%{opacity:0;transform:translateX(100px);}
}
/* 淡出-向下 */
@-webkit-keyframes fadeoutB{
    0%{opacity:1;-webkit-transform:translateY(0);}
    100%{opacity:0;-webkit-transform:translateY(100px);}
}
@-moz-keyframes fadeoutB{
    0%{opacity:1;-moz-transform:translateY(0);}
    100%{opacity:0;-moz-transform:translateY(100px);}
}
@-ms-keyframes fadeoutB{
    0%{opacity:1;-ms-transform:translateY(0);}
    100%{opacity:0;-ms-transform:translateY(100px);}
}
@keyframes fadeoutB{
    0%{opacity:1;transform:translateY(0);}
    100%{opacity:0;transform:translateY(100px);}
}
/* 淡出-向左 */
@-webkit-keyframes fadeoutL{
    0%{opacity:1;-webkit-transform:translateX(0);}
    100%{opacity:0;-webkit-transform:translateX(-100px);}
}
@-moz-keyframes fadeoutL{
    0%{opacity:1;-moz-transform:translateX(0);}
    100%{opacity:0;-moz-transform:translateX(-100px);}
}
@-ms-keyframes fadeoutL{
    0%{opacity:1;-ms-transform:translateX(0);}
    100%{opacity:0;-ms-transform:translateX(-100px);}
}
@keyframes fadeoutL{
    0%{opacity:1;transform:translateX(0);}
    100%{opacity:0;transform:translateX(-100px);}
}
/* 弹跳 */
@-webkit-keyframes bounce{
    0%,20%,50%,80%,100%{-webkit-transform:translateY(0);}
    40%{-webkit-transform:translateY(-30px);}
    60%{-webkit-transform:translateY(-15px);}
}
@-moz-keyframes bounce{
    0%,20%,50%,80%,100%{-moz-transform:translateY(0);}
    40%{-moz-transform:translateY(-30px);}
    60%{-moz-transform:translateY(-15px);}
}
@-ms-keyframes bounce{
    0%,20%,50%,80%,100%{-ms-transform:translateY(0);}
    40%{-ms-transform:translateY(-30px);}
    60%{-ms-transform:translateY(-15px);}
}
@keyframes bounce{
    0%,20%,50%,80%,100%{transform:translateY(0);}
    40%{transform:translateY(-30px);}
    60%{transform:translateY(-15px);}
}
/* 弹入 */
@-webkit-keyframes bouncein{
    0%{opacity:0;-webkit-transform:scale(0.3);}
    50%{opacity:1;-webkit-transform:scale(1.05);}
    70%{-webkit-transform:scale(0.9);}
    100%{-webkit-transform:scale(1);}
}
@-moz-keyframes bouncein{
    0%{opacity:0;-moz-transform:scale(0.3);}
    50%{opacity:1;-moz-transform:scale(1.05);}
    70%{-moz-transform:scale(0.9);}
    100%{-moz-transform:scale(1);}
}
@-ms-keyframes bouncein{
    0%{opacity:0;-ms-transform:scale(0.3);}
    50%{opacity:1;-ms-transform:scale(1.05);}
    70%{-ms-transform:scale(0.9);}
    100%{-ms-transform:scale(1);}
}
@keyframes bouncein{
    0%{opacity:0;transform:scale(0.3);}
    50%{opacity:1;transform:scale(1.05);}
    70%{transform:scale(0.9);}
    100%{transform:scale(1);}
}
/* 弹入-从上 */
@-webkit-keyframes bounceinT{
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    60%{opacity:1;-webkit-transform:translateY(30px);}
    80%{-webkit-transform:translateY(-10px);}
    100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceinT{
    0%{opacity:0;-moz-transform:translateY(-100px);}
    60%{opacity:1;-moz-transform:translateY(30px);}
    80%{-moz-transform:translateY(-10px);}
    100%{-moz-transform:translateY(0);}
}
@-ms-keyframes bounceinT{
    0%{opacity:0;-ms-transform:translateY(-100px);}
    60%{opacity:1;-ms-transform:translateY(30px);}
    80%{-ms-transform:translateY(-10px);}
    100%{-ms-transform:translateY(0);}
}
@keyframes bounceinT{
    0%{opacity:0;transform:translateY(-100px);}
    60%{opacity:1;transform:translateY(30px);}
    80%{transform:translateY(-10px);}
    100%{transform:translateY(0);}
}
/* 弹入-从右 */
@-webkit-keyframes bounceinR{
    0%{opacity:0;-webkit-transform:translateX(100px);}
    60%{opacity:1;-webkit-transform:translateX(-30px);}
    80%{-webkit-transform:translateX(10px);}
    100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceinR{
    0%{opacity:0;-moz-transform:translateX(100px);}
    60%{opacity:1;-moz-transform:translateX(-30px);}
    80%{-moz-transform:translateX(10px);}
    100%{-moz-transform:translateX(0);}
}
@-ms-keyframes bounceinR{
    0%{opacity:0;-ms-transform:translateX(100px);}
    60%{opacity:1;-ms-transform:translateX(-30px);}
    80%{-ms-transform:translateX(10px);}
    100%{-ms-transform:translateX(0);}
}
@keyframes bounceinR{
    0%{opacity:0;transform:translateX(100px);}
    60%{opacity:1;transform:translateX(-30px);}
    80%{transform:translateX(10px);}
    100%{transform:translateX(0);}
}
/* 弹入-从下 */
@-webkit-keyframes bounceinB{
    0%{opacity:0;-webkit-transform:translateY(100px);}
    60%{opacity:1;-webkit-transform:translateY(-30px);}
    80%{-webkit-transform:translateY(10px);}
    100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceinB{
    0%{opacity:0;-moz-transform:translateY(100px);}
    60%{opacity:1;-moz-transform:translateY(-30px);}
    80%{-moz-transform:translateY(10px);}
    100%{-moz-transform:translateY(0);}
}
@-ms-keyframes bounceinB{
    0%{opacity:0;-ms-transform:translateY(100px);}
    60%{opacity:1;-ms-transform:translateY(-30px);}
    80%{-ms-transform:translateY(10px);}
    100%{-ms-transform:translateY(0);}
}
@keyframes bounceinB{
    0%{opacity:0;transform:translateY(100px);}
    60%{opacity:1;transform:translateY(-30px);}
    80%{transform:translateY(10px);}
    100%{transform:translateY(0);}
}
/* 弹入-从左 */
@-webkit-keyframes bounceinL{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    60%{opacity:1;-webkit-transform:translateX(30px);}
    80%{-webkit-transform:translateX(-10px);}
    100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceinL{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    60%{opacity:1;-moz-transform:translateX(30px);}
    80%{-moz-transform:translateX(-10px);}
    100%{-moz-transform:translateX(0);}
}
@-ms-keyframes bounceinL{
    0%{opacity:0;-ms-transform:translateX(-100px);}
    60%{opacity:1;-ms-transform:translateX(30px);}
    80%{-ms-transform:translateX(-10px);}
    100%{-ms-transform:translateX(0);}
}
@keyframes bounceinL{
    0%{opacity:0;transform:translateX(-100px);}
    60%{opacity:1;transform:translateX(30px);}
    80%{transform:translateX(-10px);}
    100%{transform:translateX(0);}
}
/* 弹出 */
@-webkit-keyframes bounceout{
    0%{-webkit-transform:scale(1);}
    25%{-webkit-transform:scale(0.95);}
    50%{opacity:1;-webkit-transform:scale(1.1);}
    100%{opacity:0;-webkit-transform:scale(0.3);}
}
@-moz-keyframes bounceout{
    0%{-moz-transform:scale(1);}
    25%{-moz-transform:scale(0.95);}
    50%{opacity:1;-moz-transform:scale(1.1);}
    100%{opacity:0;-moz-transform:scale(0.3);}
}
@-ms-keyframes bounceout{
    0%{-ms-transform:scale(1);}
    25%{-ms-transform:scale(0.95);}
    50%{opacity:1;-ms-transform:scale(1.1);}
    100%{opacity:0;-ms-transform:scale(0.3);}
}
@keyframes bounceout{
    0%{transform:scale(1);}
    25%{transform:scale(0.95);}
    50%{opacity:1;transform:scale(1.1);}
    100%{opacity:0;transform:scale(0.3);}
}
/* 弹出-向上*/
@-webkit-keyframes bounceoutT{
    0%{-webkit-transform:translateY(0);}
    20%{opacity:1;-webkit-transform:translateY(20px);}
    100%{opacity:0;-webkit-transform:translateY(-100px);}
}
@-moz-keyframes bounceoutT{
    0%{-moz-transform:translateY(0);}
    20%{opacity:1;-moz-transform:translateY(20px);}
    100%{opacity:0;-moz-transform:translateY(-100px);}
}
@-ms-keyframes bounceoutT{
    0%{-ms-transform:translateY(0);}
    20%{opacity:1;-ms-transform:translateY(20px);}
    100%{opacity:0;-ms-transform:translateY(-100px);}
}
@keyframes bounceoutT{
    0%{transform:translateY(0);}
    20%{opacity:1;transform:translateY(20px);}
    100%{opacity:0;transform:translateY(-100px);}
}
/* 弹出-向右*/
@-webkit-keyframes bounceoutR{
    0%{-webkit-transform:translateX(0);}
    20%{opacity:1;-webkit-transform:translateX(-20px);}
    100%{opacity:0;-webkit-transform:translateX(100px);}
}
@-moz-keyframes bounceoutR{
    0%{-moz-transform:translateX(0);}
    20%{opacity:1;-moz-transform:translateX(-20px);}
    100%{opacity:0;-moz-transform:translateX(100px);}
}
@-ms-keyframes bounceoutR{
    0%{-ms-transform:translateX(0);}
    20%{opacity:1;-ms-transform:translateX(-20px);}
    100%{opacity:0;-ms-transform:translateX(100px);}
}
@keyframes bounceoutR{
    0%{transform:translateX(0);}
    20%{opacity:1;transform:translateX(-20px);}
    100%{opacity:0;transform:translateX(100px);}
}
/* 弹出-向下 */
@-webkit-keyframes bounceoutB{
    0%{-webkit-transform:translateY(0);}
    20%{opacity:1;-webkit-transform:translateY(-20px);}
    100%{opacity:0;-webkit-transform:translateY(100px);}
}
@-moz-keyframes bounceoutB{
    0%{-moz-transform:translateY(0);}
    20%{opacity:1;-moz-transform:translateY(-20px);}
    100%{opacity:0;-moz-transform:translateY(100px);}
}
@-ms-keyframes bounceoutB{
    0%{-ms-transform:translateY(0);}
    20%{opacity:1;-ms-transform:translateY(-20px);}
    100%{opacity:0;-ms-transform:translateY(100px);}
}
@keyframes bounceoutB{
    0%{transform:translateY(0);}
    20%{opacity:1;transform:translateY(-20px);}
    100%{opacity:0;transform:translateY(100px);}
}
/* 弹出-向左 */
@-webkit-keyframes bounceoutL{
    0%{-webkit-transform:translateX(0);}
    20%{opacity:1;-webkit-transform:translateX(20px);}
    100%{opacity:0;-webkit-transform:translateX(-100px);}
}
@-moz-keyframes bounceoutL{
    0%{-moz-transform:translateX(0);}
    20%{opacity:1;-moz-transform:translateX(20px);}
    100%{opacity:0;-moz-transform:translateX(-100px);}
}
@-ms-keyframes bounceoutL{
    0%{-ms-transform:translateX(0);}
    20%{opacity:1;-ms-transform:translateX(20px);}
    100%{opacity:0;-ms-transform:translateX(-100px);}
}
@keyframes bounceoutL{
    0%{transform:translateX(0);}
    20%{opacity:1;transform:translateX(20px);}
    100%{opacity:0;transform:translateX(-200px);}
}
/* 转入 */
@-webkit-keyframes rotatein{
    0%{opacity:0;-webkit-transform:rotate(-200deg);}
    100%{opacity:1;-webkit-transform:rotate(0);}
}
@-moz-keyframes rotatein{
    0%{opacity:0;-moz-transform:rotate(-200deg);}
    100%{opacity:1;-moz-transform:rotate(0);}
}
@-ms-keyframes rotatein{
    0%{opacity:0;-ms-transform:rotate(-200deg);}
    100%{opacity:1;-ms-transform:rotate(0);}
}
@keyframes rotatein{
    0%{opacity:0;transform:rotate(-200deg);}
    100%{opacity:1;transform:rotate(0);}
}
/* 转入-从左上 */
@-webkit-keyframes rotateinLT{
    0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0;}
    100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}
}
@-moz-keyframes rotateinLT{
    0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0;}
    100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}
}
@-ms-keyframes rotateinLT{
    0%{-ms-transform-origin:left bottom;-ms-transform:rotate(-90deg);opacity:0;}
    100%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1;}
}
@keyframes rotateinLT{
    0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0;}
    100%{transform-origin:left bottom;transform:rotate(0);opacity:1;}
}
/* 转入-从左下 */
@-webkit-keyframes rotateineftB{
    0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0;}
    100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}
}
@-moz-keyframes rotateineftB{
    0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0;}
    100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}
}
@-ms-keyframes rotateineftB{
    0%{-ms-transform-origin:left bottom;-ms-transform:rotate(90deg);opacity:0;}
    100%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1;}
}
@keyframes rotateineftB{
    0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0;}
    100%{transform-origin:left bottom;transform:rotate(0);opacity:1;}
}
/* 转入-从右上 */
@-webkit-keyframes rotateinRT{
    0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0;}
    100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}
}
@-moz-keyframes rotateinRT{
    0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0;}
    100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}
}
@-ms-keyframes rotateinRT{
    0%{-ms-transform-origin:right bottom;-ms-transform:rotate(90deg);opacity:0;}
    100%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1;}
}
@keyframes rotateinRT{
    0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0;}
    100%{transform-origin:right bottom;transform:rotate(0);opacity:1;}
}
/* 转入-从右下*/
@-webkit-keyframes rotateinRB{
    0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0;}
    100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}
}
@-moz-keyframes rotateinRB{
    0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0;}
    100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}
}
@-ms-keyframes rotateinRB{
    0%{-ms-transform-origin:right bottom;-ms-transform:rotate(-90deg);opacity:0;}
    100%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1;}
}
@keyframes rotateinRB{
    0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0;}
    100%{transform-origin:right bottom;transform:rotate(0);opacity:1;}
}
/* 转出 */
@-webkit-keyframes rotateout{
    0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;}
    100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0;}
}
@-moz-keyframes rotateout{
    0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1;}
    100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0;}
}
@-ms-keyframes rotateout{
    0%{-ms-transform-origin:center center;-ms-transform:rotate(0);opacity:1;}
    100%{-ms-transform-origin:center center;-ms-transform:rotate(200deg);opacity:0;}
}
@keyframes rotateout{
    0%{transform-origin:center center;transform:rotate(0);opacity:1;}
    100%{transform-origin:center center;transform:rotate(200deg);opacity:0;}
}
/* 转出-向左上 */
@-webkit-keyframes rotateoutLT{
    0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}
    100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0;}
}
@-moz-keyframes rotateoutLT{
    0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}
    100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0;}
}
@-ms-keyframes rotateoutLT{
    0%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1;}
    100%{-ms-transform-origin:left bottom;-ms-transform:rotate(-90deg);opacity:0;}
}
@keyframes rotateoutLT{
    0%{transform-origin:left bottom;transform:rotate(0);opacity:1;}
    100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0;}
}
/* 转出-向左下 */
@-webkit-keyframes rotateoutLB{
    0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}
    100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0;}
}
@-moz-keyframes rotateoutLB{
    0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}
    100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0;}
}
@-ms-keyframes rotateoutLB{
    0%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1;}
    100%{-ms-transform-origin:left bottom;-ms-transform:rotate(90deg);opacity:0;}
}
@keyframes rotateoutLB{
    0%{transform-origin:left bottom;transform:rotate(0);opacity:1;}
    100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0;}
}
/* 转出-向右上 */
@-webkit-keyframes rotateoutRT{
    0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}
    100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0;}
}
@-moz-keyframes rotateoutRT{
    0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}
    100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0;}
}
@-ms-keyframes rotateoutRT{
    0%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1;}
    100%{-ms-transform-origin:right bottom;-ms-transform:rotate(90deg);opacity:0;}
}
@keyframes rotateoutRT{
    0%{transform-origin:right bottom;transform:rotate(0);opacity:1;}
    100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0;}
}
/* 转出-向右下 */
@-webkit-keyframes rotateoutBR{
    0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}
    100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0;}
}
@-moz-keyframes rotateoutBR{
    0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}
    100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0;}
}
@-ms-keyframes rotateoutBR{
    0%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1;}
    100%{-ms-transform-origin:right bottom;-ms-transform:rotate(-90deg);opacity:0;}
}
@keyframes rotateoutBR{
    0%{transform-origin:right bottom;transform:rotate(0);opacity:1;}
    100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0;}
}
/* 翻转 */
@-webkit-keyframes flip{
    0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out;}
    40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out;}
    50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;}
    80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(0.95);-webkit-animation-timing-function:ease-in;}
    100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in;}
}
@-moz-keyframes flip{
    0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out;}
    40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out;}
    50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in;}
    80%{-moz-transform:perspective(400px) rotateY(360deg) scale(0.95);-moz-animation-timing-function:ease-in;}
    100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in;}
}
@-ms-keyframes flip{
    0%{-ms-transform:perspective(400px) rotateY(0);-ms-animation-timing-function:ease-out;}
    40%{-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg);-ms-animation-timing-function:ease-out;}
    50%{-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-animation-timing-function:ease-in;}
    80%{-ms-transform:perspective(400px) rotateY(360deg) scale(0.95);-ms-animation-timing-function:ease-in;}
    100%{-ms-transform:perspective(400px) scale(1);-ms-animation-timing-function:ease-in;}
}
@keyframes flip{
    0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out;}
    40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out;}
    50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in;}
    80%{transform:perspective(400px) rotateY(360deg) scale(0.95);animation-timing-function:ease-in;}
    100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in;}
}
/* 翻入-X轴 */
@-webkit-keyframes flipinX{
    0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg);}
    70%{-webkit-transform:perspective(400px) rotateX(10deg);}
    100%{-webkit-transform:perspective(400px) rotateX(0);opacity:1;}
}
@-moz-keyframes flipinX{
    0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0;}
    40%{-moz-transform:perspective(400px) rotateX(-10deg);}
    70%{-moz-transform:perspective(400px) rotateX(10deg);}
    100%{-moz-transform:perspective(400px) rotateX(0);opacity:1;}
}
@-ms-keyframes flipinX{
    0%{-ms-transform:perspective(400px) rotateX(90deg);opacity:0;}
    40%{-ms-transform:perspective(400px) rotateX(-10deg);}
    70%{-ms-transform:perspective(400px) rotateX(10deg);}
    100%{-ms-transform:perspective(400px) rotateX(0);opacity:1;}
}
@keyframes flipinX{
    0%{transform:perspective(400px) rotateX(90deg);opacity:0;}
    40%{transform:perspective(400px) rotateX(-10deg);}
    70%{transform:perspective(400px) rotateX(10deg);}
    100%{transform:perspective(400px) rotateX(0);opacity:1;}
}
/* 翻入-Y轴 */
@-webkit-keyframes flipinY{
    0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}
    40%{-webkit-transform:perspective(400px) rotateY(-10deg);}
    70%{-webkit-transform:perspective(400px) rotateY(10deg);}
    100%{-webkit-transform:perspective(400px) rotateY(0);opacity:1;}
}
@-moz-keyframes flipinY{
    0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;}
    40%{-moz-transform:perspective(400px) rotateY(-10deg);}
    70%{-moz-transform:perspective(400px) rotateY(10deg);}
    100%{-moz-transform:perspective(400px) rotateY(0);opacity:1;}
}
@-ms-keyframes flipinY{
    0%{-ms-transform:perspective(400px) rotateY(90deg);opacity:0;}
    40%{-ms-transform:perspective(400px) rotateY(-10deg);}
    70%{-ms-transform:perspective(400px) rotateY(10deg);}
    100%{-ms-transform:perspective(400px) rotateY(0);opacity:1;}
}
@keyframes flipinY{
    0%{transform:perspective(400px) rotateY(90deg);opacity:0;}
    40%{transform:perspective(400px) rotateY(-10deg);}
    70%{transform:perspective(400px) rotateY(10deg);}
    100%{transform:perspective(400px) rotateY(0);opacity:1;}
}
/* 翻出-X轴 */
@-webkit-keyframes flipoutX{
    0%{-webkit-transform:perspective(400px) rotateX(0);opacity:1;}
    100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;}
}
@-moz-keyframes flipoutX{
    0%{-moz-transform:perspective(400px) rotateX(0);opacity:1;}
    100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0;}
}
@-ms-keyframes flipoutX{
    0%{-ms-transform:perspective(400px) rotateX(0);opacity:1;}
    100%{-ms-transform:perspective(400px) rotateX(90deg);opacity:0;}
}
@keyframes flipoutX{
    0%{transform:perspective(400px) rotateX(0);opacity:1;}
    100%{transform:perspective(400px) rotateX(90deg);opacity:0;}
}
/* 翻出-Y轴 */
@-webkit-keyframes flipoutY{
    0%{-webkit-transform:perspective(400px) rotateY(0);opacity:1;}
    100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}
}
@-moz-keyframes flipoutY{
    0%{-moz-transform:perspective(400px) rotateY(0);opacity:1;}
    100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;}
}
@-ms-keyframes flipoutY{
    0%{-ms-transform:perspective(400px) rotateY(0);opacity:1;}
    100%{-ms-transform:perspective(400px) rotateY(90deg);opacity:0;}
}
@keyframes flipoutY{
    0%{transform:perspective(400px) rotateY(0);opacity:1;}
    100%{transform:perspective(400px) rotateY(90deg);opacity:0;}
}
/* 闪烁 */
@-webkit-keyframes flash{
    0%,50%,100%{opacity:1;}
    25%,75%{opacity:0;}
}
@-moz-keyframes flash{
    0%,50%,100%{opacity:1;}
    25%,75%{opacity:0;}
}
@-ms-keyframes flash{
    0%,50%,100%{opacity:1;}
    25%,75%{opacity:0;}
}
@keyframes flash{
    0%,50%,100%{opacity:1;}
    25%,75%{opacity:0;}
}
/* 震颤 */
@-webkit-keyframes shake{
    0%,100%{-webkit-transform:translateX(0);}
    10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);}
    20%,40%,60%,80%{-webkit-transform:translateX(10px);}
}
@-moz-keyframes shake{
    0%,100%{-moz-transform:translateX(0);}
    10%,30%,50%,70%,90%{-moz-transform:translateX(-10px);}
    20%,40%,60%,80%{-moz-transform:translateX(10px);}
}
@-ms-keyframes shake{
    0%,100%{-ms-transform:translateX(0);}
    10%,30%,50%,70%,90%{-ms-transform:translateX(-10px);}
    20%,40%,60%,80%{-ms-transform:translateX(10px);}
}
@keyframes shake{
    0%,100%{transform:translateX(0);}
    10%,30%,50%,70%,90%{transform:translateX(-10px);}
    20%,40%,60%,80%{transform:translateX(10px);}
}
/* 摇摆 */
@-webkit-keyframes swing{
    20%{-webkit-transform:rotate(15deg);}
    40%{-webkit-transform:rotate(-10deg);}
    60%{-webkit-transform:rotate(5deg);}
    80%{-webkit-transform:rotate(-5deg);}
    100%{-webkit-transform:rotate(0);}
}
@-moz-keyframes swing{
    20%{-moz-transform:rotate(15deg);}
    40%{-moz-transform:rotate(-10deg);}
    60%{-moz-transform:rotate(5deg);}
    80%{-moz-transform:rotate(-5deg);}
    100%{-moz-transform:rotate(0);}
}
@-ms-keyframes swing{
    20%{-ms-transform:rotate(15deg);}
    40%{-ms-transform:rotate(-10deg);}
    60%{-ms-transform:rotate(5deg);}
    80%{-ms-transform:rotate(-5deg);}
    100%{-ms-transform:rotate(0);}
}
@keyframes swing{
    20%{transform:rotate(15deg);}
    40%{transform:rotate(-10deg);}
    60%{transform:rotate(5deg);}
    80%{transform:rotate(-5deg);}
    100%{transform:rotate(0);}
}
/* 摇晃 */
@-webkit-keyframes wobble{
    0%{-webkit-transform:translateX(0);}
    15%{-webkit-transform:translateX(-100px) rotate(-5deg);}
    30%{-webkit-transform:translateX(80px) rotate(3deg);}
    45%{-webkit-transform:translateX(-65px) rotate(-3deg);}
    60%{-webkit-transform:translateX(40px) rotate(2deg);}
    75%{-webkit-transform:translateX(-20px) rotate(-1deg);}
    100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes wobble{
    0%{-moz-transform:translateX(0);}
    15%{-moz-transform:translateX(-100px) rotate(-5deg);}
    30%{-moz-transform:translateX(80px) rotate(3deg);}
    45%{-moz-transform:translateX(-65px) rotate(-3deg);}
    60%{-moz-transform:translateX(40px) rotate(2deg);}
    75%{-moz-transform:translateX(-20px) rotate(-1deg);}
    100%{-moz-transform:translateX(0);}
}
@-ms-keyframes wobble{
    0%{-ms-transform:translateX(0);}
    15%{-ms-transform:translateX(-100px) rotate(-5deg);}
    30%{-ms-transform:translateX(80px) rotate(3deg);}
    45%{-ms-transform:translateX(-65px) rotate(-3deg);}
    60%{-ms-transform:translateX(40px) rotate(2deg);}
    75%{-ms-transform:translateX(-20px) rotate(-1deg);}
    100%{-ms-transform:translateX(0);}
}
@keyframes wobble{
    0%{transform:translateX(0);}
    15%{transform:translateX(-100px) rotate(-5deg);}
    30%{transform:translateX(80px) rotate(3deg);}
    45%{transform:translateX(-65px) rotate(-3deg);}
    60%{transform:translateX(40px) rotate(2deg);}
    75%{transform:translateX(-20px) rotate(-1deg);}
    100%{transform:translateX(0);}
}
/* 震铃 */
@-webkit-keyframes ring{
    0%{-webkit-transform:scale(1);}
    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes ring{
    0%{-moz-transform:scale(1);}
    10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg);}
    100%{-moz-transform:scale(1) rotate(0);}
}
@-ms-keyframes ring{
    0%{-ms-transform:scale(1);}
    10%,20%{-ms-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg);}
    100%{-ms-transform:scale(1) rotate(0);}
}
@keyframes ring{
    0%{transform:scale(1);}
    10%,20%{transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{transform:scale(1.1) rotate(-3deg);}
    100%{transform:scale(1) rotate(0);}
}