@charset "utf-8";
/* banner 目录*/
/*1.PC平台样式*/
/*2.其他平台样式(媒体查询)*/
/*3.CSS3动画*/
/*banner 公用*/
.index_banner .pagination { width: 100%; margin: auto; position: absolute; z-index: 100; right: 0; display: inline-block; text-align: center; bottom: 30px; }
.index_banner .swiper-pagination-switch { width: 8px; height: 8px; display: inline-block; 
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px;
	background-color: #FFF; opacity: .4; margin: 0 5px; background: #FFF; -moz-transition: opacity 0.3s ease-in, opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-in, opacity 0.3s ease-out; transition: opacity 0.3s ease-in, opacity 0.3s ease-out; }
.index_banner .swiper-active-switch { width: 20px; background-color: #FFF; opacity: .8; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; }
.index_banner .arrow-left, .index_banner .arrow-right { display: block; cursor: pointer; position: absolute; top: 50%; z-index: 1000; color: #FFF; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; background-color: transparent; font-size: 22px; opacity: .4; width: 50px; height: 50px; line-height: 50px; text-align: center;}
.index_banner .arrow-right:hover, .index_banner .arrow-left:hover { opacity: 0.8; }
.index_banner .arrow-right { background:url(../images/banner/btn_arrow_right.png) no-repeat;right: -2% }
.index_banner .arrow-left {background:url(../images/banner/btn_arrow_left.png) no-repeat; left: -2% }

@media screen and (max-width:1800px) {
.index_banner .arrow-right { right: -5% }
.index_banner .arrow-left { left: -5% }
}

@media screen and (max-width:1600px) {
.index_banner .arrow-right { right: -5% }
.index_banner .arrow-left { left: -5% }
}

@media screen and (max-width:1400px) {
.index_banner .arrow-right { right: -5% }
.index_banner .arrow-left { left: -5% }
}

@media screen and (max-width:1366px) {
.index_banner .arrow-right { right: 0% }
.index_banner .arrow-left { left: 0% }
}

@media screen and (max-width:1024px) {
.index_banner .arrow-right { right: 5% }
.index_banner .arrow-left { left: 5% }
}

@media screen and (max-width:768px) {
.index_banner .arrow-right { right: 4% }
.index_banner .arrow-left { left: 4% }
}

@media screen and (max-width:640px) {
.index_banner .arrow-right { right: 2%; background: none; border: 0px; }
.index_banner .arrow-left { left: 2%; background: none; border: 0px; }
 .index_banner .pagination {  bottom: 20px; }
}

@media screen and (max-width:320px) {
.index_banner .arrow-right { right: 1% }
.index_banner .arrow-left { left: 1% }
}
/**.banner_text {margin: auto; position: absolute;top:0; left: 0; right: 0; bottom: 0; z-index: 10; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.3) }**/
@media screen and (max-width:480px) {
.bannertext {bottom: 45%;}
}

.zxys, .mfsy { color: #f2f2f2; width: 240px; height: 60px; display: block; font-size: 28px; line-height: 60px; text-align: center; margin: 10px; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; float: left; }
.zxys:focus, .zxys:hover { color: #fff; background-color: #3bd112; /*! -moz-animation: a_post_item_1 0.5s ease both; */ /*! -webkit-animation: a_post_item_1 0.5s ease both; */ /*! animation: a_post_item_1 0.5s ease both; */ }
.mfsy:focus, .mfsy:hover { color: #fff; /*! -moz-animation: a_post_item_2 0.5s ease both; */ /*! -webkit-animation: a_post_item_2 0.5s ease both; */ /*! animation: a_post_item_2 0.5s ease both; */ }
.mfsy:hover:after { -moz-animation: a_post_item_1 0.5s ease both; -webkit-animation: a_post_item_1 0.5s ease both; animation: a_post_item_1 0.5s ease both; }
.zxys:hover:after { -moz-animation: a_post_item_2 0.5s ease both; -webkit-animation: a_post_item_2 0.5s ease both; animation: a_post_item_2 0.5s ease both; }
.bannertext h1 { font-size: 3em; line-height: 1.8em; }
.bannertext h3 { font-size: 1.8em; }
.banner_mark { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/banner_mark.png) repeat; opacity: 0.6; }
.index_banner { position: relative; background-color: #000; max-height: 800px; overflow: hidden; }
@media screen and (max-width:768px) {
    .index_banner { position: relative; background-color: #000; max-height: 600px; overflow: hidden; }  
}
@media screen and (max-width:480px) {
    .index_banner { position: relative; background-color: #000; max-height: 420px; overflow: hidden; }  
}

.index_banner .arrow_w { margin: auto; top: 50%; position: absolute; left: 0; right: 0; ; z-index: 100; }
.index_banner i { /*! font-family: "宋体"; */ padding-left: 4px; }

.news .newslink { display: block; width: 60px; height: 32px; line-height: 32px; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; color: #08a1ef; border: 1px #08a1ef solid; text-align: center; margin: 20px 0; }
.news .newslink i { font-family: "宋体"; padding-left: 4px; }
.news .newslink:hover { color: #FFF; background-color: #08a1ef; }
.newsmore { display: block; width: 260px; height: 36px; color: #666; border: 1px #DDD solid; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px ; line-height: 36px; text-align: center; margin: 30px auto 30px auto; }
.newsmore:hover { border: 1px #08a1ef solid; background-color: #08a1ef; color: #fff; }

/*Banner 通用按钮*/
.index_banner .banner_btn {
    display: block;
    display: inline-block;
    width: auto;
    min-width: 80px;
    padding: 0 50px;
    height: 52px;
    line-height: 54px;
	  vertical-align:middle;
    margin: 0px 30px 0px 30px;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    background-color: #009DEB;
   -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px;
}
.index_banner .banner_btn:hover{
  background-color: #008fd7;   
}
.index_banner .banner_btn_white {
    color: #009DEB;
    background-color: #FFF;
}
.index_banner .banner_btn_white:hover{ 
     color: #FFF;
    background-color: #008fd7;
}
@media screen and (max-width:768px) {
     .index_banner .banner_btn {
        display: block;
        display: inline-block;
        width: auto;
        min-width: 140px;
        padding: 0 0.5rem;
        height: 52px;
        line-height: 52px;
        margin: 0px .03rem 0px 0.3rem;
        font-size: 14px;
    }   
}
/*banner cloudmeeting(WebMeeting)*/
.cloudmeeting_banner { width: 100%; height: 800px; overflow: hidden }
.cloudmeeting_banner_bg { height: 800px; background-color: #161616; color: #FFF; overflow: hidden; background: #161616 url(../images/bg.jpg) no-repeat center center; background-size: cover; }
.cloudmeeting_banner_bg { transform: translateY(-20%); animation: slow_cat 12000ms 1 forwards; }
.cloudmeeting_banner .cloudmeeting_banner_text{
 height: 0px;
margin: auto;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 10;
color: #fff;
text-align: center;
}
.cloudmeeting_banner h1 {font-size:42px;text-transform: uppercase;}
.cloudmeeting_banner h3 { font-size:24px;margin-top:10px;margin-bottom: 50px; }
@media screen and (max-width:768px) {
.cloudmeeting_banner h1 {font-size:32px}
.cloudmeeting_banner h3 { font-size:16px;margin-bottom: 30px; }	
}
@media screen and (max-width:768px) {
.cloudmeeting_banner { height: 600px;  }
.cloudmeeting_banner .cloudmeeting_banner_text{height: 50%;}
}

@media screen and (max-width:480px) {
.cloudmeeting_banner { width: 100%; height: 420px; overflow: hidden }
.cloudmeeting_banner .cloudmeeting_banner_text{height: 70%;}
}

/*banner web_meeting*/
.web_meeting_banner{ position: relative;width: 100%; height: 800px; overflow: hidden }
.web_meeting_banner_bg{ height: 800px; background-color: #161616; color: #FFF; overflow: hidden; background: #161616 url(../images/banner/web_meeting/bg.jpg) no-repeat center center; background-size: cover; }
.web_meeting_banner .banner_text{height:60%; margin: auto;position: absolute;left:0;top:0;right:0;bottom:0;z-index: 10;color: #fff;text-align: center;}
.web_meeting_banner h3 { margin-bottom: 30px; }
.web_meeting_banner .button { width: 400px; text-align: center; margin: 0 auto; }

@media screen and (max-width:768px) {
	.web_meeting_banner { position: relative; max-height: 600px; overflow: hidden; }	
	.web_meeting_banner .banner_text{width:90%;}
}
@media screen and (max-width:480px) {
 .web_meeting_banner { position: relative; max-height: 420px; overflow: hidden; }   
}

/*banner MeetinBox mini*/
.a2_banner { position: relative; width: 100%; height: 800px; background: #000000 url("../images/bg-dark.jpg") no-repeat center center; color: #FFF; text-align: center; }
.a2_banner .banner_text{height:70%; margin: auto;position: absolute;left:0;top:0;right:0;bottom:0;z-index: 10;color: #fff;text-align: center;}
.a2_banner h1 { font-size: 48px; padding: 10px 0px; line-height: 62px; font-weight: bold;text-transform: uppercase; }
.a2_banner h2 { font-size: 23px; color: #dedada; margin-bottom: 50px; }
.a2_banner h3 { font-size: 36px; color: #f2f2f2 }
.a2_banner h3 .mini { font-size: 13px; border: 1px solid #FFF; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; padding: 2px 8px; margin: 0px 6px; vertical-align: middle; }

.a2_banner em { /*! display: block; */ /*! margin: 50px auto 0 auto; */ /*! width: 30px; */ /*! height: 2px; */ /*! background-color: #008fd7; */ }
.a2_banner p { font-size: 18px; margin: 20px auto; color: #f2f2f2; padding: 10px 0px; }

@media screen and (max-width:970px) {
	.a2_banner p.p_test_w  { display: none; }
}
.a2_banner .img_c { position: relative; margin:0 auto;}
.a2_banner .button { width: 400px; text-align: center; margin: 0 auto; }
.a2_banner .zxys { background-color: #3cc716; }
.a2_banner .mfsy { background-color: #ff7e22; }
.a2_banner .zxys, .a2_banner .mfsy { color: #f2f2f2; width: 180px; height: 52px; display: block; font-size: 18px; line-height: 52px; text-align: center; margin: 10px; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px;float: left; }
.a2_banner .zxys:focus, .a2_banner.zxys:hover { color: #fff; background-color: #3bd112; -moz-animation: a_post_item_1 0.5s ease both; -webkit-animation: a_post_item_1 0.5s ease both; animation: a_post_item_1 0.5s ease both; }
.a2_banner .mfsy:focus, .mfsy:hover { color: #fff; /*! -moz-animation: a_post_item_2 0.5s ease both; */ /*! -webkit-animation: a_post_item_2 0.5s ease both; */ /*! animation: a_post_item_2 0.5s ease both; */ }
.a2_banner .mfsy:hover:after { -moz-animation: a_post_item_1 0.5s ease both; -webkit-animation: a_post_item_1 0.5s ease both; animation: a_post_item_1 0.5s ease both; }
.a2_banner .zxys:hover:after { -moz-animation: a_post_item_2 0.5s ease both; -webkit-animation: a_post_item_2 0.5s ease both; animation: a_post_item_2 0.5s ease both; }

/*修改按钮：去掉申请按钮*/
.a2_banner #fsmeetingbox { display: block; width: 180px; height: 52px; margin: 10px auto 30px auto; text-align: center; font-size: 18px; color: #f2f2f2; background-color: #3cc716; ; line-height: 52px; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; }
.a2_banner #fsmeetingbox:focus, .a2_banner #fsmeetingbox:hover { background-color: #3ed215; }

@media screen and (max-width:768px) {
	.a2_banner {  height: 600px;}
}
 @media screen and (max-width:480px) {
	 .a2_banner {  height: 420px;}
}

@media only screen and (max-width: 480px) {
.a2_banner .button, .cloudmeeting_banner .button { width: 100%; text-align: center; margin: 0 auto; }
.a2_banner h1 { font-size: 26px; padding: 0px 0px; line-height: 42px; font-weight: bold; }
.a2_banner h2 { font-size: 14px; color: #dedada; margin-bottom: 30px; }
.a2_banner h3 { font-size: 20px; color: #f2f2f2; }
.a2_banner h3 .mini { font-size: 10px; border: 1px solid #FFF; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; padding: 2px 4px; margin: 0px 6px; vertical-align: middle; }
.a2_banner .zxys, .a2_banner .mfsy { color: #f2f2f2; width: 42%; height: 52px; display: block; font-size: 18px; padding: 0 10px; line-height: 52px; text-align: center; margin-right: 2%; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; float: left; }
.cloudmeeting_banner .zxys, .cloudmeeting_banner .mfsy { color: #f2f2f2; width: 42%; height: 52px; display: block; font-size: 18px; padding: 0 10px; line-height: 52px; text-align: center; margin-right: 2%; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; float: left; }
.carousel-caption { position: absolute; /*! right: 5%; */ bottom: 180px; /*! left: 5%; */ z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.3) }
.bannertext h1 { font-size: 1.8em; line-height: 1.8em; font-weight: 600; }
.bannertext h3 { font-size: 1.1em; }
}
     
/*banner其他平台兼容*/
@media screen and (max-width:1200px) {
.a2_banner .img_c .a2-light { display: none!important; }
.a2_banner .button { width: 400px; text-align: center; margin: 0 auto; }
.a2_banner .zxys { background-color: #3cc716; }
.a2_banner .mfsy { background-color: #ff7e22; }
.a2_banner .zxys, .a2_banner .mfsy { color: #f2f2f2; width: 180px; height: 52px; display: block; font-size: 18px; line-height: 52px; text-align: center; margin: 10px; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; float: left; }
.a2_banner .zxys:focus, .a2_banner.zxys:hover { color: #fff; background-color: #3bd112; -moz-animation: a_post_item_1 0.5s ease both; -webkit-animation: a_post_item_1 0.5s ease both; animation: a_post_item_1 0.5s ease both; }
.a2_banner .mfsy:focus, .mfsy:hover { color: #fff; -moz-animation: a_post_item_2 0.5s ease both; -webkit-animation: a_post_item_2 0.5s ease both; animation: a_post_item_2 0.5s ease both; }
.a2_banner .mfsy:hover:after { -moz-animation: a_post_item_1 0.5s ease both; -webkit-animation: a_post_item_1 0.5s ease both; animation: a_post_item_1 0.5s ease both; }
.a2_banner .zxys:hover:after { -moz-animation: a_post_item_2 0.5s ease both; -webkit-animation: a_post_item_2 0.5s ease both; animation: a_post_item_2 0.5s ease both; }
}
    
@media screen and (max-width:768px) {
.swiper-slide { height: 600px; }
}
 @media screen and (max-width:480px) {
.swiper-slide { height: 420px; }
}
   
/*2017新年Banner*/
.newyear2017_w { width: 100%; height: 800px; background: #B10D14 url(../images/newyear2017.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
@media screen and (max-width:970px) {
.newyear2017_w { height: 600px; }
}

/*2018新年快乐Banner 2018-02-11*/
.newyear2018_w {  position: relative;z-index: 1;width: 100%;min-width: 320px; height: 800px;  max-width:100%; max-height:100%;margin: 0 auto;overflow: hidden}
.newyear2018_w_text{
 width: 100%; height: 100%; max-width: 1024px; margin: 0 auto; position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; 
 background:url(../images/banner/newyear2018/newyear2018_text.png) no-repeat center 20%; background-size: contain;
}

@media screen and (max-width:970px) {
.newyear2018_w_text{ background:url(../images/banner/newyear2018/newyear2018_text.png) no-repeat center 30%;background-size: contain;}
}
.newyear2018_bg {
 width: 100%; height: 100%; max-width: 1920px; ; margin: 0 auto; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; 
 background:url(../images/banner/newyear2018/newyear2018_bg.jpg) no-repeat center bottom; background-size: cover;
 box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.20);
}
.newyear2018_bg_2 {
  width: 100%; height: 100%;margin: 0 auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; 
  background-color:#EE3729;
  background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(250,60,44) 0%, rgb(193,37,24) 100%);
  background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(250,60,44) 0%, rgb(193,37,24) 100%);
  background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(250,60,44) 0%, rgb(193,37,24) 100%);
}

/*春季2017社会招聘Banner spring*/
.zp2017_spring_w { position: relative; width: 100%; height: 800px; background: #48AEB0 url(../images/zp2017_spring_bg.jpg) center center no-repeat; background-size: cover; overflow: hidden; } /**linear-gradient(to top,#21a4de 0,#9bdf79 100%)**/
.zp2017_spring_w .text-w { position: absolute; top: 15%; text-align: center; width: 100%; }
.zp2017_spring_w h2 { margin-top: 5%; margin-bottom: 30px; }
.zp2017_spring_w h1 { margin-top: 0px; margin-bottom: 20px; }
.zp2017_spring_w p { margin-top: 20px; margin-bottom: 50px; }
.zp2017_spring_w .zp2017_btn { display: block; width: 180px; height: 52px; line-height: 52px; margin: 10px auto 10px auto; text-align: center; font-size: 18px; color: #f2f2f2; background-color: #019cfe; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; }
.zp2017_spring_w .zp2017_spring_btn:hover { background-color: #0691e9; ; }

@media screen and (max-width:970px) {
.zp2017_spring_w { height: 460px; }
}
@media screen and (max-width:480px) {
.zp2017_spring_w h2 { margin-top: 5%; margin-bottom: 20px; }
.zp2017_spring_w h2 img{width:80%;margin:0 auto;} 
.zp2017_spring_w h1 { margin-top: 0px; margin-bottom: 0px; }
.zp2017_spring_w p { margin-top: 20px; margin-bottom: 50px; }
.zp2017_spring_w p img{width:80%;margin:0 auto;} 
}

@media screen and (max-width:480) {
.zp2017_spring_w .text-w { position: absolute; top: 5%; }
.zp_banner1 h3, .zp_banner2 h3, .zp2017_spring_w p { margin-bottom: 30px; }
}
/*2017社会招聘Banner*/
.zp2017_w { position: relative; width: 100%; height: 800px; background: #7C56E9 url(../images/banner_zp2017_bg.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
.zp2017_w .text-w { position: absolute; top: 15%; }
.zp2017_w h3 { color: #FFF; margin-top: 20px; margin-bottom: 50px; }
.zp2017_w .zp2017_btn { display: block; width: 180px; height: 52px; line-height: 52px; margin: 10px auto 10px auto; text-align: center; font-size: 18px; color: #f2f2f2; background-color: #F1B815; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; }
.zp2017_w .zp2017_btn:hover { background-color: #FFA50A; }

@media screen and (max-width:1200px) {
}

@media screen and (max-width:970px) {
.zp2017_w { height: 600px; }
.zp2017_w h3 { font-size: 16px; }
}
/*new 2017社会招聘Banner(招聘专场)*/
.zp2017 { position: relative; width: 100%; height: 800px; background: #29a1d6; overflow: hidden; }
.zp2017 .zp2017_p1 { position: absolute; top: 170px; left: 0px; }
.zp2017 .zp2017_p2 { position: absolute; top: 350px; left: 0px; }
.zp2017 .zp2017_p3 { position: absolute; top: 580px; ; left: 0px; }
.zp2017 .zp2017_map { position: absolute; top: 350px; ; right: 0px; }
.zp2017 .zp2017_btn { position: absolute; top: 440px; left: 0; display: block; width: 180px; height: 52px; line-height: 52px; margin: 10px auto 10px auto; text-align: center; font-size: 18px; color: #f2f2f2; background-color: #F1B815; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; }
.zp2017 .zp2017_btn:hover { background-color: #FFA50A; }

@media screen and (max-width:970px) {
.zp2017 { height: 600px; }
.zp2017 .text-w { top: 30px; }
}

@media screen and (max-width:640px) {
.zp2017 .zp2017_p1 { position: absolute; top: 20px; left: 0px; }
.zp2017 .zp2017_p2 { position: absolute; top: 120px; left: 0px; }
.zp2017 .zp2017_p3 { position: absolute; top: 260px; ; left: 0px; }
.zp2017 .zp2017_btn { position: absolute; top: 180px; left: 0px; }
.zp2017 .zp2017_map { position: absolute; top: 360px; left: 0px; right: 0px; background-size: cover; width: 200px; }
}
/*安卓TV app发布banner 2017-03-03*/
.banner_android_tv { background-color: #345170; width: 100%; min-width: 320px; height: 800px; margin: 0 auto; overflow: hidden; }
.banner_android_tv .banner_android_tv_app_img { position: relative; z-index: 1; max-width: 200px; }
.banner_android_tv .banner_android_tv_app_img.animated img, .banner_android_tv .banner_android_tv_app_img img:hover { -moz-animation: flip 2000ms alternate ease-in-out; -webkit-animation: flip 2000ms alternate ease-in-out; ; animation: flip 2000ms alternate ease-in-out; }
/*App图标右边顶部动画*/
.banner_android_tv .banner_android_tv_app_img .yanhua_w_top { position: absolute; top: 5px; right: 25px; width: 60px; height: 60px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.banner_android_tv .banner_android_tv_app_img .yanhua_w_top i { position: absolute; top: 0px; right: 0px; display: block; width: 5px; height: 20px; padding: 0px; background-color: rgb(255,255,255); -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; transform: rotate(25deg); -webkit-transform: rotate(25deg); -moz-transform: rotate(30deg); }
.banner_android_tv .banner_android_tv_app_img .yanhua_w_top em { position: absolute; top: -6px; right: 15px; display: block; width: 5px; height: 20px; padding: 0px; background-color: rgb(255,255,255);-webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; }
.banner_android_tv .banner_android_tv_app_img .yanhua_w_top font { position: absolute; top: 0px; right: 30px; display: block; width: 5px; height: 20px; padding: 0px; background-color: rgb(255,255,255); -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; transform: rotate(-25deg); -webkit-transform: rotate(-25deg); -moz-transform: rotate(-30deg); }
.banner_android_tv .banner_android_tv_app_img .yanhua_w_top i.animated, .banner_android_tv .banner_android_tv_app_img .yanhua_w_top em.animated, .banner_android_tv .banner_android_tv_app_img .yanhua_w_top font.animated { height: 4px; width: 4px; background-color: rgb(0,157,235); ; }
/*App图标左边边底部动画*/
.banner_android_tv .banner_android_tv_app_img .yanhua_w_bottom { position: absolute; bottom: -10px; left: 0px; width: 60px; height: 60px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.banner_android_tv .banner_android_tv_app_img .yanhua_w_bottom i { position: absolute; bottom: 20px; left: 0px; display: block; width: 5px; height: 20px; padding: 0px; background-color: rgb(255,255,255); -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; transform: rotate(25deg); -webkit-transform: rotate(25deg); -moz-transform: rotate(30deg); }
.banner_android_tv .banner_android_tv_app_img .yanhua_w_bottom em { position: absolute; bottom: 10px; left: 15px; display: block; width: 5px; height: 20px; padding: 0px; background-color: rgb(255,255,255); -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; }
.banner_android_tv .banner_android_tv_app_img .yanhua_w_bottom font { position: absolute; bottom: 20px; left: 30px; display: block; width: 5px; height: 20px; padding: 0px; background-color: rgb(255,255,255); -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; transform: rotate(-25deg); -webkit-transform: rotate(-25deg); -moz-transform: rotate(-30deg); }
.banner_android_tv .banner_android_tv_app_img .yanhua_w_bottom i.animated, .banner_android_tv .banner_android_tv_app_img .yanhua_w_bottom em.animated, .banner_android_tv .banner_android_tv_app_img .yanhua_w_bottom font.animated { height: 4px; width: 4px; background-color: rgb(3,185,106); }
/*安卓TV App Banner 文案*/
.banner_android_tv .text_w { margin: auto; position: absolute; left: 0; right: 0; top: 12%; z-index: 10; color: #fff; text-align: center; }
.banner_android_tv .text_w h1 { margin: 20px 20px; line-height: 32px; }
.banner_android_tv .text_w h1 div { width: auto; position: relative; z-index: 1; min-width: 320px; max-width: 840px; text-align: center; margin: 0 auto; }
.banner_android_tv .text_w h1 i { position: absolute; top: -40px; right: -25px; display: block; width: 42px; height: 42px; background: url(../images/banner_android_tv_h5_tip.png) no-repeat center center; }
.banner_android_tv .text_w h5 { margin: 20px auto; line-height: 32px; min-width: 320px; max-width: 730px; }
.banner_android_tv .button_w { width: 420px; margin: 0 auto; text-align: center; }
.banner_android_tv .banner_btn { display: block; width: 180px; height: 52px; margin: 20% auto 2% auto; text-align: center; font-size: 18px; color: #f2f2f2; background-color: #03b96a; ; line-height: 52px; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px;}
.banner_android_tv .banner_btn_left { display: block; float: left; width: 42%; height: 52px; margin: 18% 4% 2% 4%; text-align: center; font-size: 18px; color: #f2f2f2; background-color: #03b96a; ; line-height: 52px; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; }
.banner_android_tv .banner_btn_right { position: relative; display: block; float: left; width: 42%; height: 52px; margin: 18% 4% 2% 4%; text-align: center; font-size: 18px; color: #f2f2f2; background-color: #009deb; ; line-height: 52px; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; }
.banner_android_tv .banner_btn_right .online_w { position: absolute; display: block; width: 42px; height: 42px; line-height: 42px; top: -25px; right: -52px; font-size: 20px; color: #FFF; background-color: #EB951D; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; }
.banner_android_tv p { margin: 80px auto 0 auto; padding: 0 10%; }

@media screen and (max-width:640px) {
.banner_android_tv .button_w { width: 300px; margin: 0 auto; text-align: center; }
}
/*促销Banner 2017-04-01*/
.banner_cx_w { background-color: #4ea1bf; width: 100%; min-width: 320px; height: 800px; margin: 0 auto; overflow: hidden; }
.banner_cx_w .banner_cx_img { position: relative; z-index: 1; min-width: 240px; max-width: 365px; }
.banner_cx_w .banner_cx_img.animated img, .banner_cx_img .banner_cx_img img:hover { -moz-animation: flip 2000ms alternate ease-in-out; -webkit-animation: flip 2000ms alternate ease-in-out; ; animation: flip 2000ms alternate ease-in-out; }
/*促销Banner 文案*/
.banner_cx_w .text_w { margin: auto; position: absolute; left: 0; right: 0; top: 8%; z-index: 10; color: #fff; text-align: center; }
.banner_cx_w .text_w h1 { margin: 10px 20px; line-height: 32px; }
.banner_cx_w .text_w h1 div { width: auto; position: relative; z-index: 1; min-width: 320px; max-width: 490px; text-align: center; margin: 0 auto; }
.banner_cx_w .text_w h1 i { position: absolute; top: -30px; right: -20px; display: block; width: 42px; height: 42px; background: url(../images/banner/banner_cx_tip.png) no-repeat center center; }
.banner_cx_w .text_w h5 { margin: 10px auto; line-height: 32px; min-width: 320px; max-width: 760px; font-size: 18px; padding: 0 10px }
.banner_cx_w .button_w { width: 320px; margin: 3% auto; text-align: center; }
.banner_cx_w .banner_btn { display: block; width: 180px; height: 52px; margin: 18% auto 10% auto; text-align: center; font-size: 16px; color: #009DEB; background-color: #ffeca0; ; line-height: 52px; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; }
.banner_cx_w .banner_btn:hover { background-color: #fbeeb9; }
.banner_cx_w .banner_cx_img.animated img { -webkit-animation-name: cx_text; -moz-animation-name: cx_text; animation-name: cx_text; -webkit-animation-duration: 5s; -moz-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; ; animation-timing-function: linear; }
/*促销Banner礼品组合*/
banner_cx_w .banner_cx_lipin_w { position: relative; z-index: 1; }
banner_cx_w .banner_cx_lipin_w .cx_lipin_w { min-width: 320px; width: 1200px; height: 300px; position: relative; z-index: 1; margin: 0 auto; text-align: center; }

@media screen and (max-width:1200px) {
banner_cx_w .banner_cx_lipin_w .cx_lipin_w { width: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
}

@media screen and (max-width:970px) {
banner_cx_w .banner_cx_lipin_w .cx_lipin_w { display: none; }
banner_cx_w .banner_cx_lipin_w .cx_lipin_w_max970 { display: block!important; padding-top: 10px; min-width: 320px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
}

@media screen and (max-width:420px) {
.banner_cx_w .text_w h5 { font-size: 12px; }
.banner_cx_w .text_w h1 div { -moz-transform: scale(.9); -webkit-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); }
.banner_cx_w .banner_cx_img.animated img { -moz-transform: scale(.9); -webkit-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); }
}
banner_cx_w .lipin_img0 { width: auto; margin: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 10; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(10%); opacity: 0.2; -webkit-transition: -webkit-transform 1s 0.2s, opacity 1s 0.2s; transition: transform 1s 0.2s, opacity 1s 0.2s; }
banner_cx_w .lipin_img1 { margin: auto; position: absolute; z-index: 1; left: -50px; bottom: 0px; position: absolute; -webkit-transform: translateZ(600px); -ms-transform: translateX(600px); transform: translateX(600px); opacity: 0; -webkit-transition: -webkit-transform 1s 1.2s, opacity 1s 1.2s; transition: transform 1.3s 1.3s, opacity 1.3s 1.3s; }
banner_cx_w .lipin_img2 { margin: auto; position: absolute; z-index: 8; left: 70px; bottom: 20px; position: absolute; -webkit-transform: translateZ(460px); -ms-transform: translateX(460px); transform: translateX(460px); opacity: 0; -webkit-transition: -webkit-transform 1s 1.2s, opacity 1s 1.2s; transition: transform 1s 1.2s, opacity 1s 1.2s; }
banner_cx_w .lipin_img3 { margin: auto; position: absolute; z-index: 7; left: 200px; bottom: 20px; position: absolute; -webkit-transform: translateZ(300px); -ms-transform: translateX(300px); transform: translateX(300px); opacity: 0; -webkit-transition: -webkit-transform 1.1s 1.1s, opacity 1.1s 1.1s; transition: transform 1.1s 1.1s, opacity 1s 1.1s; }
banner_cx_w .lipin_img4 { margin: auto; position: absolute; z-index: 6; right: 230px; bottom: 20px; position: absolute; -webkit-transform: translateZ(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); opacity: 0; -webkit-transition: -webkit-transform 1.1s 1.1s, opacity 1.1s 1.1s; transition: transform 1.1s 1.1s, opacity 1s 1.1s; }
banner_cx_w .lipin_img5 { margin: auto; position: absolute; z-index: 5; right: 90px; bottom: 20px; position: absolute; -webkit-transform: translateZ(-450px); -ms-transform: translateX(-450px); transform: translateX(-450px); opacity: 0; -webkit-transition: -webkit-transform 1s 1.2s, opacity 1s 1.2s; transition: transform 1s 1.2s, opacity 1s 1.2s; }
banner_cx_w .lipin_img6 { margin: auto; position: absolute; z-index: 2; right: -50px; bottom: 20px; position: absolute; -webkit-transform: translateZ(-600px); -ms-transform: translateX(-600px); transform: translateX(-600px); opacity: 0; -webkit-transition: -webkit-transform 1s 1.2s, opacity 1s 1.2s; transition: transform 1.3s 1.3s, opacity 1.3s 1.3s; }
.animated .lipin_img0, .animated .lipin_img1, .animated .lipin_img2, .animated .lipin_img3, .animated .lipin_img4, .animated .lipin_img5, .animated .lipin_img6 { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }



/*促销Banner 2017-08-11*/
.banner_cx_w_1708 { background: #b30723 url(../images/banner/1708/banner_cx_bg.jpg) no-repeat center center; width: 100%; min-width: 320px; height: 800px; margin: 0 auto; overflow: hidden; }
.banner_cx_w_1708 .banner_cx_img { position: relative; z-index: 1; min-width: 240px; max-width: 365px; }
/*促销Banner 文案*/
.banner_cx_w_1708 .text_w { min-width: 350px; margin: auto; position: absolute; left: 0; right: 0; top: 0; padding-top: 2%; z-index: 10; color: #fff; text-align: center; }
.banner_cx_w_1708 .text_w h1 { margin: 10px 20px; line-height: 32px; }
.banner_cx_w_1708 .text_w h1 div { position: relative; z-index: 1; width: auto; min-width: 320px; max-width: 1100px; text-align: center; margin: -10px auto; padding: 0 10px; }
.banner_cx_w_1708 .text_w h1 i { position: absolute; top: -30px; right: -20px; display: block; width: 60px; height: 60px; background: url(../images/banner/1708/banner_cx_tip.png) no-repeat center center; }
.banner_cx_w_1708 .text_w h5 { margin: 0 auto 20px auto; line-height: 32px; min-width: 320px; max-width: 880px; font-size: 20px; color: #FFF9E5; padding: 0 10px; text-shadow: 0px 5px 8px rgba(231, 58, 48, 0.5); }
.banner_cx_w_1708 .banner_btn { display: block; max-width: 360px; height: 52px; line-height: 52px; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; margin: 30px auto 50px auto; padding: 0 20px; text-align: center; font-size: 16px; color: #e63b0d; background-color: #FEF2C5; background-image: -moz-linear-gradient( 90deg, rgb(253,231,144) 0%, rgb(254,237,172) 38%, rgb(254,243,200) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(253,231,144) 0%, rgb(254,237,172) 38%, rgb(254,243,200) 100%); background-image: -ms-linear-gradient( 90deg, rgb(253,231,144) 0%, rgb(254,237,172) 38%, rgb(254,243,200) 100%); box-shadow: 0px 5px 0px 0px rgba(251, 237, 141, 0.55), 0px 5px 38px 0px rgba(178, 16, 13, 0.91); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.banner_cx_w_1708 .banner_btn:hover{background-color:#FEEBA5;}
.banner_cx_w_1708_bg { margin: auto; position: absolute; left: 0; right: 0; top: -20%; z-index:-1;width:100%;height: 100%; background: url(../images/banner/1708/banner_cx_bg_2.png) no-repeat center center; }
/*促销Banner礼品组合*/
.banner_cx_w_1708 .banner_cx_lipin_w { position: relative; z-index: 1; }
.banner_cx_w_1708 .banner_cx_lipin_w .cx_lipin_w { min-width: 320px; width: 1200px; height: 300px; position: relative; z-index: 1; margin: 0 auto; text-align: center; }

@media screen and (max-width:1200px) {
.banner_cx_w_1708 .banner_cx_lipin_w .cx_lipin_w { width: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.banner_cx_w_1708 .text_w h5 { font-size: 18px; }
}

@media screen and (max-width:970px) {
.banner_cx_w_1708 .banner_cx_lipin_w .cx_lipin_w { display: none; }
.banner_cx_w_1708 .text_w h5 { font-size: 16px; }
.banner_cx_w_1708 .banner_cx_lipin_w .cx_lipin_w_max970 { display: block!important; padding-top: 10px; min-width: 320px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
}

@media screen and (max-width:480px) {
.banner_cx_w_1708 .text_w h5 { font-size: 12px; line-height: 22px; margin: 20px auto 30px auto; }
.banner_cx_w_1708 .banner_btn { width: 60%; height: 42px; line-height: 42px; font-size: 12px; margin: 10px auto 20px auto; ; }
.banner_cx_w_1708 .text_w h1 div { -moz-transform: scale(.9); -webkit-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); }
.banner_cx_w_1708 .banner_cx_img.animated img { -moz-transform: scale(.6); -webkit-transform: scale(.6); -o-transform: scale(.6); transform: scale(.6); }
}
.banner_cx_w_1708 .lipin_img0 { width: auto; margin: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 10; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0.2; -webkit-transition: -webkit-transform 1s 0.2s, opacity 1s 0.2s; transition: transform 1s 0.2s, opacity 1s 0.2s; }
.banner_cx_w_1708 .lipin_img2 { margin: auto; position: absolute; z-index: 7; left: -40px; bottom: 20px; position: absolute; -webkit-transform: translateZ(600px); -ms-transform: translateX(600px); transform: translateX(600px); opacity: 0; -webkit-transition: -webkit-transform 1s 1.2s, opacity 1s 1.2s; transition: transform 1s 1.2s, opacity 1s 1.2s; }
.banner_cx_w_1708 .lipin_img3 { margin: auto; position: absolute; z-index: 8; left: 100px; bottom: 20px; position: absolute; -webkit-transform: translateZ(300px); -ms-transform: translateX(300px); transform: translateX(300px); opacity: 0; -webkit-transition: -webkit-transform 1.1s 1.1s, opacity 1.1s 1.1s; transition: transform 1.1s 1.1s, opacity 1s 1.1s; }
.banner_cx_w_1708 .lipin_img6 { margin: auto; position: absolute; z-index: 2; left: 290px; bottom: 20px; position: absolute; -webkit-transform: translateZ(200px); -ms-transform: translateX(200px); transform: translateX(200px); opacity: 0; -webkit-transition: -webkit-transform 1s 1.2s, opacity 1s 1.2s; transition: transform 1.3s 1.3s, opacity 1.3s 1.3s; }
.banner_cx_w_1708 .lipin_img1 { margin: auto; position: absolute; z-index: 1; right: 120px; bottom: 60px; position: absolute; -webkit-transform: translateZ(-600px); -ms-transform: translateX(-600px); transform: translateX(-200px); opacity: 0; -webkit-transition: -webkit-transform 1s 1.2s, opacity 1s 1.2s; transition: transform 1.3s 1.3s, opacity 1.3s 1.3s; }
.banner_cx_w_1708 .lipin_img4 { margin: auto; position: absolute; z-index: 5; right: 120px; bottom: 20px; position: absolute; -webkit-transform: translateZ(-350px); -ms-transform: translateX(-350px); transform: translateX(-350px); opacity: 0; -webkit-transition: -webkit-transform 1.1s 1.1s, opacity 1.1s 1.1s; transition: transform 1.1s 1.1s, opacity 1s 1.1s; }
.banner_cx_w_1708 .lipin_img5 { margin: auto; position: absolute; z-index: 6; right: 0px; bottom: 20px; position: absolute; -webkit-transform: translateZ(-450px); -ms-transform: translateX(-450px); transform: translateX(-450px); opacity: 0; -webkit-transition: -webkit-transform 1s 1.2s, opacity 1s 1.2s; transition: transform 1s 1.2s, opacity 1s 1.2s; }
.banner_cx_w_1708 .lipin_img7 { margin: auto; position: absolute; z-index: 4; right: -120px; bottom: 0px; position: absolute; -webkit-transform: translateZ(-600px); -ms-transform: translateX(-600px); transform: translateX(-600px); opacity: 0; -webkit-transition: -webkit-transform 1s 1.2s, opacity 1s 1.2s; transition: transform 1.3s 1.3s, opacity 1.3s 1.3s; }
.animated .lipin_img0, .animated .lipin_img1, .animated .lipin_img2, .animated .lipin_img3, .animated .lipin_img4, .animated .lipin_img5, .animated .lipin_img6, .animated .lipin_img7 { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }


/*促销BanneR 动画*/
@-webkit-keyframes cx_text {
 0% {
opacity: 0.1;
-webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1.2);
}
 10% {
opacity: 0.8;
-webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1.1);
}
 50% {
opacity: 0.6;
-webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1.5);
}
 80% {
opacity: 0.4;
-moz-transform: translate3d(0, 0, 0) rotate(0deg) scale(2.1);
}
 90% {
opacity: 0.2;
-webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1.2);
}
 100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
}
}
@-moz-keyframes cx_text {
 0% {
opacity: 0.1;
-moz-transform: translate3d(0, 0, 0) rotate(0deg) scale(1.2);
}
 10% {
opacity: 0.8;
-moz-transform: translate3d(0, 0, 0) rotate(0deg) scale(1.1);
}
 50% {
opacity: 0.6;
-moz-transform: translate3d(0, 0, 0) rotate(0deg) scale(1.5);
}
 80% {
opacity: 0.4;
-moz-transform: translate3d(0, 0, 0) rotate(0deg) scale(2.1);
}
 90% {
opacity: 0.2;
-moz-transform: translate3d(0, 0, 0) rotate(0deg) scale(1.2);
}
 100% {
opacity: 1;
-moz-transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
}
}
@keyframes cx_text {
 0% {
opacity: 0.1;
transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
}
 10% {
opacity: 0.8;
transform: translate3d(0, 0, 0) rotate(0deg) scale(1.2);
}
 50% {
opacity: 0.6;
transform: translate3d(0, 0, 0) rotate(0deg) scale(1.3);
}
 80% {
opacity: 0.4;
transform: translate3d(0, 0, 0) rotate(0deg) scale(1.8);
}
 90% {
opacity: 0.2;
transform: translate3d(0, 0, 0) rotate(0deg) scale(1.2);
}
 100% {
opacity: 1;
transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
}
}

/*第72届中国教育装备展示 好视通直播banner  2017-05-05*/
.banner_live_w_bak { background: #4543eb url(../images/banner/banner_live_bg.png) repeat-x center center; width: 100%; min-width: 320px; height: 800px; margin: 0 auto; overflow: hidden; }
.banner_live_w .banner_live_img { position: relative; z-index: 1; min-width: 240px; max-width: 100%; }
.banner_live_w .banner_live_img.animated img, .banner_live_img .banner_live_img img:hover { -moz-animation: flip 2000ms alternate ease-in-out; -webkit-animation: flip 2000ms alternate ease-in-out; ; animation: flip 2000ms alternate ease-in-out; }

/*第72届中国教育装备展示 好视通直播banner 文案*/
.banner_live_w .text_w { margin: auto; position: absolute; left: 0; right: 0; top: 5%; z-index: 20; color: #fff; text-align: center; }
.banner_live_w .text_w h1 { margin: 10px 20px; line-height: 32px; }
.banner_live_w .text_w h1 div { width: auto; position: relative; z-index: 1; min-width: 100%; max-width: 100%; text-align: center; margin: 0 auto; }
.banner_live_w .text_w h1 i { position: absolute; top: -30px; right: -20px; display: block; width: 42px; height: 42px; background: url(../images/banner/banner_cx_tip.png) no-repeat center center; }
.banner_live_w .text_w h2 { margin: 10px auto; min-width: 320px; max-width: 760px; font-size: 88px; padding: 0 10px; text-shadow: 0 1px 2px rgba(0,0,0,.3); }
.banner_live_w .button_w { width: 320px; margin: 3% auto 3% auto; text-align: center; }
.banner_live_w .banner_btn { display: block; width: 180px; height: 52px; margin: 18% auto 10% auto; text-align: center; font-size: 16px; color: #5c22e6; background-color: #f9faed; line-height: 52px; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; }
a:hover .banner_btn { background-color: #fcfee5; }

/*第72届中国教育装备展示 好视通直播banner 图片*/
.banner_live_img_w { position: relative; z-index: 1; }
.banner_live_img_w .live_img_w { min-width: 320px; width: 1200px; height: 450px; position: relative; z-index: 1; margin: 0 auto; text-align: center; }

@media screen and (max-width:1200px) {
.banner_live_w .live_img { width: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
}

@media screen and (max-width:420px) {
.banner_live_w .text_w { top: 12% }
.banner_live_w .text_w h1 div { -moz-transform: scale(.9); -webkit-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); }
.banner_live_w .banner_live_img.animated img { -moz-transform: scale(.9); -webkit-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); }
}
.live_img { width: auto; margin: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 10; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(10%); opacity: 0.2; -webkit-transition: -webkit-transform 1s 0.2s, opacity 1s 0.2s; transition: transform 1s 0.2s, opacity 1s 0.2s; }
.animated .live_img { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }

/*----------好视通直播 上线banner02  2017-06-09----------*/

.banner_live_w{ position: relative;width: 100%; height: 800px; overflow: hidden }
.blue_banner_bg{ position: relative;width: 100%; height: 800px;margin: 0 auto;background: #1b222c url(../images/banner/blue_banner_bg.jpg) no-repeat center center; background-size: cover; width: 100%; overflow: hidden }
@media screen and (max-width:768px) {
	.blue_banner_bg { position: relative; max-height: 600; overflow: hidden; }	
	.blue_banner_bg .banner_text{width:90%}
}
/*好视通直播banner02 文案*/
.blue_banner_bg .blue_banner_text {
height: 30%;
margin: auto;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 10;
color: #fff;
text-align: center;
}
@media screen and (max-width:768px) {
    .banner_live_w{ position: relative; max-height: 600px; overflow: hidden; }	
    .banner_live_w  .blue_banner_text{width:100%;height:70%;}
}
@media screen and (max-width:480px) {
    .banner_live_w{ position: relative; max-height: 420px; overflow: hidden; }   
}

.blue_banner_bg .blue_banner_text .blue_banner_text_left, .blue_banner_bg .blue_banner_text .blue_banner_right_img { padding: 0 }
.blue_banner_bg .blue_banner_text .blue_banner_text_left { text-align: left;position: relative;z-index: 10 }
.blue_banner_bg .blue_banner_right_img{position: relative;}

.blue_banner_bg .blue_banner_text h1 { margin: 10px 20px 10px 10px; line-height: 32px; }
.blue_banner_bg .blue_banner_text h1 div { width: auto; position: relative; z-index: 1; min-width: 100%; max-width: 100%; text-align: left; margin: 20px 0 40px 0; }
.blue_banner_bg .blue_banner_text h1 i { position: absolute; top: -30px; right: -20px; display: block; width: 42px; height: 42px; background: url(../images/banner/dark_banner_text_h1_new.png) no-repeat center center; }
.blue_banner_bg .blue_banner_text h3 { margin: 10px auto; min-width: 320px; max-width: 760px; padding: 0 10px; text-shadow: 0 1px 2px rgba(0,0,0,.3); }
.blue_banner_bg .button_w { width: 320px; margin: 3% auto 3% auto; text-align: center; }
/*好视通直播banner02 插图*/
/*先3D Y轴45度，然后转回正常*/
.blue_banner_bg .blue_banner_live_img_w { margin: 0 auto; position: relative; z-index: -1; width: 100%; height: 100%;
-webkit-transform: perspective(2000px) rotateY(55deg);
-moz-transform: perspective(2000px) rotateY(55deg);
transform: perspective(2000px) rotateY(55deg);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-ms-transition:  all 3s .5s;;
-moz-transition:  all 3s .5s;;
-webkit-transition:  all 3s .5s;;
transition: all 3s .5s;
}
.swiper-slide-active .blue_banner_bg .blue_banner_live_img_w {
-webkit-transform: perspective(2000px) rotateY(0);
-moz-transform: perspective(2000px) rotateY(0);
transform: perspective(2000px) rotateY(0);	
	
}

.blue_banner_bg .blue_banner_live_img_w .blue_banner_right_img { width: 100%; height: 100%; position: absolute;left:0;top:-160px;right:0;bottom:0;opacity: 0; }
@media screen and (max-width:1200px) {
 .blue_banner_bg .blue_banner_live_img_w .blue_banner_right_img { top:-100px;}   
}
@media screen and (max-width:992px) {
 .blue_banner_bg .blue_banner_live_img_w .blue_banner_right_img { top:-80px;}   
}
.swiper-slide-active .blue_banner_bg .blue_banner_live_img_w .blue_banner_right_img3 { -webkit-animation: go_up .8s cubic-bezier(.4, 0, .2, 1) 0s 1; -webkit-animation: go_up .8s cubic-bezier(.4, 0, .2, 1) 0s 1; animation: go_up .8s cubic-bezier(.4, 0, .2, 1) 0s 1; opacity: 1; }
.swiper-slide-active .blue_banner_bg .blue_banner_live_img_w .blue_banner_right_img3 img { -webkit-animation: circle-outer 40s linear infinite; -moz-animation: circle-outer 40s linear infinite; -o-animation: circle-outer 40s linear infinite; animation: circle-outer 40s linear infinite; }
.swiper-slide-active .blue_banner_bg .blue_banner_live_img_w .blue_banner_right_img2 { -webkit-animation: go_up 1.8s cubic-bezier(.4, 0, .2, 1) 0s 1; -webkit-animation: go_up 1.8s cubic-bezier(.4, 0, .2, 1) 0s 1; animation: go_up 1.8s cubic-bezier(.4, 0, .2, 1) 0s 1; opacity: 1; }
.swiper-slide-active .blue_banner_bg .blue_banner_live_img_w .blue_banner_right_img2 img { -webkit-animation: circle_rotate 40s linear infinite; -moz-animation: circle_rotate 40s linear infinite; -o-animation: circle_rotate 40s linear infinite; animation: circle_rotate 40s linear infinite; }
.swiper-slide-active .blue_banner_bg .blue_banner_live_img_w .blue_banner_right_img1 { -webkit-animation: go_up 1.2s cubic-bezier(.4, 0, .2, 1) 0s 1; -webkit-animation: go_up 1.2s cubic-bezier(.4, 0, .2, 1) 0s 1; animation: go_up 1.2s cubic-bezier(.4, 0, .2, 1) 0s 1; opacity: 1; }
.swiper-slide-active .blue_banner_bg .blue_banner_live_img_w .blue_banner_right_img1 img { opacity: 0.8; -webkit-animation-name: zoom_in; animation-name: zoom_in; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; }
.live_img { width: auto; margin: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 10; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(10%); opacity: 0.2; -webkit-transition: -webkit-transform 1s 0.2s, opacity 1s 0.2s; transition: transform 1s 0.2s, opacity 1s 0.2s; }
.animated .live_img { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
.blue_banner_bg .blue_banner_text .button_w { width: 320px; margin: 3% 0 3% 0; text-align: left; }
.blue_banner_bg .blue_banner_text .banner_btn { display: block; width: 180px; height: 52px; margin: 0% auto 0% 0; text-align: center; font-size: 16px; text-indent: -99999px; color: #5c22e6; background: url(../images/banner/banner_btn_readmore.png) no-repeat center center; line-height: 52px; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; }
.blue_banner_bg .blue_banner_text .banner_btn:hover { opacity: .75 }

@media screen and (max-width:750px) {
.blue_banner_bg .blue_banner_text .blue_banner_text_left { text-align: center; }
.blue_banner_bg .blue_banner_text h3 img { margin: 0 auto; }
.blue_banner_bg .blue_banner_text h1 div { margin: 20px auto 40px auto; }
.blue_banner_bg .blue_banner_text h1 div img { margin: 0 auto; }
.blue_banner_bg .blue_banner_text .button_w { margin: 3% auto 3% auto; text-align: center; }
.blue_banner_bg .blue_banner_text .banner_btn { margin: 0 auto; }
.blue_banner_bg .blue_banner_live_img_w { margin: 0 auto; position: relative; z-index: -1; top: -200px; width: 100%; height: 100%; opacity: 0.6 }
.swiper-slide-active .blue_banner_bg .blue_banner_live_img_w .blue_banner_right_img:nth-child(2) { display: none; }
}
@media screen and (max-width:480px) {
.blue_banner_bg .blue_banner_live_img_w { margin: 0 auto; position: relative; z-index: -1; top: -150px;width: 100%; height: 100%; opacity: 0.6 }
}


/*好视通直播banner11*/

.dark_banner_bg .dark_banner_text { height: 250px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 20; color: #fff; text-align: center; }
.dark_banner_bg .canvas_bg{ width: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1;margin-top:10%;}
.dark_banner_bg .dark_banner_text h1 { margin: 10px 20px; line-height: 32px; }
.swiper-slide-active .banner_live_w .dark_banner_text h1 im0000g { -webkit-animation-name: cx_text; -moz-animation-name: cx_text; animation-name: cx_text; -webkit-animation-duration: 5s; -moz-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; }
.dark_banner_bg .dark_banner_text h1 .h1_w { width: auto; position: relative; z-index: 1; min-width: 240px; max-width: 1050px; text-align: center; margin: 0 auto; }

.dark_banner_bg .dark_banner_text { height: 550px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 20; color: #fff; text-align: center; }
.dark_banner_bg .canvas_bg{ width: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1;margin-top:10%;}
.dark_banner_bg .dark_banner_text  .h1_w { width: auto; position: relative; z-index: 1; min-width: 240px; max-width: 1050px; text-align: center; margin: 0 auto; }
.dark_banner_bg {background: #1f2732 url(../images/banner/banner11_bg.png) no-repeat center bottom;background-size:cover;position: relative;width: 100%;min-width: 320px;height: 100%;margin: 0 auto;overflow: hidden;}
@media screen and (max-width:992px) {
.dark_banner_bg .dark_banner_text { height: 500px;}
}
@media screen and (max-width:768px) {
.dark_banner_bg .dark_banner_text { height: 400px;}
}
@media screen and (max-width:480px) {
.dark_banner_bg .dark_banner_text { height: 250px;}
}


/*12月促销Banner 2017-12-05*/
.banner_cx_w_1205 { position: relative;z-index: 1;background:#6604e3 url(../images/banner/1712/banner_cx_bg.jpg) no-repeat center center; width: 100%; min-width: 320px; height: 800px; margin: 0 auto; overflow: hidden; }
.banner_cx_w_1205 .banner_cx_img { position: relative; z-index: 1; min-width: 240px; max-width: 365px; }
/*促销Banner 文案*/
.banner_cx_w_1205 .text_w { min-width: 350px; margin: auto; position: absolute; left: 0; right: 0; top: 0; padding-top: 5%; z-index: 10; color: #fff; text-align: center;}
.banner_cx_w_1205 .text_w h1 { margin: 10px auto; line-height: 32px;}
.banner_cx_w_1205 .text_w h1 div { position: relative; z-index: 1; width: auto; min-width: 320px; max-width: 550px; text-align: center; margin: -10px auto; padding: 0 10px; }
.banner_cx_w_1205 .text_w h1 i { position: absolute; top: -30px; right: -20px; display: block; width: 60px; height: 60px; background: url(../images/banner/1712/banner_cx_tip.png) no-repeat center center; }
.banner_cx_w_1205 .text_w h2 { margin: 0 auto;}
.banner_cx_w_1205 .text_w h5 { margin: 0 auto 20px auto; line-height: 32px; min-width: 320px; max-width: 880px; font-size: 20px; color: #FFF9E5; padding: 0 10px; text-shadow: 0px 5px 8px rgba(231, 58, 48, 0.5); }
.banner_cx_w_1205 .banner_btn {
	 z-index:10;
	display: block; 
	max-width: 180px;
	height: 52px; 
	line-height: 52px; 
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; margin: 30px auto 50px auto; padding: 0 20px; text-align: center; font-size: 16px; color: #e63b0d; 
	background-color: #FEF2C5; 
	background-image: -moz-linear-gradient( 90deg, rgb(253,231,144) 0%, rgb(254,237,172) 38%, rgb(254,243,200) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(253,231,144) 0%, rgb(254,237,172) 38%, rgb(254,243,200) 100%); 
	background-image: -ms-linear-gradient( 90deg, rgb(253,231,144) 0%, rgb(254,237,172) 38%, rgb(254,243,200) 100%); 
	box-shadow: 0px 5px 0px 0px rgba(251, 237, 141, 0.55), 0px 5px 38px 0px rgba( 86, 11, 146, 0.5); 
	-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; 
}
.banner_cx_w_1205 .banner_btn:hover{background-color:#FEEBA5; }
.banner_cx_w_1205_bg { margin: auto; position: absolute; left: 0; right: 0; top: -15%; z-index:-1;width:100%;height: 100%; background: url(../images/banner/1712/banner_cx_bg_2.png) no-repeat center center; }
.banner_cx_w_1205_bg_2 { margin: auto; position: absolute; left: 0; right: 0; top: -15%; z-index:-1;width:100%;height: 100%; background: url(../images/banner/1712/banner_cx_bg_3.png) no-repeat center center;
	-webkit-transition: 1.2s ease-in-out 0.6s backwards; 
	-webkit-transition-delay: ease;
	-moz-transition: 1.2s ease-in-out 0.6s backwards ease; 
	-o-transition: 1.2s ease-in-out 0.6s backwards ease; 
	transition: 1.2s ease-in-out 0.6s backwards ease;
}


/*促销Banner礼品组合*/
.banner_cx_w_1205 .banner_cx_lipin_w { position: relative; z-index: 1; }
.banner_cx_w_1205 .banner_cx_lipin_w .cx_lipin_w { min-width: 320px; width: 1200px; height: 300px; position: relative; z-index: 1; margin: 0 auto; text-align: center; }
@media screen and (max-width:1200px) {
.banner_cx_w_1205 .banner_cx_lipin_w .cx_lipin_w { width: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.banner_cx_w_1205 .text_w h5 { font-size: 18px; }
}
@media screen and (max-width:970px) {
.banner_cx_w_1205 .banner_cx_lipin_w .cx_lipin_w { display: none; }
.banner_cx_w_1205 .text_w h5 { font-size: 16px; }
.banner_cx_w_1205 .banner_cx_lipin_w .cx_lipin_w_max970 { display: block!important; padding-top: 10px; min-width: 320px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
}
@media screen and (max-width:480px) {
.banner_cx_w_1205 .text_w h5 { font-size: 12px; line-height: 22px; margin: 20px auto 30px auto; }
.banner_cx_w_1205 .banner_btn { width: 60%; height: 42px; line-height: 42px; font-size: 12px; margin: 10px auto 20px auto; ; }
.banner_cx_w_1205 .text_w h1 div { -moz-transform: scale(.9); -webkit-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); }
.banner_cx_w_1205 .banner_cx_img.animated img { -moz-transform: scale(.6); -webkit-transform: scale(.6); -o-transform: scale(.6); transform: scale(.6); }
}
.banner_cx_w_1205 .img_left_4 { margin: auto; position: absolute; z-index: 2; left: -160px; bottom: 20px; position: absolute; -webkit-transform: translateZ(200px); -ms-transform: translateX(200px); transform: translateX(200px); opacity: 0; -webkit-transition: -webkit-transform 1s 1.2s, opacity 1s 1.2s; transition: transform 1.3s 1.3s, opacity 1.3s 1.3s; }
.banner_cx_w_1205 .img_left_3{ margin: auto; position: absolute; z-index: 7; left: -40px; bottom: 20px; position: absolute; -webkit-transform: translateZ(600px); -ms-transform: translateX(600px); transform: translateX(600px); opacity: 0; -webkit-transition: -webkit-transform 1s 1.2s, opacity 1s 1.2s; transition: transform 1s 1.2s, opacity 1s 1.2s; }
.banner_cx_w_1205 .img_left_2  { margin: auto; position: absolute; z-index: 8; left: 90px; bottom: 20px; position: absolute; -webkit-transform: translateZ(300px); -ms-transform: translateX(300px); transform: translateX(300px); opacity: 0; -webkit-transition: -webkit-transform 1.1s 1.1s, opacity 1.1s 1.1s; transition: transform 1.1s 1.1s, opacity 1s 1.1s; }
.banner_cx_w_1205 .img_left_1  { margin: auto; position: absolute; z-index: 8; left: 250px; bottom: 20px; position: absolute; -webkit-transform: translateZ(300px); -ms-transform: translateX(300px); transform: translateX(300px); opacity: 0; -webkit-transition: -webkit-transform 1.1s 1.1s, opacity 1.1s 1.1s; transition: transform 1.1s 1.1s, opacity 1s 1.1s; }
.banner_cx_w_1205 .img_center { width: auto; margin: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 10; -webkit-transform: translateY(110%); -ms-transform: translateY(110%); transform: translateY(110%); opacity: 0.2; -webkit-transition: -webkit-transform 1s 0.2s, opacity 1s 0.2s; transition: transform 1s 0.2s, opacity 1s 0.2s; }
.banner_cx_w_1205 .img_right_1 { margin: auto; position: absolute; z-index: 5; right: 250px; bottom: 20px; position: absolute; -webkit-transform: translateZ(-350px); -ms-transform: translateX(-350px); transform: translateX(-350px); opacity: 0; -webkit-transition: -webkit-transform 1.1s 1.1s, opacity 1.1s 1.1s; transition: transform 1.1s 1.1s, opacity 1s 1.1s; }
.banner_cx_w_1205 .img_right_2 { margin: auto; position: absolute; z-index: 5; right: 80px; bottom: 20px; position: absolute; -webkit-transform: translateZ(-350px); -ms-transform: translateX(-350px); transform: translateX(-350px); opacity: 0; -webkit-transition: -webkit-transform 1.1s 1.1s, opacity 1.1s 1.1s; transition: transform 1.1s 1.1s, opacity 1s 1.1s; }
.banner_cx_w_1205 .img_right_3 { margin: auto; position: absolute; z-index: 6; right: -30px; bottom: 20px; position: absolute; -webkit-transform: translateZ(-450px); -ms-transform: translateX(-450px); transform: translateX(-450px); opacity: 0; -webkit-transition: -webkit-transform 1s 1.2s, opacity 1s 1.2s; transition: transform 1s 1.2s, opacity 1s 1.2s; }
.banner_cx_w_1205 .img_right_4 { margin: auto; position: absolute; z-index: 6; right: -180px; bottom: 20px; position: absolute; -webkit-transform: translateZ(-450px); -ms-transform: translateX(-450px); transform: translateX(-450px); opacity: 0; -webkit-transition: -webkit-transform 1s 1.2s, opacity 1s 1.2s; transition: transform 1s 1.2s, opacity 1s 1.2s; }
.animated .lipin_img { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }


/* AB测试：call to action 按钮增强2017-01-20 */
/* 方案1：实心心方角*/
/*首页产品模块：实心方角 3个按钮*/
.clodmeeting .i_r_more, .training .i_r_more, .Hardware .i_r_more { display: block; width: 120px; height: 36px; line-height: 36px; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; border: 1px #08a1ef solid; text-align: center; background-color: #08a1ef; color: #fff; margin: 30px auto 30px auto; }
.clodmeeting .i_r_more:hover, .training .i_r_more:hover, .Hardware .i_r_more:hover { color: #FFF; border: 1px #08a1ef solid; background-color: #008FD7; }
.clodmeeting .i_r_more i, .training .i_r_more i, .Hardware .i_r_more i, .newsmore i, .customer_more i { font-family: "宋体"; padding-left: 4px; }
/*新闻查看更多：实心方角 按钮*/
.newsmore { display: block; width: 120px; height: 36px; line-height: 36px; -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; border: 1px #08a1ef solid; text-align: center; background-color: #08a1ef; color: #fff; margin: 30px auto 30px auto; }
.newsmore:hover { color: #FFF; border: 1px #08a1ef solid; background-color: #008FD7; }
.newsmore .i_r_more i { font-family: "宋体"; padding-left: 4px; }

/*CSS3动画*/

/*网络视频会议第一品牌背景动画*/
@-moz-keyframes slow_cat {
0% {
-moz-transform:  scale(1.1);
}
100% {
-moz-transform:  scale(1.0);
}
}
@-webkit-keyframes slow_cat {
0% {
-webkit-transform:  scale(1.1);
}
100% {
-webkit-transform:  scale(1.0);
}
}
@keyframes slow_cat {
0% {
transform: scale(1.1);
}
100% {;
transform: scale(1.0);
}
}

/*CSS3动画-滑落*/
@-webkit-keyframes slideItem {
from {
-webkit-transform: scale(2, 2);
margin: 0 5px;
opacity: 0;
}
to {
-webkit-transform: scale(1, 1);
margin: 0 5px;
opacity: 1;
}
}
@-moz-keyframes slideItem {
from {
-moz-transform: scale(2, 2);
margin: 0 5px;
opacity: 0;
}
to {
-moz-transform: scale(1, 1);
margin: 0 5px;
opacity: 1;
}
}
@keyframes slideItem {
from {
transform: scale(2, 2);
margin: 0 5px;
opacity: 0;
}
to {
transform: scale(1, 1);
margin: 0 5px;
opacity: 1;
}
}
/*CSS3动画-旋转*/
.a2_banner .img_c .a2-light { 
 margin: auto;
position: absolute;
left: -6px;
top: -8px;
right: 0;
bottom: 0;
-webkit-animation: circle-outer 10s linear infinite;
-moz-animation: circle-outer 10s linear infinite;
-o-animation: circle-outer 10s linear infinite;
animation: circle-outer 10s linear infinite;
}
@-webkit-keyframes rotate {
from {
-webkit-transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg)
}
}
@-moz-keyframes rotate {
from {
-moz-transform:rotate(0deg)
}
to {
-moz-transform:rotate(360deg)
}
}
@keyframes rotate {
from {
-ms-transform:rotate(0deg)
}
to {
-ms-transform:rotate(360deg)
}
}
@-o-keyframes rotate {
from {
-o-transform:rotate(0deg)
}
to {
-o-transform:rotate(360deg)
}
}

/*-----------扩展的动画库2017-06-09 用于直播Banner动效-----------*/

/*(banner01主标题)缩小放大震动动画*/
@-webkit-keyframes cx_text {
 0% {
opacity: 0.1;
-webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
}
 10% {
opacity: 0.8;
-webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1.1);
}
 50% {
opacity: 0.6;
-webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1.2);
}
 80% {
opacity: 0.4;
-moz-transform: translate3d(0, 0, 0) rotate(0deg) scale(2.5);
}
 90% {
opacity: 0.2;
-webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1.2);
}
 100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
}
}
@-moz-keyframes cx_text {
 0% {
opacity: 0.1;
-moz-transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
}
 10% {
opacity: 0.8;
-moz-transform: translate3d(0, 0, 0) rotate(0deg) scale(1.1);
}
 50% {
opacity: 0.6;
-moz-transform: translate3d(0, 0, 0) rotate(0deg) scale(1.2);
}
 80% {
opacity: 0.4;
-moz-transform: translate3d(0, 0, 0) rotate(0deg) scale(2.5);
}
 90% {
opacity: 0.2;
-moz-transform: translate3d(0, 0, 0) rotate(0deg) scale(1.2);
}
 100% {
opacity: 1;
-moz-transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
}
}
@keyframes cx_text {
 0% {
opacity: 0.1;
transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
}
 10% {
opacity: 0.8;
transform: translate3d(0, 0, 0) rotate(0deg) scale(1.2);
}
 50% {
opacity: 0.6;
transform: translate3d(0, 0, 0) rotate(0deg) scale(1.2);
}
 80% {
opacity: 0.4;
transform: translate3d(0, 0, 0) rotate(0deg) scale(2.5);
}
 90% {
opacity: 0.2;
transform: translate3d(0, 0, 0) rotate(0deg) scale(1.2);
}
 100% {
opacity: 1;
transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
}
}

/*（镜头图标）缩小放大动画zoom_in*/
@-webkit-keyframes zoom_in {
 0% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
}
 10% {
opacity: 0.8;
-webkit-transform: translate3d(0, 0px, 0) rotate(10deg) scale(0.7);
}
 35% {
opacity: 0.6;
-webkit-transform: translate3d(0, 0px, 0) rotate(30deg) scale(0.4);
}
 50% {
opacity: 0.4;
-webkit-transform: translate3d(0, 0, 0) rotate(360deg) scale(0);
}
 80% {
opacity: 0.2;
-webkit-transform: translate3d(0, 0, 0) rotate(720deg) scale(1);
}
 90% {
opacity: 0.1;
-webkit-transform: translate3d(0, 0, 0) rotate(3600deg) scale(6);
}
 100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) rotate(3600deg) scale(1);
}
}
@keyframes zoom_in {
 0% {
opacity: 1;
transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
}
 10% {
opacity: 0.8;
transform: translate3d(0, 0px, 0) rotate(10deg) scale(0.7);
}
 35% {
opacity: 0.6;
transform: translate3d(0, 0px, 0) rotate(30deg) scale(0.4);
}
 50% {
opacity: 0.4;
transform: translate3d(0, 0, 0) rotate(360deg) scale(0);
}
 80% {
opacity: 0.2;
transform: translate3d(0, 0, 0) rotate(720deg) scale(1);
}
 90% {
opacity: 0.1;
transform: translate3d(0, 0, 0) rotate(3600deg) scale(6);
}
 100% {
opacity: 1;
transform: translate3d(0, 0, 0) rotate(3600deg) scale(1);
}
}

/* （banner02 三个图层）往上推动动画*/
@-webkit-keyframes go_up {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 40px, 0)
}
 to {
 opacity: 1;
 -webkit-transform: translateZ(0)
}
}
@keyframes go_up {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 40px, 0);
 transform: translate3d(0, 40px, 0)
}
 to {
 opacity: 1;
 -webkit-transform: translateZ(0);
 transform: translateZ(0)
}
}

/*banner02 逆时针旋转动画*/
@keyframes circle-outer {
 from {
 transform:rotate(0deg)
}
 to {
 transform:rotate(360deg)
}
}
 @-webkit-keyframes circle_rotate {
 0% {
 -webkit-transform:rotate(0deg)
}
 10.7% {
 -webkit-transform:rotate(-90deg)
}
 25% {
 -webkit-transform:rotate(-90deg)
}
 35.7% {
 -webkit-transform:rotate(-180deg)
}
 50% {
 -webkit-transform:rotate(-180deg)
}
 60.7% {
 -webkit-transform:rotate(-270deg)
}
 75% {
 -webkit-transform:rotate(-270deg)
}
 85.7% {
 -webkit-transform:rotate(-360deg)
}
 100% {
 -webkit-transform:rotate(-360deg)
}
}
@-moz-keyframes circle_rotate {
 0% {
 -moz-transform:rotate(0deg)
}
 10.7% {
 -moz-transform:rotate(-90deg)
}
 25% {
 -moz-transform:rotate(-90deg)
}
 35.7% {
 -moz-transform:rotate(-180deg)
}
 50% {
 -moz-transform:rotate(-180deg)
}
 60.7% {
 -moz-transform:rotate(-270deg)
}
 75% {
 -moz-transform:rotate(-270deg)
}
 85.7% {
 -moz-transform:rotate(-360deg)
}
 100% {
 -moz-transform:rotate(-360deg)
}
}
@-o-keyframes circle_rotate {
 0% {
 -o-transform:rotate(0deg)
}
 10.7% {
 -o-transform:rotate(-90deg)
}
 25% {
 -o-transform:rotate(-90deg)
}
 35.7% {
 -o-transform:rotate(-180deg)
}
 50% {
 -o-transform:rotate(-180deg)
}
 60.7% {
 -o-transform:rotate(-270deg)
}
 75% {
 -o-transform:rotate(-270deg)
}
 85.7% {
 -o-transform:rotate(-360deg)
}
 100% {
 -o-transform:rotate(-360deg)
}
}
@keyframes circle_rotate {
 0% {
 transform:rotate(0deg)
}
 10.7% {
 transform:rotate(-90deg)
}
 25% {
 transform:rotate(-90deg)
}
 35.7% {
 transform:rotate(-180deg)
}
 50% {
 transform:rotate(-180deg)
}
 60.7% {
 transform:rotate(-270deg)
}
 75% {
 transform:rotate(-270deg)
}
 85.7% {
 transform:rotate(-360deg)
}
 100% {
 transform:rotate(-360deg)
}
}
/*banner02 点动画，往右*/
@-moz-keyframes animate_float_right {
 0% {
 left: 50px;
 opacity: 0;
}
 50% {
 left: 120px;
 opacity: 1;
}
 70% {
 left: 120px;
 opacity: 0;
}
 100% {
 left: 50px;
 opacity: 0;
}
}
 @keyframes animate_float_right {
 0% {
 left: 50px;
 opacity: 0;
}
 50% {
 left: 120px;
 opacity: 1;
}
 70% {
 left: 120px;
 opacity: 0;
}
 100% {
 left: 50px;
 opacity: 0;
}
}