@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/btn_arrow_right.png) no-repeat;right: -2% }
.index_banner .arrow-left {background:url(../images/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: 220px; overflow: hidden; }  
}
@media screen and (max-width:480px) {
    .index_banner { position: relative; background-color: #000; max-height: 220px; 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: 52px;
    margin: 0px 30px 0px 30px;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    background-color: #0080ff ;
   -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px;
}
.index_banner .banner_btn:hover{
  background-color: #00aaff;   
}
.index_banner .banner_btn_white {
    color: #0080ff ;
    background-color: #FFF;
}
.index_banner .banner_btn_white:hover{ 
     color: #FFF;
    background-color: #00aaff;
}


@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;
    }   
 .index_banner .banner_btn {
	  width: auto;
	 min-width: 80px;
		padding: 0 0.60rem;
		height: 0.82rem;
		line-height: 0.82rem;
		margin: 0.8rem auto 100px auto;
		text-align: center;
		font-size: 0.25rem;
	 
}
 .index_banner .banner_btn:before{content: "";}	 
	 
}
	

/*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 .cloudmeeting_banner_text{
 height: 0px;
margin: auto;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 140px;
z-index: 10;
color: #fff;
text-align: center;
}
.cloudmeeting_banner h1 {font-size:52px; font-weight:bold}
.cloudmeeting_banner h3 { font-size:24px;margin-top:10px;margin-bottom: 50px; }
@media screen and (max-width:768px) {
.cloudmeeting_banner h1 {font-size:20px}
.cloudmeeting_banner h3 { font-size:12px;margin-bottom: 30px; }	

.cloudmeeting_banner { width: 100%; height: 220px; overflow: hidden }
.cloudmeeting_banner_bg { height: 220px !important; background-color: #161616; color: #FFF; overflow: hidden; background: #161616 url(../images/bg.jpg) no-repeat center center; background-size: cover; }

.meetingplus_banner_w { height: 220px !important; background-color: #161616; color: #FFF; overflow: hidden; background: #161616 url(../images/bg.jpg) no-repeat center center; background-size: cover; }
.pro_banner_text {
    position: relative;
    z-index: 999;
    max-width: 1200px;
    max-width: 12rem;
    min-width: 240px;
    min-width: 2.4rem;
    margin: 0 auto;
    padding: 150px 0 0px 0;
    padding: 2.2rem 0 0rem 0 !important;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    transition: all 2s ease;
}


.pro_banner_text .h1_w h1 {
	display: block;
	display: inline-block;
	display: table;
	margin: 0 auto;
	text-align: center;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px !important;
	font-size: 0.4rem;
	font-weight: 500;
	line-height: 1.6;
	padding: 0;
}


.cloudmeeting_banner .cloudmeeting_banner_text {
    height: 0px;
    margin: auto;
    position: absolute;
    left: 0;
    top: 30% !important;
    right: 0;
    bottom: 140px;
    z-index: 10;
    color: 
    #fff;
    text-align: center;
}
}
@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 }
}

/*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; }
.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 4px; margin: 0px 6px; vertical-align: middle; }

.a2_banner em { /*! display: block; */ /*! margin: 50px auto 0 auto; */ /*! width: 30px; */ /*! height: 2px; */ /*! background-color: #00aaff; */ }
.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: #0080ff ; ; 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: #0080ff ; 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; }


/*新VI Banner 第一版 2018-05-08*/
.vi_banner{background-color: #EEE;padding:2% 0;width: 100%;height: 110%;overflow: hidden;}
.vi_banner .m{display: none;}	
.vi_banner img{
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}
@media screen and (max-width:480px) {
.cloudmeeting_banner { width: 100%; height: 420px; overflow: hidden }
.vi_banner .pc{display: none;}	
.vi_banner .m{display: block;}	
}

/*VI Banner 第二版 2018-05-09*/
.vi_banner_w{z-index: 1;width:100%;height:800px;background-color:#1a3148;}
.vi_banner_con{
position: relative;
width: 100%;
height: 100%;
}
.vi_banner_con .vi_banner_text{
	position: absolute;
	z-index: 10;
	left:150px;
	left:1.5rem;
	top: 280px;
	top:2.8rem;
	color:#FFF;
	text-align: left;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
	
}
@media screen and (max-width:1200px) {
.vi_banner_con .vi_banner_text{left:0px;}
}
@media screen and (max-width:992px) {
.vi_banner_con .vi_banner_text{
margin:auto;
position: absolute;
top:100px;
top:1rem;
left:0;
right:0;
bottom:0;
text-align: center;}
}
@media screen and (max-width:480px) {
.vi_banner_con .vi_banner_text{
margin:auto;
position: absolute;
top:220px;
top:2.2rem;
left:0;
right:0;
bottom:0;
text-align: center;
font-family: "Source Han Sans CN",Microsoft YaHei,Helvetica,arial,sans-serif;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);	}
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);	}

.vi_banner_con .vi_banner_text h1{font-size:52px;font-size:0.52rem; }
.vi_banner_con .vi_banner_text h2{font-size:32px;font-size:0.32rem;}
@media screen and (max-width:480px) {
.vi_banner_con .vi_banner_text h1{font-size:62px;font-size:0.62rem; }
.vi_banner_con .vi_banner_text h2{font-size:62px;font-size:0.42rem;}
}
.vi_banner_con .vi_banner_text .vi_btn {
    display: block;
    display: inline-block;
    width: auto;
    width: 140px;
	  height: 42px;
	  line-height: 42px;
    margin: 50px auto 20px auto;
	  margin: 0.50rem auto 0.2rem auto;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    background-color: #0080ff ;
   -webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px;
}
.vi_banner_con .vi_banner_text .vi_btn:hover{
  background-color: #00aaff;   
}
.vi_banner_con .vi_banner_img{
position: absolute;
top:220px;
top:2.2rem;	
right:150px;
right:1.5rem;
width:55%;
height:55%;
	
-webkit-transform: rotate(0) translateX(0) translateY(150px) scale(.8, 0.8) opacity:0;
-moz-transform: rotate(0) translateX(0) translateY(150px) scale(.8, 0.8) ; 
-o-transform: rotate(0) translateX(0) translateY(150px) scale(.8, 0.8) opacity:0;
transform: rotate(0) translateX(0) translateY(150px) scale(.8, 0.8) opacity:0; 	
-webkit-transition: all 2s;
-moz-transition: all 2s;
transition: all 2s;	
}
.swiper-slide-active .vi_banner_con .vi_banner_img {
 -webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); 
	transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1) ;	
}
@media screen and (max-width:1400px) {
.vi_banner_con .vi_banner_img{
margin:auto;
position: absolute;
top:280px;
top:2.5rem;	
left:0;
right:0;
bottom:0;
bottom:0;	
}
}
@media screen and (max-width:992px) {
.vi_banner_con .vi_banner_img{
width:40%;
height:40%;		
margin:auto;
position: absolute;
top:350px;
top:3.5rem;	
left:0;
right:0;
bottom:0;
bottom:0;
opacity: 1;	
}
}
@media screen and (max-width:768px) {
.vi_banner_con .vi_banner_img{
width:30%;
height:30%;		
margin:auto;
position: absolute;
top:350px;
top:3.5rem;	
left:0;
right:0;
bottom:0;
bottom:0;
opacity: 1;	
}
}
@media screen and (max-width:680px) {
.vi_banner_con .vi_banner_img{
width:30%;
height:30%;		
margin:auto;
position: absolute;
top:420px;
top:4.2rem;	
left:0;
right:0;
bottom:0;
bottom:0;
opacity: 1;	
}
}
@media screen and (max-width:480px) {
.vi_banner_con .vi_banner_img{
width:60%;
height:60%;
margin:auto;
position: absolute;
top:3px;
top:3rem;
left:0;
right:0;
bottom:0;
bottom:0;
opacity: 0.2;	
}
}

/*VI线转换面效果*/
#logo_line .logo_t,#logo_line .logo_l,#logo_line .logo_r,#logo_line .logo_c{
	fill:none;
	stroke:#FFF;
	stroke-width:1;
	stroke-linecap:round;
	stroke-linejoin:round;
}

#logo_rect .logo_t{fill:#ff6900;}
#logo_rect .logo_l{fill:#8c0;}
#logo_rect .logo_r{fill:#0080ff;}
#logo_rect .logo_c{fill:#ffcd00;}

#logo_line{

margin:auto;	
position: absolute;
z-index:1;	
left:0;
top:0;
right:0;
left:0;	
}	
	
#logo_rect{
margin:auto;
position: absolute;
z-index:2;	
left:0;
top:0;
right:0;
left:0;	
}	
#logo_rect .logo_t,#logo_rect .logo_l,#logo_rect .logo_r,#logo_rect .logo_c{
	stroke-width:0;
	stroke-linecap:round;
	stroke-linejoin:round;
}	
/**logo面性动画**/	
@keyframes LogoRectAnimation {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
 100% {
 opacity: 1;
}	
}	
/*logo面性动画添加*/
#logo_rect{
  animation: LogoRectAnimation 8s infinite alternate;
  animation-delay: 0s;/*开始时间*/
}	
	
/**logo线描外层动画**/	
@keyframes LogoLineOutAnimation {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
 100% {
 opacity: 0;
}	
}	
	
/*logo线描外层动画添加*/
#logo_line{
  animation: LogoLineOutAnimation 8s infinite alternate;
  animation-delay: 0s;/*开始时间*/	
}	
	
/**logo线描动画**/
@keyframes LogoLineAnimation {
  to {
    stroke-dashoffset: 0px;
  }
}	
/*logo线描动画添加*/
#logo_line .logo_t,#logo_line .logo_l,#logo_line .logo_r,#logo_line .logo_c{
  animation: LogoLineAnimation 8s infinite alternate;
}
#logo_line .logo_t{
stroke-dasharray: 400px;
stroke-dashoffset: 400px;
animation-delay: 0.6s;/*开始时间*/
}	
#logo_line .logo_l{
stroke-dasharray: 500px;
stroke-dashoffset: 500px;
animation-delay: 0.6s;		
}
#logo_line .logo_r{
stroke-dasharray: 500px;
stroke-dashoffset: 500px;
animation-delay: 0.6s;			
}
#logo_line .logo_c{
stroke-dasharray: 200px;
stroke-dashoffset: 200px;
animation-delay: 0.6s;			
}


/*促销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/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/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_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; }




/*2018春季招聘会banner*/
.zp_banner_w { position: relative; width: 100%; height: 800px; min-width: 320px; max-width: 100%; max-height: 100%; background-color: #1e1471; color: #FFF; margin: 0 auto; text-align: center; overflow: hidden }
.index_banner_zp .index_banner_zp_text { float: none; width: 100%; height: 100%; margin: auto; padding: 0; position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; }
.index_banner_zp .index_banner_zp_text img { float: none; margin: auto; padding: 0; position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; }
.index_banner_zp .index_banner_zp_img img { float: none; margin: auto; padding: 0; position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; }
.index_banner_zp .index_banner_zp_text .h1_w { height: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 20; color: #fff; }
.index_banner_zp .index_banner_zp_text .h1_w { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); -webkit-transition: all 1.2s ease; transition: all 1.2s ease; }
.index_banner_zp .index_banner_zp_text .h1_1 { z-index: 10; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0); }
.index_banner_zp .index_banner_zp_text .h1_2 { z-index: 9; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.index_banner_zp .index_banner_zp_text .h1_3 { z-index: 8; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.index_banner_zp .index_banner_zp_text .h1_4 { z-index: 7; -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }
.swiper-slide-active .index_banner_zp .index_banner_zp_text .h1_w { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); animation-direction: reverse; }
.index_banner_zp .index_banner_zp_img { float: none; width: 100%; height: 100%; margin: auto; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; }
.index_banner_zp .img_list { width: 100%; height: 100%; position: relative; z-index: 10; margin: 0 auto; }
.index_banner_zp .img_list .img_w { opacity: 0; width: 100%; height: 100%; margin: auto; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); -webkit-transition: all 1.2s ease; transition: all 1.2s ease }
.index_banner_zp .img_list .img_1 { z-index: 10; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.index_banner_zp .img_list .img_2 { z-index: 9; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.index_banner_zp .img_list .img_3 { z-index: 8; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.swiper-slide-active .index_banner_zp .img_list .img_w { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); animation-direction: reverse; }
.index_banner_zp_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/zp/index_banner_zp_bg.png) no-repeat center center; background-size: cover; }
.index_banner_zp_bg_2 { width: 100%; height: 100%; max-width: 1920px; ; margin: 0 auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/banner/zp/index_banner_zp_bg2.png) no-repeat center center; background-size: cover; }
.index_banner_zp_bg_3 { margin: auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; transform: rotate(90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
.index_banner_zp_bg_3::before { content: ""; display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 1200px; height: 600px; background: url(../images/sivan_line.png) no-repeat center 80px; animation: 10s sivan_line infinite linear; }
.index_banner_zp_bg_3::after { content: ""; display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 1200px; height: 600px; background: url(../images/sivan_line.png) no-repeat center bottom; animation: 20s sivan_line infinite linear; }
 @-webkit-keyframes sivan_line {
 0% {
opacity: 0;
transform: translate(0%, 0);
}
50% {
opacity: 1;
transform: translate(50%, 0);
}
 100% {
 opacity: 0;
transform: translate(100%, 0);
}
}
 @keyframes sivan_line {
 0% {
 opacity: 0;
 transform: translate(0, 0);
}
50% {
 opacity: 1;
 transform: translate(50%, 0);
}
 100% {
 opacity: 0;
 transform: translate(100%, 0);
}
}


/* 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: #00aaff; }
.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: #00aaff; }
.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;
}
}



/*MeetingPlus Banner 2018-07-09*/

/*文字块与图片块垂直居中办法：table方法,移动端时，元素全部居中排版*/
.meetingplus_banner_w .pull-left, .meetingplus_banner_w .pull-right {
display: table;margin:0 auto;z-index: 99;text-align: left;
}
.meetingplus_banner_w .pull-left .meetingplus_banner_text, .meetingplus_banner_w .pull-right .meetingplus_banner_text {
	height: 800px;
	display: table-cell;
	vertical-align: middle;
}
.meetingplus_banner_w .pull-left .meetingplus_banner_img, .meetingplus_banner_w .pull-right .meetingplus_banner_img {
	height: 800px;
	display: table-cell;
	vertical-align: middle;
}

 @media (max-width:1200px) {
.meetingplus_banner_w .pull-left, .meetingplus_banner_w .pull-right {
	display: block;
	text-align: center;
	margin:0 auto !important;
	float: none !important;
}	 	 
.meetingplus_banner_w .pull-left .meetingplus_banner_text, .meetingplus_banner_w .pull-right .meetingplus_banner_text {
	display: block;
	margin:0 auto !important;
	height: auto;


}
.meetingplus_banner_w .pull-left .meetingplus_banner_img, .meetingplus_banner_w .pull-right .meetingplus_banner_img {
	display: block;
	margin:0 auto !important;
	height: auto;

}
}

@media (max-width: 1200px){ 
.meetingplus_banner_w .pull-left {
	width:100%;
	height:100%;
	margin: auto;
	position: absolute; 
	z-index: 1; 
	top:8%;
	right: 0; 
	bottom: 0; 
	left: 0;
	opacity:0.15;
	}
}


@media (max-width: 1200px){ 
.meetingplus_banner_w .pull-right {
	width:100%;
	height:100%;
	margin: auto;
	position: absolute; 
	z-index:2; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0;
	top:25%;
	-webkit-opacity:1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	}
}
/*MeetingPlus Banner 2018-07-09*/


.meetingplus_banner_w{
	position:relative;
	z-index: 1;
	width:100%;
	max-width:100%;
	overflow: hidden;
	height:800px;
	background:#262f4e url(../images/mp_banner_bg.jpg) no-repeat center center; background-size:cover;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
  -o-transition: all .8s ease;
	transition: all 0.8s ease;		
}

@media screen and (max-width:480px) {
.meetingplus_banner_w,.meetingplus_banner_con{ width: 100%; height: 220px !important; overflow: hidden}
}


/*文字层*/

.meetingplus_banner_w .meetingplus_banner_text .h_w,.meetingplus_banner_w .meetingplus_banner_text .meetingplus_btn{
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
  opacity: 1;
	-webkit-transform: rotate(0) translateX(-300px) translateY(0) scale(1, 1);
	-moz-transform: rotate(0) translateX(-300px) translateY(0) scale(1, 1);
	-o-transform: rotate(0) translateX(-300px) translateY(0) scale(1, 1);
	transform: rotate(0) translateX(-300px) translateY(0) scale(1, 1);
}
.meetingplus_banner_w .meetingplus_banner_text .h1_w{
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	transition: all 1.5s ease;
}
.meetingplus_banner_w .meetingplus_banner_text .h2_w{
	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	-ms-transition: all 1.2s ease;
	-o-transition: all 1.2s ease;
	transition: all 1.2s ease;
}
.meetingplus_banner_w .meetingplus_banner_text .h3_w{
	-webkit-transition: all 1.8s ease;
	-moz-transition: all 1.8s ease;
	-ms-transition: all 1.8s ease;
	-o-transition: all 1.8s ease;
	transition: all 1.8s ease;
}
.meetingplus_banner_w .meetingplus_banner_text .meetingplus_btn{
	-webkit-transition: all 3.2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}
.swiper-slide-active  .meetingplus_banner_w .meetingplus_banner_text .h_w,.swiper-slide-active .meetingplus_banner_w .meetingplus_banner_text .meetingplus_btn{
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
  opacity: 1;
	
	-webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
}

.meetingplus_banner_w .meetingplus_banner_text{
	max-width: 620px;
	color:#fff;
}
.meetingplus_banner_w .meetingplus_banner_text .h2_w{
  font-size:38px;
	font-size:0.38rem;
  font-family: "Arial";
  line-height: 1;
  text-shadow: 0px 0px 10px rgba(14, 19, 36, 0.66);
}
.meetingplus_banner_w .meetingplus_banner_text .h1_w{
	font-size:52px;
	font-size:0.52rem;
	line-height: 1;
	font-weight:bold;
	margin:10px auto 40px auto;
	margin:0.10rem auto 0.40rem auto;
  text-shadow: 0px 0px 10px rgba(14, 19, 36, 0.66);		
}
.meetingplus_banner_w .meetingplus_banner_text .h3_w{
  font-size:24px;
	font-size:0.24rem;
  line-height:1;
  text-shadow: 0px 0px 10px rgba(14, 19, 36, 0.66);
}
.meetingplus_banner_w .meetingplus_banner_text .meetingplus_btn {
	   overflow: hidden;
		display: block;
		display: inline-block;
		width: auto;
		min-width: 80px;
		padding: 0 50px;
		height: 52px;
		line-height: 52px;
		margin: 80px auto 100px auto;
		margin: 0.80rem auto 1.0rem auto;	
		text-align: center;
		font-size: 16px;
		color: #FFF;
		background-color: #0080ff ;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;	
}


.meetingplus_banner_w .meetingplus_banner_text .meetingplus_btn:before { font-family: "宋体"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; content: ">"; position: absolute; left: 130%; top: 50%; margin-top: -8px; margin-top: -0.08rem; height: 100%; font-size: 125%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.meetingplus_banner_w .meetingplus_banner_text .meetingplus_btn:hover:before { left: 80%; }
.meetingplus_banner_w .meetingplus_banner_text .meetingplus_btn:hover { background-color: #00aaff; color: #fff; text-decoration: none; }  


 @media (max-width:680px) {
.meetingplus_banner_w .meetingplus_banner_text .h2_w{
	font-size:52rem;
	font-size:0.52rem;
}
.meetingplus_banner_w .meetingplus_banner_text .h1_w{
	font-size:62px;
	font-size:0.62rem;
	line-height: 1.2;
}
.meetingplus_banner_w .meetingplus_banner_text .h3_w{
  font-size:32px;
	font-size:0.32rem;
  line-height:1;
}
	 
.meetingplus_banner_w .meetingplus_banner_text .meetingplus_btn {
		padding: 0 0.60rem;
		height: 0.82rem;
		line-height: 0.82rem;
		margin: 0.8rem auto 100px auto;
		text-align: center;
		font-size: 0.25rem;
		color: #FFF;
		background-color: #0080ff ;	
}
.meetingplus_banner_w .meetingplus_banner_text .meetingplus_btn:before{content: "";}	 
	 
}




/*图片层*/



.meetingplus_banner_w  .cp_pic_groups{
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
  opacity: 1;

	-webkit-transform: rotate(0) translateX(0px) translateY(0px) scale(0.6, 0.6);
	-moz-transform: rotate(0) translateX(0px) translateY(0px) scale(0.6, 0.6);
	-o-transform: rotate(0) translateX(0px) translateY(0px) scale(0.6, 0.6);
	transform: rotate(0) translateX(0px) translateY(500px) scale(0.6, 0.6);

	
	-webkit-transition: all 3.2s ease;
	-moz-transition: all 3.2s ease;
	-ms-transition: all 3.2s ease;
	-o-transition: all 3.2s ease;
	transition: all 3.2s ease;
}

.swiper-slide-active  .meetingplus_banner_w  .cp_pic_groups{
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
  opacity: 1;
	
	-webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
}



/*装饰层*/

.meetingplus_banner_w .bg_groups {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
  opacity: 1;
	margin: auto;
	position: absolute;
	z-index:0;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.meetingplus_banner_w .bg_groups   .pic {
		-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
  opacity: 1;
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: all 1s ease;
	transition: all 3s ease
}

.meetingplus_banner_w .bg_groups  .pic {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
  opacity: 0;
	-webkit-transform: rotate(0) translateX(500px) translateY(-500px) scale(0.6, 0.6);
	-moz-transform: rotate(0) translateX(500px) translateY(-500px) scale(0.6, 0.6);
	-o-transform: rotate(0) translateX(500px) translateY(-500px) scale(0.6, 0.6);
	transform: rotate(0) translateX(500px) translateY(-500px) scale(0.6, 0.6);
	-webkit-transition: all 3.5s ease;
	-moz-transition: all 3.5s ease;
	-o-transition: all 3.5s ease;
	transition: all 3.5s ease;
}



.swiper-slide-active .meetingplus_banner_w .bg_groups  .pic {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
  opacity: 1;
	-webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
}

/*装饰层:分层动画*/

.swiper-slide-active  .meetingplus_banner_w .bg_groups .pic_1 img:nth-child(1) {
	-webkit-animation: fade_side_15 5s infinite linear;
	-moz-animation: fade_side_15 5s infinite linear;
	-ms-animation: fade_side_15 5s infinite linear;
	-o-animation: fade_side_15 5s ease-in-out infinite;
	animation: fade_side_15 6s infinite linear;
}
.swiper-slide-active .meetingplus_banner_w .bg_groups .pic_2 img:nth-child(1) {
	-webkit-animation: fade_side_15 4s infinite linear;
	-moz-animation: fade_side_15 4s infinite linear;
	-ms-animation: fade_side_15 4s infinite linear;
	-o-animation: fade_side_15 4s ease-in-out infinite;
	animation: fade_side_15 4s infinite linear;
}
.swiper-slide-active .meetingplus_banner_w .bg_groups .pic_3 img:nth-child(1) {
	-webkit-animation: fade_side_15 9s infinite linear;
	-moz-animation: fade_side_15 9s infinite linear;
	-ms-animation: fade_side_15 9s infinite linear;
	-o-animation: fade_side_15 9s ease-in-out infinite;
	animation: fade_side_15 9s infinite linear;
}
.swiper-slide-active .meetingplus_banner_w .bg_groups .pic_4 img:nth-child(1) {
	-webkit-animation: fade_side_15 5s infinite linear;
	-moz-animation: fade_side_15 5s infinite linear;
	-ms-animation: fade_side_15 5s infinite linear;
	-o-animation: fade_side_15 5s ease-in-out infinite;
	animation: fade_side_15 5s infinite linear;
}
.swiper-slide-active .meetingplus_banner_w .bg_groups .pic_5 img:nth-child(1) {
	-webkit-animation: fade_side_15 6s infinite linear;
	-moz-animation: fade_side_15 6s infinite linear;
	-ms-animation: fade_side_15 6s infinite linear;
	-o-animation: fade_side_15 6s ease-in-out infinite;
	animation: fade_side_15 6s infinite linear;
}
.swiper-slide-active .meetingplus_banner_w .bg_groups .pic_6 img:nth-child(1) {
	-webkit-animation: fade_side_15 7s infinite linear;
	-moz-animation: fade_side_15 7s infinite linear;
	-ms-animation: fade_side_15 7s infinite linear;
	-o-animation: fade_side_15 7s ease-in-out infinite;
	animation: fade_side_15 7s infinite linear;
}
.swiper-slide-active .meetingplus_banner_w .bg_groups .pic_7 img:nth-child(1) {
	-webkit-animation: fade_side_15 8s infinite linear;
	-moz-animation: fade_side_15 8s infinite linear;
	-ms-animation: fade_side_15 8s infinite linear;
	-o-animation: fade_side_15 8s ease-in-out infinite;
	animation: fade_side_15 8s infinite linear;
}
 .swiper-slide-active .meetingplus_banner_w .bg_groups .pic_8 img:nth-child(1) {
	-webkit-animation: fade_side_15 9s infinite linear;
	-moz-animation: fade_side_15 9s infinite linear;
	-ms-animation: fade_side_15 9s infinite linear;
	-o-animation: fade_side_15 9s ease-in-out infinite;
	animation: fade_side_15 9s infinite linear;
}
 .swiper-slide-active .meetingplus_banner_w .bg_groups .pic_9 img:nth-child(1) {
	-webkit-animation: fade_side_15 9s infinite linear;
	-moz-animation: fade_side_15 9s infinite linear;
	-ms-animation: fade_side_15 9s infinite linear;
	-o-animation: fade_side_15 9s ease-in-out infinite;
	animation: fade_side_15 9s infinite linear;
}
 .swiper-slide-active .meetingplus_banner_w .bg_groups .pic_10 img:nth-child(1) {
	-webkit-animation: fade_side_15 6s infinite linear;
	-moz-animation: fade_side_15 6s infinite linear;
	-ms-animation: fade_side_15 6s infinite linear;
	-o-animation: fade_side_15 6s ease-in-out infinite;
	animation: fade_side_15 6s infinite linear;
}



/*动效：镜头光面45度向上运动*/
@-webkit-keyframes fade_side_15 {
 0% {
 -webkit-opacity: 0;
 -webkit-transform:translateX(0px) translateY(0);
}
50% {
 -webkit-opacity: 1;
}
 100% {
-webkit- opacity: 0;
 -webkit-transform: translateX(45px) translateY(-45px);
}
}

@-moz-yframes fade_side_15 {
 0% {
 -mozmoz-opacity: 0;
 -moz-transform:translateX(0px) translateY(0);
}
50% {
 -moz-opacity: 1;
}
 100% {
-moz- opacity: 0;
 -moz-transform: translateX(45px) translateY(-45px);
}
}

 @keyframes fade_side_15 {
 0% {
 opacity: 0;
 transform:translateX(0px) translateY(0);
}
50% {
 opacity: 1;
}
 100% {
 opacity: 0;
 transform: translateX(45px) translateY(-45px);
}
}


/*open Banner 2018-07-11*/

/*文字块与图片块垂直居中办法：table方法,移动端时，元素全部居中排版*/
.open_banner_w .pull-left, .open_banner_w .pull-right {
display: table;margin:0 auto;z-index: 99;text-align: left;
}
.open_banner_w .pull-left .open_banner_text, .open_banner_w .pull-right .open_banner_text {
	height: 800px;
	display: table-cell;
	vertical-align: middle;
}
.open_banner_w .pull-left .open_banner_img, .open_banner_w .pull-right .open_banner_img {
	height: 800px;
	display: table-cell;
	vertical-align: middle;
}

 @media (max-width:1200px) {
.open_banner_w .pull-left, .open_banner_w .pull-right {
	display: block;
	text-align: center;
	margin:0 auto !important;
	float: none !important;
}	 	 
.open_banner_w .pull-left .open_banner_text, .open_banner_w .pull-right .open_banner_text {
	display: block;
	margin:0 auto !important;
	height: auto;


}
.open_banner_w .pull-left .open_banner_img, .open_banner_w .pull-right .open_banner_img {
	display: block;
	margin:0 auto !important;
	height: auto;

}
}

@media (max-width: 1200px){ 
.open_banner_w .pull-right {
	width:100%;
	height:100%;
	margin: auto;
	position: absolute; 
	z-index: 1; 
	top:50%;
	right: 0; 
	bottom: 0; 
	left: 0;
	-webkit-opacity:0.15;
	-moz-opacity: 0.15;
	-ms-opacity: 0.15;
	-o-opacity: 0.15;
	opacity: 0.15;
	}
}


@media (max-width: 1200px){ 
.open_banner_w .pull-left {
	width:100%;
	height:100%;
	margin: auto;
	position: absolute; 
	z-index:2; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0;
	top:25%;
	-webkit-opacity:1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	}
}
/*open Banner 2018-07-09*/


.open_banner_w{
	position:relative;
	z-index: 1;
	width:100%;
	max-width:100%;
	overflow: hidden;
	height:800px;
	background:#0c1240 url(../images/banner/open/open_bg.png) repeat-x center center;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
  -o-transition: all .8s ease;
	transition: all 0.8s ease;		
}

@media screen and (max-width:480px) {
.open_banner_w,.open_banner_con{ width: 100%; height: 420px; overflow: hidden }
}


/*文字层*/

.open_banner_w .open_banner_text .h_w,.open_banner_w .open_banner_text .open_btn{
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
  opacity: 1;
	-webkit-transform: rotate(0) translateX(-300px) translateY(0) scale(1, 1);
	-moz-transform: rotate(0) translateX(-300px) translateY(0) scale(1, 1);
	-o-transform: rotate(0) translateX(-300px) translateY(0) scale(1, 1);
	transform: rotate(0) translateX(-300px) translateY(0) scale(1, 1);
}

.open_banner_w .open_banner_text .h1_w{
	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	-ms-transition: all 1.2s ease;
	-o-transition: all 1.2s ease;
	transition: all 1.2s ease;
}
.open_banner_w .open_banner_text .h2_w{
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	transition: all 1.5s ease;
}
.open_banner_w .open_banner_text .open_btn{
	-webkit-transition: all 3.2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}
.swiper-slide-active  .open_banner_w .open_banner_text .h_w,.swiper-slide-active .open_banner_w .open_banner_text .open_btn{
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
  opacity: 1;
	
	-webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
}

.open_banner_w .open_banner_text{
	max-width: 620px;
	color:#d5ddf7;
}
.open_banner_w .open_banner_text .h2_w{
  font-size:18px;
	font-size:0.18rem;
  line-height: 1;
	margin-left:100px;
	margin-left:1rem;
  text-shadow: 0px 0px 10px rgba(14, 19, 36, 0.66);
}
.open_banner_w .open_banner_text .h1_w{
	color:#FFF;
	font-size:62px;
	font-size:0.62rem;
	line-height: 1;
	margin:40px auto 40px 100px;
	margin:0.40rem auto 0.40rem 1rem;
  text-shadow: 0px 0px 10px rgba(14, 19, 36, 0.66);		
}

.open_banner_w .open_banner_text .open_btn {
	  overflow: hidden;
		display: block;
		display: inline-block;
		width: auto;
		min-width: 80px;
		padding: 0 50px;
		height: 52px;
		line-height: 52px;
		margin: 80px auto 100px 100px;
		margin: 0.80rem auto 1.0rem 1rem;	
		text-align: center;
		font-size: 16px;
		color: #FFF;
		background-color: #0080ff ;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;	
}


.open_banner_w .open_banner_text .open_btn:before { font-family: "宋体"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; content: ">"; position: absolute; left: 130%; top: 50%; margin-top: -8px; margin-top: -0.08rem; height: 100%; font-size: 125%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.open_banner_w .open_banner_text .open_btn:hover:before { left: 80%; }
.open_banner_w .open_banner_text .open_btn:hover { background-color: #00aaff; color: #fff; text-decoration: none; }  

@media (max-width:1200px) {
.open_banner_w .open_banner_text .h2_w{
margin: 0 auto 0 auto;
	}
.open_banner_w .open_banner_text .h1_w{
	margin: 0 auto 0.2rem auto;
	}
.open_banner_w .open_banner_text .open_btn {
	margin: 0.5rem auto 0.5rem auto;
	}
 
}


 @media (max-width:680px) {
.open_banner_w .open_banner_text .h2_w{
	font-size: 32px;
  font-size: 0.32rem;
	line-height: 1.2;
	margin:0 auto;
}
.open_banner_w .open_banner_text .h1_w{
	font-size:62px;
	font-size:0.62rem;
	line-height: 1.2;
}


.open_banner_w .open_banner_text .open_btn {
		padding: 0 0.60rem;
		height: 0.82rem;
		line-height: 0.82rem;
		margin: 0.8rem auto 100px auto;
		text-align: center;
		font-size: 0.25rem;
		color: #FFF;
		background-color: #0080ff ;	
}
.open_banner_w .open_banner_text .open_btn:before{content: "";}	 
	 
}



/*图片层*/



.open_banner_w  .cp_pic_groups{
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
  opacity: 1;

	-webkit-transform: rotate(0) translateX(300px) translateY(300px) scale(0.6, 0.6);
	-moz-transform: rotate(0) translateX(300px) translateY(300px) scale(0.6, 0.6);
  -ms-transform: rotate(0) translateX(300px) translateY(300px) scale(0.6, 0.6);
	-o-transform: rotate(0) translateX(300px) translateY(300px) scale(0.6, 0.6);
	transform: rotate(0) translateX(300px) translateY(300px) scale(0.6, 0.6);

	
	-webkit-transition: all 3.2s ease;
	-moz-transition: all 3.2s ease;
	-ms-transition: all 3.2s ease;
	-o-transition: all 3.2s ease;
	transition: all 3.2s ease;
}

.swiper-slide-active  .open_banner_w  .cp_pic_groups{
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
   opacity: 1;
	
	-webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
}



/*产品:分层动画*/

.open_banner_w .cp_pic_groups  .pic{
		-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
  opacity: 1;	
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	
-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease;

}
 .open_banner_w .cp_pic_groups .pic_1{
	 z-index: 10;
	-webkit-transform: rotate(0) translateX(0px) translateY(100px) scale(1, 1);
	-moz-transform: rotate(0) translateX(0px) translateY(100px) scale(1, 1);
	-ms-transform: rotate(0) translateX(0px) translateY(100px) scale(1, 1);
	-o-transform: rotate(0) translateX(0px) translateY(100px) scale(1, 1);
 transform: rotate(0) translateX(0px) translateY(100px) scale(1, 1);

	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	-ms-transition: all 1.2s ease;
	-o-transition: all 1.2s ease;
	transition: all 1.2s ease;
}
.open_banner_w .cp_pic_groups .pic_2{
	z-index: 8;
	-webkit-transform: rotate(0) translateX(0px) translateY(200px) scale(1, 1);
	-moz-transform: rotate(0) translateX(0px) translateY(200px) scale(1, 1);
	-ms-transform: rotate(0) translateX(0px) translateY(200px) scale(1, 1);
	-o-transform: rotate(0) translateX(0px) translateY(200px) scale(1, 1);
 transform: rotate(0) translateX(0px) translateY(200px) scale(1, 1);

	-webkit-transition: all 1.4s ease;
	-moz-transition: all 1.4s ease;
	-ms-transition: all 1.4s ease;
	-o-transition: all 1.4s ease;
	transition: all 1.4s ease;
}
.open_banner_w .cp_pic_groups .pic_3{
	z-index: 6;
	-webkit-transform: rotate(0) translateX(0px) translateY(300px) scale(1, 1);
	-moz-transform: rotate(0) translateX(0px) translateY(300px) scale(1, 1);
	-ms-transform: rotate(0) translateX(0px) translateY(300px) scale(1, 1);
	-o-transform: rotate(0) translateX(0px) translateY(300px) scale(1, 1);
 transform: rotate(0) translateX(0px) translateY(300px) scale(1, 1);

	-webkit-transition: all 1.6s ease;
	-moz-transition: all 1.6s ease;
	-ms-transition: all 1.6s ease;
	-o-transition: all 1.6s ease;
	transition: all 1.6s ease;
}
.open_banner_w .cp_pic_groups .pic_4{
	z-index: 4;
	-webkit-transform: rotate(0) translateX(0px) translateY(400px) scale(1, 1);
	-moz-transform: rotate(0) translateX(0px) translateY(400px) scale(1, 1);
	-ms-transform: rotate(0) translateX(0px) translateY(400px) scale(1, 1);
	-o- transform: rotate(0) translateX(0px) translateY(400px) scale(1, 1);
  transform: rotate(0) translateX(0px) translateY(400px) scale(1, 1);

	-webkit-transition: all 1.8s ease;
	-moz-transition: all 1.8s ease;
	-ms-transition: all 1.8s ease;
	-o-transition: all 1.8s ease;
	transition: all 1.8s ease;
}
.open_banner_w .cp_pic_groups .pic_5{
	z-index: 2;
	-webkit-transform: rotate(0) translateX(0px) translateY(600px) scale(1, 1);
	-moz-transform: rotate(0) translateX(0px) translateY(600px) scale(1, 1);
	-ms-transform: rotate(0) translateX(0px) translateY(600px) scale(1, 1);
	-o-transform: rotate(0) translateX(0px) translateY(600px) scale(1, 1);
	transform: rotate(0) translateX(0px) translateY(600px) scale(1, 1;);
	
	

	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}
.swiper-slide-active .open_banner_w .cp_pic_groups .pic{
   -webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
  opacity: 1;
	
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


/*信号动效*/
.open_banner_w .cp_pic_groups  .pic img{
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;	
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	
-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease;

}
.open_banner_w .cp_pic_groups .pic_2 img:nth-child(1){
-webkit-animation: fade_wifi 2s infinite linear;
-moz-animation: fade_wifi 2s infinite linear;
-ms-animation: fade_wifi 2s infinite linear;
-o-animation: fade_wifi 2s infinite linear;
animation: fade_wifi 2s infinite linear;	
}
.open_banner_w .cp_pic_groups .pic_2 img:nth-child(2){
-webkit-animation: fade_wifi 2.1s infinite linear;
-moz-animation: fade_wifi 2.1s infinite linear;
-ms-animation: fade_wifi 2.1s infinite linear;
-o-animation: fade_wifi 2.1s infinite linear;
animation: fade_wifi 2.1s infinite linear;	
}
.open_banner_w .cp_pic_groups .pic_2 img:nth-child(3){
-webkit-animation: fade_wifi 2.2s infinite linear;
-moz-animation: fade_wifi 2.2s infinite linear;
-ms-animation: fade_wifi 2.2s infinite linear;
-o-animation: fade_wifi 2.2s infinite linear;
animation: fade_wifi 2.2s infinite linear;	
}

/*动效：模拟通信*/
@-webkit-keyframes fade_wifi {
 0% {
-webkit-opacity: 0;
}
50% {
-webkit-opacity: 1;
}
 100% {
 -webkit-opacity: 0;
}
}
@-moz-keyframes fade_wifi {
 0% {
-moz-opacity: 0;
}
50% {
-moz-opacity: 1;
}
 100% {
 -moz-opacity: 0;
}
}
@-o-keyframes fade_wifi {
 0% {
-o-opacity: 0;
}
50% {
-o-opacity: 1;
}
 100% {
 -o-opacity: 0;
}
}
 @keyframes fade_wifi {
 0% {
opacity: 0;
}
50% {
opacity: 1;
}
 100% {
 opacity: 0;
}
}

.open_banner_w .cp_pic_groups .pic_6 img:nth-child(1) {
	-webkit-animation: fade_90 3s infinite linear;
	-moz-animation: fade_90 3s infinite linear;
	-ms-animation: fade_90 3s infinite linear;
	-o-animation: fade_90 3s ease-in-out infinite;
	animation: fade_90 3s infinite linear;
}
.open_banner_w .cp_pic_groups .pic_6 img:nth-child(2) {
	-webkit-animation: fade_90 4s infinite linear;
	-moz-animation: fade_90 4s infinite linear;
	-ms-animation: fade_90 4s infinite linear;
	-o-animation: fade_90 4s ease-in-out infinite;
	animation: fade_90 4s infinite linear;
}
.open_banner_w .cp_pic_groups .pic_6 img:nth-child(3) {
	-webkit-animation: fade_90 5s infinite linear;
	-moz-animation: fade_90 5s infinite linear;
	-ms-animation: fade_90 5s infinite linear;
	-o-animation: fade_90 5s ease-in-out infinite;
	animation: fade_90 5s infinite linear;
}

/*动效：向下运动*/
@-webkit-keyframes fade_90 {
 0% {
 -webkit-opacity: 0;
 -webkit-transform:translateX(0) translateY(0);
}
50% {
-webkit- opacity: 1;
}
 100% {
 -webkit-opacity: 0;
 -webkit-transform: translateX(0) translateY(50px);
}
}

@-moz-keyframes fade_90 {
 0% {
 -moz-opacity: 0;
 -moz-transform:translateX(0px) translateY(0);
}
50% {
-moz-opacity: 1;
}
 100% {
 -moz-opacity: 0;
 -moz-transform: translateX(0) translateY(50px);
}
}

 @keyframes fade_90 {
 0% {
 opacity: 0;
 transform:translateX(0) translateY(0);
}
50% {
 opacity:1;
}
 100% {
 opacity: 0;
 transform: translateX(0) translateY(50px);
}
}


/*装饰层*/

.open_banner_w .bg_groups {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
  opacity: 1;
	margin: auto;
	position: absolute;
	z-index:0;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.open_banner_w .bg_groups   .pic {
		-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
  opacity: 1;
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: all 1s ease;
	transition: all 3s ease
}

.open_banner_w .bg_groups  .pic {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
  opacity: 0;
	-webkit-transform: rotate(0) translateX(500px) translateY(-500px) scale(0.6, 0.6);
	-moz-transform: rotate(0) translateX(500px) translateY(-500px) scale(0.6, 0.6);
	-o-transform: rotate(0) translateX(500px) translateY(-500px) scale(0.6, 0.6);
	transform: rotate(0) translateX(500px) translateY(-500px) scale(0.6, 0.6);
	-webkit-transition: all 3.5s ease;
	-moz-transition: all 3.5s ease;
	-o-transition: all 3.5s ease;
	transition: all 3.5s ease;
}

.swiper-slide-active .open_banner_w .bg_groups  .pic {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
  opacity: 1;
	-webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
}

/*装饰层:分层动画*/

.swiper-slide-active  .open_banner_w .bg_groups .pic_1 img:nth-child(1) {
	-webkit-animation: fade_star 5s ease-in-out infinite;
	-moz-animation: fade_star 5s ease-in-out infinite;
	-ms-animation: fade_star 5s ease-in-out infinite;
	-o-animation: fade_star 5s ease-in-out infinite;
	animation: fade_star 6s ease-in-out infinite;
}
.swiper-slide-active .open_banner_w .bg_groups .pic_2 img:nth-child(1) {
	-webkit-animation: fade_star 4s ease-in-out infinite;
	-moz-animation: fade_star 4s ease-in-out infinite;
	-ms-animation: fade_star 4s ease-in-out infinite;
	-o-animation: fade_star 4s ease-in-out infinite;
	animation: fade_star 4s ease-in-out infinite;
}
.swiper-slide-active .open_banner_w .bg_groups .pic_3 img:nth-child(1) {
	-webkit-animation: fade_star 9s ease-in-out infinite;
	-moz-animation: fade_star 9s ease-in-out infinite;
	-ms-animation: fade_star 9s ease-in-out infinite;
	-o-animation: fade_star 9s ease-in-out infinite;
	animation: fade_star 9s ease-in-out infinite;
}
.swiper-slide-active .open_banner_w .bg_groups .pic_4 img:nth-child(1) {
	-webkit-animation: fade_star 5s ease-in-out infinite;
	-moz-animation: fade_star 5s ease-in-out infinite;
	-ms-animation: fade_star 5s ease-in-out infinite;
	-o-animation: fade_star 5s ease-in-out infinite;
	animation: fade_star 5s ease-in-out infinite;
}
.swiper-slide-active .open_banner_w .bg_groups .pic_5 img:nth-child(1) {
	-webkit-animation: fade_star 6s ease-in-out infinite;
	-moz-animation: fade_star 6s ease-in-out infinite;
	-ms-animation: fade_star 6s ease-in-out infinite;
	-o-animation: fade_star 6s ease-in-out infinite;
	animation: fade_star 6s ease-in-out infinite;
}
.swiper-slide-active .open_banner_w .bg_groups .pic_6 img:nth-child(1) {
	-webkit-animation: fade_star 7s ease-in-out infinite;
	-moz-animation: fade_star 7s ease-in-out infinite;
	-ms-animation: fade_star 7s ease-in-out infinite;
	-o-animation: fade_star 7s ease-in-out infinite;
	animation: fade_star 7s ease-in-out infinite;
}
.swiper-slide-active .open_banner_w .bg_groups .pic_7 img:nth-child(1) {
	-webkit-animation: fade_star 8s ease-in-out infinite;
	-moz-animation: fade_star 8s ease-in-out infinite;
	-ms-animation: fade_star 8s ease-in-out infinite;
	-o-animation: fade_star 8s ease-in-out infinite;
	animation: fade_star 8s ease-in-out infinite;
}
 .swiper-slide-active .open_banner_w .bg_groups .pic_8 img:nth-child(1) {
	-webkit-animation: fade_star 9s ease-in-out infinite;
	-moz-animation: fade_star 9s ease-in-out infinite;
	-ms-animation: fade_star 9s ease-in-out infinite;
	-o-animation: fade_star 9s ease-in-out infinite;
	animation: fade_star 9s ease-in-out infinite;
}
 .swiper-slide-active .open_banner_w .bg_groups .pic_9 img:nth-child(1) {
	-webkit-animation: fade_star 9s ease-in-out infinite;
	-moz-animation: fade_star 9s ease-in-out infinite;
	-ms-animation: fade_star 9s ease-in-out infinite;
	-o-animation: fade_star 9s ease-in-out infinite;
	animation: fade_star 9s ease-in-out infinite;
}
 .swiper-slide-active .open_banner_w .bg_groups .pic_10 img:nth-child(1) {
	-webkit-animation: fade_star 6s ease-in-out infinite;
	-moz-animation: fade_side_15 6s ease-in-out infinite;
	-ms-animation: fade_star 6s ease-in-out infinite;
	-o-animation: fade_star 6s ease-in-out infinite;
	animation: fade_star 6s ease-in-out infinite;
}

/*流星动效*/

 @keyframes fade_star {
 0% {
 opacity: 0;
 transform:translateX(500px) translateY(-500px);
}
50% {
 opacity: 1;
 transform: translateX(300px) translateY(-300px);	
}
 100% {
 opacity: 0;
 transform: translateX(0px) translateY(-0px);
}
}

 @-moz-keyframes star3 {
 0% {
 margin-top:240px;
 margin-left: 1080px;
 opacity: 0.2;
}
 50% {
 opacity: 1;
}
 100% {
 margin-top:562px;
 margin-left: 580px;
 opacity: 0;
}
}



/*2018xz Banner 2018-08-14*/

/*文字块与图片块垂直居中办法：table方法,移动端时，元素全部居中排版*/
.xz_banner_w .pull-left, .xz_banner_w .pull-right {
display: table;margin:0 auto;z-index: 99;text-align: left;
}
.xz_banner_w .pull-left .xz_banner_text, .xz_banner_w .pull-right .xz_banner_text {
	height: 800px;
	display: table-cell;
	vertical-align: middle;
}
.xz_banner_w .pull-left .xz_banner_img, .xz_banner_w .pull-right .xz_banner_img {
	height: 800px;
	display: table-cell;
	vertical-align: middle;
}

 @media (max-width:1200px) {
.xz_banner_w .pull-left, .xz_banner_w .pull-right {
	display: block;
	text-align: center;
	margin:0 auto !important;
	float: none !important;
}	 	 
.xz_banner_w .pull-left .xz_banner_text, .xz_banner_w .pull-right .xz_banner_text {
	display: block;
	margin:0 auto !important;
	height: auto;


}
.xz_banner_w .pull-left .xz_banner_img, .xz_banner_w .pull-right .xz_banner_img {
	display: block;
	margin:0 auto !important;
	height: auto;

}
}

@media (max-width: 1200px){ 
.xz_banner_w .pull-right {
	width:100%;
	height:100%;
	margin: auto;
	position: absolute; 
	z-index: 1; 
	top:50%;
	right: 0; 
	bottom: 0; 
	left: 0;
	-webkit-opacity:0.15;
	-moz-opacity: 0.15;
	-ms-opacity: 0.15;
	-o-opacity: 0.15;
	opacity: 0.15;
	}
}


@media (max-width: 1200px){ 
.xz_banner_w .pull-left {
	width:100%;
	height:100%;
	margin: auto;
	position: absolute; 
	z-index:2; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0;
	top:25%;
	-webkit-opacity:1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	}
}


.xz_banner_w{
	position:relative;
	z-index: 1;
	width:100%;
	max-width:100%;
	overflow: hidden;
	height:800px;
	background-image: -moz-linear-gradient( -90deg, rgb(19,19,22) 0%, rgb(57,59,62) 100%);
	background-image: -webkit-linear-gradient( -90deg, rgb(19,19,22) 0%, rgb(57,59,62) 100%);
	background-image: -ms-linear-gradient( -90deg, rgb(19,19,22) 0%, rgb(57,59,62) 100%);
	background:#0b132a url(../images/2018xz/banner_bg.jpg) no-repeat center center;
	background-size: cover;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
  -o-transition: all .8s ease;
	transition: all 0.8s ease;		
}

@media screen and (max-width:480px) {
.xz_banner_w,.xz_banner_con{ width: 100%; height: 420px; overflow: hidden }
}


/*文字层*/

.xz_banner_w .xz_banner_text .h_w,.xz_banner_w .xz_banner_text .xz_btn{
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
  opacity: 1;
	-webkit-transform: rotate(0) translateX(-300px) translateY(0) scale(1, 1);
	-moz-transform: rotate(0) translateX(-300px) translateY(0) scale(1, 1);
	-o-transform: rotate(0) translateX(-300px) translateY(0) scale(1, 1);
	transform: rotate(0) translateX(-300px) translateY(0) scale(1, 1);
}

.xz_banner_w .xz_banner_text .h1_w{
	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	-ms-transition: all 1.2s ease;
	-o-transition: all 1.2s ease;
	transition: all 1.2s ease;
}
.xz_banner_w .xz_banner_text .h2_w{
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	transition: all 1.5s ease;
}
.xz_banner_w .xz_banner_text .xz_btn{
	-webkit-transition: all 3.2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}
.swiper-slide-active  .xz_banner_w .xz_banner_text .h_w,.swiper-slide-active .xz_banner_w .xz_banner_text .xz_btn{
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
  opacity: 1;
	
	-webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
}

.xz_banner_w .xz_banner_text{
	max-width: 520px;
	color:#d5ddf7;
	text-align: center;
}
.xz_banner_w .xz_banner_text .h2_w{
  font-size:28px;
	font-size:0.28rem;
  line-height: 1;
  text-shadow: 0px 0px 10px rgba(14, 19, 36, 0.66);
}
.xz_banner_w .xz_banner_text .h1_w{
	color:#FFF;
	font-size:62px;
	font-size:0.62rem;
	line-height: 1;
	margin:0 auto 40px 0px;
	margin:0 auto 0.40rem 0rem;
  text-shadow: 0px 0px 10px rgba(14, 19, 36, 0.66);		
}

.xz_banner_w .xz_banner_text .xz_btn {
	overflow: hidden;
		display: block;
		display: inline-block;
		width: auto;
		min-width: 80px;
		padding: 0 50px;
		height: 52px;
		line-height: 52px;
		margin: 80px auto 100px 0;
		margin: 0.80rem auto 1.0rem 0;	
		text-align: center;
		font-size: 16px;
		color: #FFF;
		background-color: #0080ff ;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;	
}


.xz_banner_w .xz_banner_text .xz_btn:before { font-family: "宋体"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; content: ">"; position: absolute; left: 130%; top: 50%; margin-top: -8px; margin-top: -0.08rem; height: 100%; font-size: 125%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.xz_banner_w .xz_banner_text .xz_btn:hover:before { left: 80%; }
.xz_banner_w .xz_banner_text .xz_btn:hover { background-color: #00aaff; color: #fff; text-decoration: none; }  

@media (max-width:1200px) {
.xz_banner_w .xz_banner_text .h2_w{
margin: 0 auto 0 auto;
	}
.xz_banner_w .xz_banner_text .h1_w{
	margin: 0 auto 0.2rem auto;
	}
.xz_banner_w .xz_banner_text .xz_btn {
	margin: 0.5rem auto 0.5rem auto;
	}
 
}


 @media (max-width:680px) {
.xz_banner_w .xz_banner_text .h2_w{
	font-size: 32px;
  font-size: 0.32rem;
	line-height: 1.2;
	margin:0 auto;
}
.xz_banner_w .xz_banner_text .h1_w{
	font-size:62px;
	font-size:0.62rem;
	line-height: 1.2;
}


.xz_banner_w .xz_banner_text .xz_btn {
		padding: 0 0.60rem;
		height: 0.82rem;
		line-height: 0.82rem;
		margin: 0.8rem auto 100px auto;
		text-align: center;
		font-size: 0.25rem;
		color: #FFF;
		background-color: #0080ff ;	
}
.xz_banner_w .xz_banner_text .xz_btn:before{content: "";}	 
	 
}

/*2019巡展 2019.03.20*/
.xz2019_w{
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 2560px;
	max-width: 25.60rem;
	text-align: center;
	margin: 0 auto;
	min-width: 240px;
	min-width: 2.4rem;
	height: 800px;
	background-image: -moz-linear-gradient( -90deg, rgb(19,19,22) 0%, rgb(57,59,62) 100%);
	background-image: -webkit-linear-gradient( -90deg, rgb(19,19,22) 0%, rgb(57,59,62) 100%);
	background-image: -ms-linear-gradient( -90deg, rgb(19,19,22) 0%, rgb(57,59,62) 100%);
	background: #0a112e url(../images/banner/2019xz/banner_bg.jpg) no-repeat center center;
	background-size: cover;
	max-height: 800px !important;
	padding: 0;
	overflow: hidden;
	color: #FFF;
	text-align: center;
	-webkit-transition: all .8s ease;
	transition: all 0.8s ease	
}

@media screen and (max-width:480px) {
.xz2019_w,.xz_banner_con{ width: 100%; height: 420px; overflow: hidden ;
		background-size: cover;
	  background-position:center bottom ; 
	}
.xz2019_w .xz_banner_con {background-size: cover;}	
}

.xz2019_w .xz2019_banner_text{
	margin:200px auto;
	margin:2rem auto;
}

.xz2019_w .xz2019_btn{
	   overflow: hidden;
		display: block;
		display: inline-block;
		width: auto;
		min-width: 80px;
		padding: 0 50px;
		height: 52px;
		line-height: 52px;
		margin: 5px auto 100px auto;
		margin: 0.50rem auto 1.0rem auto;	
		text-align: center;
		font-size: 16px;
		color: #FFF;
		background-color: #0080ff ;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;	
	
	-webkit-transform: translate3d(0, 50px, 0);
	-moz-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
	
	-webkit-transition:  all 1s ease 0.6s;
	-moz-transition:  all 1s ease 0.6s;
	transition: all 1s ease 0.6s;	
		
}
.swiper-slide-active .xz2019_banner_text .xz2019_btn {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


.xz2019_w .xz2019_btn:before { font-family: "宋体"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; content: ">"; position: absolute; left: 130%; top: 50%; margin-top: -8px; margin-top: -0.08rem; height: 100%; font-size: 125%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.xz2019_w .xz2019_btn:hover:before { left: 80%; }
.xz2019_w .xz2019_btn:hover { background-color: #00aaff; color: #fff; text-decoration: none; }  

 @media (max-width:680px) {
.xz2019_w .xz2019_btn {
		padding: 0 0.60rem;
		height: 0.82rem;
		line-height: 0.82rem;
		margin: 0.8rem auto 100px auto;
		text-align: center;
		font-size: 0.25rem;
		color: #FFF;
		background-color: #009DEB;	
}
.xz2019_w .xz2019_btn:before{content: "";}	 	 
}


/*动效**/
.xz2019_banner_text .h_w {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	
	-webkit-transform: translate3d(0, 50px, 0);
	-moz-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
	
	-webkit-transition:  all 1s ease 0.1s;
	-moz-transition:  all 1s ease 0.1s;
	transition: all 1s ease 0.1s;	
}

.xz2019_banner_text .h1_w {
	z-index: 15;
	-webkit-transition:  all 1s ease 0.1s;
	-moz-transition:  all 1s ease 0.1s;
	transition: all 1s ease 0.1s;
}
.xz2019_banner_text .h2_w {
	-webkit-transition:  all 1s ease 0.2s;
	-moz-transition:  all 1s ease 0.2s;
	transition: all 1s ease 0.2s;
}
.xz2019_banner_text .h3_w {
	z-index: 10;
	-webkit-transition:  all 1s ease 0.4s;
	-moz-transition:  all 1s ease 0.4s;
	transition: all 1s ease 0.4s;
}

.swiper-slide-active .xz2019_banner_text .h_w {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}




/*2018 年末促销 Banner*/
.banner_cx201811_w{}
 @media (max-width:680px) {
.banner_cx_txt img{
	position:absolute;
	z-index: 10;
	margin:auto;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	width:100%;		
}
}
.banner_cx201811_w .cx201811_bg_w{
	position:absolute;
	z-index: -1;
	margin:auto;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	width:100%;
    background-image: -moz-linear-gradient( 0deg, rgb(209,20,48) 0%, rgb(255,105,0) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(209,20,48) 0%, rgb(255,105,0) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(209,20,48) 0%, rgb(255,105,0) 100%);
    background-color:#e63b1b;	
}


/*xiaochengxu_banner 2018-12-29*/
/*文字块与图片块垂直居中办法：table方法,移动端时，元素全部居中排版*/
.xiaochengxu_banner_w .pull-left, .xiaochengxu_banner_w .pull-right {
display: table;margin:0 auto;z-index: 99;text-align: left;
}
.xiaochengxu_banner_w .pull-left{
z-index: 9;
}
.xiaochengxu_banner_w .pull-left .xiaochengxu_banner_text, .xiaochengxu_banner_w .pull-right .xiaochengxu_banner_text {
	height: 800px;
	display: table-cell;
	vertical-align: middle;
}
.xiaochengxu_banner_w .pull-left .xiaochengxu_banner_img, .xiaochengxu_banner_w .pull-right .xiaochengxu_banner_img {
	height: 800px;
	display: table-cell;
	vertical-align: middle;
}
 @media (max-width:1200px) {
.xiaochengxu_banner_w .pull-left, .xiaochengxu_banner_w .pull-right {
	display: block;
	text-align: center;
	margin:0 auto !important;
	float: none !important;
}	 	 
.xiaochengxu_banner_w .pull-left .xiaochengxu_banner_text, .xiaochengxu_banner_w .pull-right .xiaochengxu_banner_text {
	display: block;
	margin:0 auto !important;
	height: auto;


}
.xiaochengxu_banner_w .pull-left .xiaochengxu_banner_img, .xiaochengxu_banner_w .pull-right .xiaochengxu_banner_img {
	display: block;
	margin:0 auto !important;
	height: auto;

}
}

@media (max-width: 1200px){ 
.xiaochengxu_banner_w .pull-left {
	width:100%;
	height:100%;
	margin: auto;
	position: absolute; 
	z-index: 1; 
	top:8%;
	right: 0; 
	bottom: 0; 
	left: 0;
	opacity:0.15;
	}
}

@media (max-width: 1200px){ 
.xiaochengxu_banner_w .pull-right {
	width:100%;
	height:100%;
	margin: auto;
	position: absolute; 
	z-index:30; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0;
	top:25%;
	-webkit-opacity:1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	}
}

/*xiaochengxu_banner_w Banner 2018-12-29*/
.xiaochengxu_banner_w{
	position:relative;
	z-index: 1;
	width:100%;
	max-width:100%;
	overflow: hidden;
	height:800px;
	background:#09102a url(../images/banner/xiaochengxu/bg.jpg) no-repeat center center;
	background-size: 100% 100%;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
  -o-transition: all .8s ease;
	transition: all 0.8s ease;		
}

.xiaochengxu_banner_w .xiaochengxu_dx:after{
content: " ";
margin:auto;	
position: absolute;
z-index: 10;
left:0;
top:0;
right:0;
bottom:0;	
width: 100%;
max-width: 1400px;
height: auto;
max-height: 800px;	
background:url(../images/banner/xiaochengxu/banner_i_mini.png) no-repeat 0 0;		
-webkit-animation:dx-motion 2s steps(51)  1.5s  infinite; 
-moz-animation:dx-motion 2s steps(51)  1.5s  infinite; 
animation:dx-motion 2s steps(51) 1.5s infinite;/*等1.5秒后左侧完成再开始动画*/
}


@media (max-width: 680px){ 
	.xiaochengxu_banner_w .xiaochengxu_dx:after{
	-webkit-opacity:0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
	}
}	


@-webkit-keyframes dx-motion {
 0% {
  background-position:0 0
 }
 100% {
  background-position:center -40800px
 }
}
@-moz-keyframes dx-motion {
 0% {
  background-position:0 0
 }
 100% {
  background-position:center -40800px
 }
}
@keyframes dx-motion {
 0% {
  background-position:0 0
 }
 100% {
  background-position:center -40800px
 }
}

@media screen and (max-width:480px) {
.xiaochengxu_banner_w,.xiaochengxu_banner_con{ width: 100%; height: 420px; overflow: hidden }
}


/*文字层*/

.xiaochengxu_banner_w .xiaochengxu_banner_text .h_w,.xiaochengxu_banner_w .xiaochengxu_banner_text .xiaochengxu_btn{
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
  opacity: 1;
	-webkit-transform: rotate(0) translateX(-300px) translateY(0) scale(1, 1);
	-moz-transform: rotate(0) translateX(-300px) translateY(0) scale(1, 1);
	-o-transform: rotate(0) translateX(-300px) translateY(0) scale(1, 1);
	transform: rotate(0) translateX(-300px) translateY(0) scale(1, 1);
}
.xiaochengxu_banner_w .xiaochengxu_banner_text .h1_w{
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	transition: all 1.5s ease;
}
.xiaochengxu_banner_w .xiaochengxu_banner_text .h2_w{
	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	-ms-transition: all 1.2s ease;
	-o-transition: all 1.2s ease;
	transition: all 1.2s ease;
}
.xiaochengxu_banner_w .xiaochengxu_banner_text .h3_w{
	-webkit-transition: all 1.8s ease;
	-moz-transition: all 1.8s ease;
	-ms-transition: all 1.8s ease;
	-o-transition: all 1.8s ease;
	transition: all 1.8s ease;
}
.xiaochengxu_banner_w .xiaochengxu_banner_text .xiaochengxu_btn{
	-webkit-transition: all 3.2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}
.swiper-slide-active  .xiaochengxu_banner_w .xiaochengxu_banner_text .h_w,.swiper-slide-active .xiaochengxu_banner_w .xiaochengxu_banner_text .xiaochengxu_btn{
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
  opacity: 1;
	
	-webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
}

.xiaochengxu_banner_w .xiaochengxu_banner_text{
	max-width: 620px;
	color:#d5ddf7;
}
.xiaochengxu_banner_w .xiaochengxu_banner_text .h2_w{
	margin-top: -2rem;
  font-size:38px;
	font-size:0.38rem;
  line-height: 1;
  text-shadow: 0px 0px 10px rgba(14, 19, 36, 0.66);
}
.xiaochengxu_banner_w .xiaochengxu_banner_text .h1_w{
	padding-left: 10px;
	font-size:28px;
	font-size:0.28rem;
	font-weight:500;
	line-height: 1;
	margin:10px auto 40px auto;
	margin:0.10rem auto 0.40rem auto;
  text-shadow: 0px 0px 10px rgba(14, 19, 36, 0.66);		
}
.xiaochengxu_banner_w .xiaochengxu_banner_text .h3_w{
  font-size:24px;
	font-size:0.24rem;
  line-height:1;
  text-shadow: 0px 0px 10px rgba(14, 19, 36, 0.66);
}
.xiaochengxu_banner_w .xiaochengxu_banner_text .xiaochengxu_btn {
	   overflow: hidden;
		display: block;
		display: inline-block;
		width: auto;
		min-width: 80px;
		padding: 0 50px;
		height: 52px;
		line-height: 52px;
		margin: 30px auto 100px auto;
		margin: 0.30rem auto 1.0rem auto;	
		text-align: center;
		font-size: 16px;
		color: #FFF;
		background-color: #0080ff ;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;	
}


.xiaochengxu_banner_w .xiaochengxu_banner_text .xiaochengxu_btn:before { font-family: "宋体"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; content: ">"; position: absolute; left: 130%; top: 50%; margin-top: -8px; margin-top: -0.08rem; height: 100%; font-size: 125%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.xiaochengxu_banner_w .xiaochengxu_banner_text .xiaochengxu_btn:hover:before { left: 80%; }
.xiaochengxu_banner_w .xiaochengxu_banner_text .xiaochengxu_btn:hover { background-color: #00aaff; color: #fff; text-decoration: none; }  

 @media (max-width:1200px) {
.xiaochengxu_banner_w .xiaochengxu_banner_text .h2_w{
	margin:0 auto;
}
}	 

 @media (max-width:680px) {
.xiaochengxu_banner_w .xiaochengxu_banner_text .h2_w{
	margin:0 auto;
	font-size:52rem;
	font-size:0.52rem;
}
.xiaochengxu_banner_w .xiaochengxu_banner_text .h1_w{
	font-size:38px;
	font-size:0.38rem;
	line-height: 1.2;
}
.xiaochengxu_banner_w .xiaochengxu_banner_text .h3_w{
  font-size:32px;
	font-size:0.32rem;
  line-height:1;
}
	 
.xiaochengxu_banner_w .xiaochengxu_banner_text .xiaochengxu_btn {
		padding: 0 0.60rem;
		height: 0.82rem;
		line-height: 0.82rem;
		margin: 0.8rem auto 100px auto;
		text-align: center;
		font-size: 0.25rem;
		color: #FFF;
		background-color: #0080ff ;	
}
.xiaochengxu_banner_w .xiaochengxu_banner_text .xiaochengxu_btn:before{content: "";}	 
	 
}

/*图片层*/

.xiaochengxu_banner_w  .cp_pic_groups{
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
  opacity: 1;

	-webkit-transform: rotate(0) translateX(0px) translateY(0px) scale(0.6, 0.6);
	-moz-transform: rotate(0) translateX(0px) translateY(0px) scale(0.6, 0.6);
	-o-transform: rotate(0) translateX(0px) translateY(0px) scale(0.6, 0.6);
	transform: rotate(0) translateX(0px) translateY(500px) scale(0.6, 0.6);

	
	-webkit-transition: all 3.2s ease;
	-moz-transition: all 3.2s ease;
	-ms-transition: all 3.2s ease;
	-o-transition: all 3.2s ease;
	transition: all 3.2s ease;
}

.swiper-slide-active  .xiaochengxu_banner_w  .cp_pic_groups{
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
  opacity: 1;
	
	-webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
}



/*MeetingBox Pro Banner 2019-01-18*/

.pro_banner_w {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 2560px;
	max-width: 25.60rem;
	text-align: center;
	margin: 0 auto;
	min-width: 240px;
	min-width: 2.4rem;
	height: 100%;
	overflow: hidden;
	color:#FFF;
	background-color: #202125;
}

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

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

.pro_banner_w .b1 {
	position: relative;
	z-index: 99;
	height: 800px;
	margin: 0 auto;
	overflow: hidden; background:url(../images/bb1.jpg) no-repeat center; background-size: cover;
}


.pro_banner_w .b2 {
	position: relative;
	z-index: 99;
	height: 800px;
	margin: 0 auto;
	overflow: hidden; background:url(../images/bb2.jpg) no-repeat center; background-size: cover;
}



.pro_banner_w .pro_banner_con {
	position: relative;
	z-index: 99;
	height: 800px;
	margin: 0 auto;
	overflow: hidden; background:url(../images/banner.jpg) no-repeat center; background-size: cover;
}

@media screen and (max-width:480px) {
.pro_banner_w .pro_banner_con {
	background-size: cover; height:220px;
}
.pro_banner_w .b1 {background-size: cover; height:220px;}
.pro_banner_w .b2 {background-size: cover; height:220px;}
}

@media screen and (max-width:1200px) {
.pro_banner_w .pro_banner_con .col-sm-12 {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}
}
.pro_banner_text {
	position: relative;
	z-index: 999;
	max-width: 1200px;
	max-width: 12rem;
	min-width: 240px;
	min-width: 2.4rem;
	margin: 0 auto;
	padding: 150px 0 0px 0;
	padding: 2.8rem 0 0rem 0;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	transition: all 2s ease;
}

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

@media screen and (max-width:1200px) {
.pro_banner_text .h_w {
	width: 100%;
}
.pro_banner_text .h5_w, .banner_text .h6_w {
	display: none;
}
}

@media screen and (max-width:480px) {
.pro_banner_text .h_w {
	width: 100%;
}
}

@media screen and (max-width:320px) {
.pro_banner_text .h_w {
	width: 100%;
}
}
.pro_banner_text .h1_w {
	z-index: 20;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.pro_banner_text .h1_w h1 {
	display: block;
	display: inline-block;
	display: table;
	margin: 0 auto;
	text-align: center;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 90px;
	font-size: 0.4rem;
	font-weight: 500;
	line-height: 1.2;
	padding: 0;
}
.pro_banner_text .h1_w .i_pro {
	font-family: "Arial", Helvetica, sans-serif;
	display: block;
	display: inline-block;
	position: relative;
	z-index: 1;
	display: table-cell;
	vertical-align: middle;
	font-size: 28px;
	font-size: 0.28rem;
	font-weight: 500;
	width: 65px;
	width: 0.95rem;
	height: 65px;
	height: 0.65rem;
	line-height: 65px;
	line-height: 1.2rem;
	cursor: pointer;
	padding:0;
}
.pro_banner_text .h1_w .i_pro i{
padding:0;	
}
/*加一层六边形的背景框做动效*/	
.pro_banner_text .h1_w .i_pro:after {
	content: " ";
	margin: auto;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 65px;
	width: 0.65rem;
	height: 65px;
	height: 0.65rem;
	background: url(../images/pro/banner_icon_pro.png) no-repeat center center;
	background-size: contain;
	-webkit-animation: pro_icon_rotate 3s cubic-bezier(.5, 0, 0, 1) 3s infinite alternate forwards;
	-moz-animation: pro_icon_rotate 3s cubic-bezier(.5, 0, 0, 1) 3s infinite alternate forwards;
	animation: pro_icon_rotate 5s cubic-bezier(.5, 0, 0, 1) 3s infinite alternate forwards;/*小图标*/
}
/*点击暂停*/
.pro_banner_text .h1_w .i_pro.animation_pause:after {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	animation-play-state: paused;
}

@-webkit-keyframes pro_icon_rotate {
 from {-webkit-transform: rotate(0deg);	 }
 to {-webkit-transform: rotate(360deg);}
}
 @-moz-keyframes pro_icon_rotate {
 from { -moz-transform: rotate(0deg);}
 to {-moz-transform: rotate(360deg);}
}
 @keyframes pro_icon_rotate {
from {transform: rotate(0deg);}
 to { transform: rotate(360deg);}
}
.pro_banner_text .h_w {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	
	-webkit-transform: translate3d(0, 100px, 0);
	-moz-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
	
	-webkit-transition:  all 1s ease 0.1s;
	-moz-transition:  all 1s ease 0.1s;
	transition: all 1s ease 0.1s;
	
	
}
.pro_banner_text .h2_w {
	z-index: 15;
	-webkit-transition:  all 1s ease 0.2s;
	-moz-transition:  all 1s ease 0.2s;
	transition: all 1s ease 0.2s;
}
.pro_banner_text .h2_w h2 {
	font-size: 30px;
	font-size: 0.50rem;
	margin: 0 auto;
	font-weight:bold;
	line-height: 1.4;
}
.pro_banner_text .h3_w {
	z-index: 10;
	-webkit-transition:  all 1s ease 0.3s;
	-moz-transition:  all 1s ease 0.3s;
	transition: all 1s ease 0.3s;
}

.pro_banner_text .pro_btn {
	 position: relative;
	 z-index: 2;
	  overflow: hidden;
		display: block;
		display: inline-block;
		width: auto;
		min-width: 80px;
		padding: 0 50px;
		height: 52px;
		line-height: 52px;
		margin: 50px auto;
		margin: 0.5rem auto;	
		text-align: center;
		font-size: 16px;
		color: #FFF;
		background-color: #0080ff ;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	 
}

.pro_banner_text .pro_btn:before { font-family: "宋体"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; content: ">"; position: absolute; left: 130%; top: 48%; margin-top: -8px; margin-top: -0.08rem; height: 100%; font-size: 125%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.pro_banner_text .pro_btn:hover:before { left: 80%; }
.pro_banner_text .pro_btn:hover { background-color: #00aaff; color: #fff; text-decoration: none; }  

 @media (max-width:1200px) {
.pro_banner_text .h2_w{
	margin:0 auto;
}
}	 

 @media (max-width:680px) {
.pro_banner_text .h2_w h2{
font-size: 38px;
font-size: 0.38rem;
line-height: 1.2;
}
.pro_banner_text .h1_w{
	font-size:38px;
	font-size:0.38rem;
	line-height: 1.2;
}
.pro_banner_text .h3_w{
  font-size:32px;
	font-size:0.32rem;
  line-height:1;
}
	 
.pro_banner_text .pro_btn {
		padding: 0 0.60rem;
		height: 0.82rem;
		line-height: 0.82rem;
		text-align: center;
		font-size: 0.25rem;
		color: #FFF;
		background-color: #0080ff ;	
}
.pro_banner_text .pro_btn:before{content: "";}	 
	 
}



.swiper-slide-active .h_w {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/*pro小装饰动画*/
.pro_banner_text .animation_pause .sp i {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	animation-play-state: paused;
}
.pro_banner_text .sp {
	width: 60px;
	height: 60px;
	width: 0.60rem;
	height: 0.6rem;
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.pro_banner_text .sp i {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
.pro_banner_text .sp .s1 {
	display: block;
	height: 4px;
	width: 4px;
	background-color: #19b8fd;
	position: absolute;
	top: -10px;
	left: -10px;
}
.pro_banner_text .sp .s2 {
	display: block;
	height: 4px;
	width: 4px;
	background-color: #19b8fd;
	position: absolute;
	top: -20px;
	right: 30px;
}
.pro_banner_text .sp .s3 {
	display: block;
	height: 10px;
	width: 10px;
	position: absolute;
	top: 20px;
	left: -40px;
}
.pro_banner_text .sp .s4 {
	display: block;
	height: 10px;
	width: 10px;
	background-color: #19b8fd;
	position: absolute;
	top: 0px;
	right: -10px;
}
.pro_banner_text .sp .s5 {
	display: block;
	height: 8px;
	width: 8px;
	background-color: #19b8fd;
	position: absolute;
	bottom: 10px;
	right: -30px;
}
.pro_banner_text .sp .s6 {
	display: block;
	height: 6px;
	width: 6px;
	background-color: #19b8fd;
	position: absolute;
	bottom: -10px;
	left: -15px;
}
.pro_banner_text .sp .s1 {
	background-color: #6f46ea;
	animation: spark1_a 5s cubic-bezier(.5, 0, 0, 1) 4s infinite;
}
.pro_banner_text .sp .s2 {
	background-color: #6f46ea;
	animation: spark2_a 5s cubic-bezier(.5, 0, 0, 1) 4s infinite;
}
.pro_banner_text .sp .s3 {
	background-color: #6f46ea;
	animation: spark3_a 5s cubic-bezier(.5, 0, 0, 1) 4s infinite;
}
.pro_banner_text .sp .s4 {
	background-color: #275de5;
	animation: spark4_a 5s cubic-bezier(.5, 0, 0, 1) 4s infinite;
}
.pro_banner_text .sp .s5 {
	background-color: #265de5;
	animation: spark5_a 5s cubic-bezier(.5, 0, 0, 1) 4s infinite;
}
.pro_banner_text .sp .s6 {
	background-color: #4d42e9;
	animation: spark6_a 5s cubic-bezier(.5, 0, 0, 1) 4s infinite;
}

/*圆点上下浮动动效-青铜版*/ 
@keyframes spark1_a {
 0% {
 opacity:0;
}
 50% {
 opacity:1;
}
 100% {
 transform: translate(-30px, -30px);
 opacity:0;
 width:0;
 height:0;
}
}
 @keyframes spark2_a {
 0% {
 opacity:0;
}
 50% {
 opacity:1;
}
 100% {
 transform: translate(10px, -10px);
 opacity:0;
 width:0;
 height:0;
}
}
 @keyframes spark3_a {
 0% {
 opacity:0;
}
 50% {
 opacity:1;
}
 100% {
 transform: translate(-10px, 10px);
 opacity:0;
 width:0;
 height:0;
}
}
 @keyframes spark4_a {
 0% {
 opacity:0;
}
 50% {
 opacity:1;
}
 100% {
 transform: translate(20px, -20px);
 opacity:0;
 width:0;
 height:0;
}
}
 @keyframes spark5_a {
 0% {
 opacity:0;
}
 50% {
 opacity:1;
}
 100% {
 transform: translate(30px, 30px);
 opacity:0;
 width:0;
 height:0;
}
}
 @keyframes spark6_a {
 0% {
 opacity:0;
}
 50% {
 opacity:1;
}
 100% {
 transform: translate(-30px, 30px);
 opacity:0;
 width:0;
 height:0;
}
}
/*banner图片*/

.pro_banner_img .cp_pic_groups {
	margin-top: -1rem;
	margin-right: -1rem;
}

@media screen and (max-width:1200px) {
.pro_banner_img .cp_pic_groups {
	margin-top: 0rem;
	margin-right: -1rem;
}
}
.pro_banner_img .cp_pic_groups {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transform: rotate(0) translateX(200px) translateY(100px) scale(0.8, 0.8);
	-moz-transform: rotate(0) translateX(200px) translateY(100px) scale(0.8, 0.8);
	transform: rotate(0) translateX(200px) translateY(100px) scale(0.8, 0.8);
	-webkit-transition: all 3.2s ease;
	-moz-transition: all 3.2s ease;
	transition: all 3.2s ease;
}
.swiper-slide-active .pro_banner_img .cp_pic_groups {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
}
.pro_banner_img {
	margin: 0 auto;
	position: relative;
	z-index: 99;
	max-width: 1200px;
	max-width: 12rem;
	min-width: 240px;
	min-width: 2.4rem;
	max-height: 200px;
	height: 2.0rem;
	max-height: 2.0rem;
	cursor: pointer;
	background: url(../images/pro/banner_img.png) no-repeat center center;
	background-size: contain;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	transition: all 2s ease;
}
/*banner图片动效*/	
.pro_banner_img {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: rotate(0) translateX(0) translateY(100px) scale(0.8, 0.8);
	-moz-transform: rotate(0) translateX(0) translateY(100px) scale(0.8, 0.8);
	transform: rotate(0) translateX(0) translateY(100px) scale(0.8, 0.8);
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	transition: all 3s ease;
}
.swiper-slide-active .pro_banner_img{
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-webkit-tap-highlight-color:rgba(0,0,0,0);	
}
/*pro灯光动效*/	
.pro_banner_img:after {
	content: " ";
	margin: auto;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	max-width: 1200px;
	max-width: 12rem;
	min-width: 240px;
	min-width: 2.4rem;
	max-height: 200px;
	height: 2.0rem;
	max-height: 2.0rem;
	background: url(../images/pro/banner_img_light.png) no-repeat center center;
	background-size: contain;
	-webkit-animation: pro_icon_rotate 3s linear 2s infinite normal forwards;
	-moz-animation: pro_icon_rotate 3s linear 2s infinite normal forwards;
	animation: pro_icon_rotate 3s linear 2s infinite normal forwards;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	transition: all 2s ease;
}
/*点击暂停*/
.pro_banner_img.animation_pause:after {
	background: url(../images/banner_img_light_pause.png) no-repeat center center;
	background-size: contain;
	-webkit-animation: pro_icon_rotate 3s linear 0s infinite normal forwards;
	-moz-animation: pro_icon_rotate 3s linear 0s infinite normal forwards;
	animation: pro_icon_rotate 3s linear 0s infinite normal forwards;
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	animation-play-state: paused;
}

/*炸裂动效-青铜版*/
.pro_banner_img.animation_pause .sp i {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	animation-play-state: paused;
}
.pro_banner_img .sp {
	width: 60px;
	height: 60px;
	width: 0.60rem;
	height: 0.6rem;
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.pro_banner_img .sp i {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	filter: blur(10px);
}
.pro_banner_img .sp .s1 {
	display: block;
	height: 4px;
	width: 4px;
	background-color: #19b8fd;
	position: absolute;
	top: -10px;
	left: -10px;
}
.pro_banner_img .sp .s2 {
	display: block;
	height: 4px;
	width: 4px;
	background-color: #19b8fd;
	position: absolute;
	top: -20px;
	right: 30px;
}
.pro_banner_img .sp .s3 {
	display: block;
	height: 10px;
	width: 10px;
	position: absolute;
	top: 20px;
	left: -40px;
}
.pro_banner_img .sp .s4 {
	display: block;
	height: 10px;
	width: 10px;
	background-color: #19b8fd;
	position: absolute;
	top: 0px;
	right: -10px;
}
.pro_banner_img .sp .s5 {
	display: block;
	height: 8px;
	width: 8px;
	background-color: #19b8fd;
	position: absolute;
	bottom: 10px;
	right: -30px;
}
.pro_banner_img .sp .s6 {
	display: block;
	height: 6px;
	width: 6px;
	background-color: #19b8fd;
	position: absolute;
	bottom: -10px;
	left: -15px;
}
.pro_banner_img .sp .s1 {
	background-color: #ab15cd;
	animation: spark1_c 2s ease infinite;
}
.pro_banner_img .sp .s2 {
	background-color: #d3d309;
	animation: spark2_c 3s ease infinite;
}
.pro_banner_img .sp .s3 {
	background-color: #fe3a03;
	animation: spark3_c 2s ease infinite;
}
.pro_banner_img .sp .s4 {
	background-color: #1c6b85;
	animation: spark4_c 3s ease infinite;
}
.pro_banner_img .sp .s5 {
	background-color: #1c6b85;
	animation: spark5_c 2s ease infinite;
}
.pro_banner_img .sp .s6 {
	background-color: #0aedea;
	animation: spark6_c 3s ease infinite;
}

/*圆点上下浮动动效-青铜版c*/ 


@keyframes spark1_c {
 0% {
 opacity:0;
}
 50% {
 opacity:1;
}
 100% {
 transform: translate(-30px, -30px);
 opacity:0;
 width:0;
 height:0;
}
}
 @keyframes spark2_c {
 0% {
 opacity:0;
}
 50% {
 opacity:1;
}
 100% {
 transform: translate(10px, -10px);
 opacity:0;
 width:0;
 height:0;
}
}
 @keyframes spark3_c {
 0% {
 opacity:0;
}
 50% {
 opacity:1;
}
 100% {
 transform: translate(-10px, 10px);
 opacity:0;
 width:0;
 height:0;
}
}
 @keyframes spark4_c {
 0% {
 opacity:0;
}
 50% {
 opacity:1;
}
 100% {
 transform: translate(20px, -20px);
 opacity:0;
 width:0;
 height:0;
}
}
 @keyframes spark5_c {
 0% {
 opacity:0;
}
 50% {
 opacity:1;
}
 100% {
 transform: translate(30px, 30px);
 opacity:0;
 width:0;
 height:0;
}
}
 @keyframes spark6_c {
 0% {
 opacity:0;
}
 50% {
 opacity:1;
}
 100% {
 transform: translate(-30px, 30px);
 opacity:0;
 width:0;
 height:0;
}
}
/*产品:分层动画*/

.pro_banner_img .cp_pic_groups .pic {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	transition: all 3s ease;
}

@media screen and (max-width:680px) {
.pro_banner_img .cp_pic_groups {
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}
.pro_banner_img .cp_pic_groups .pic_1 {
	margin: 0 auto;
}
.pro_banner_img .cp_pic_groups .pic_2 {
	display: none !important;
}
.pro_banner_img .cp_pic_groups .pic {
	position: static;
	width: 100%;
	max-width: 100%;
}
}
.pro_banner_img .cp_pic_groups .pic_1 {
	z-index: 5;
	-webkit-transform: rotate(0) translateX(50px) translateY(0) scale(1, 1);
	-moz-transform: rotate(0) translateX(50px) translateY(0) scale(1, 1);
	transform: rotate(0) translateX(50px) translateY(0) scale(1, 1);
	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	transition: all 1.2s ease;
}
.pro_banner_img .cp_pic_groups .pic_2 {
	z-index: 10;
	-webkit-transform: rotate(0) translateX(200px) translateY(0) scale(1, 1);
	-moz-transform: rotate(0) translateX(200px) translateY(0) scale(1, 1);
	transform: rotate(0) translateX(200px) translateY(0) scale(1, 1);
	-webkit-transition: all 1.4s ease;
	-moz-transition: all 1.4s ease;
	transition: all 1.4s ease;
}
swiper-slide-active .pro_banner_img .cp_pic_groups .pic {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


/*2019新年Banner 2019-01-30*/
.newyear2019_w {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 2560px;
	max-width: 25.60rem;
	text-align: center;
	margin: 0 auto;
	min-width: 240px;
	min-width: 2.4rem;
	height: 800px;
	overflow: hidden;
	color:#FFF;
	background:#cd2c4f url(../images/banner/newyear2019/bg.jpg) no-repeat center center;
	background-size: cover;
	
}

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

@media screen and (max-width:480px) {
}
@media screen and (max-width:480px) {
.newyear2019_w,.newyear2019_con{ width: 100%; height: 420px; overflow: hidden }
.newyear2019_w .newyear2019_con {
	background-size: cover;
}
	
}

@media screen and (max-width:1200px) {
.newyear2019_w .newyear2019_con .col-sm-12 {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}
}
.newyear2019_banner_text {

	position: relative;
	z-index: 999;
	max-width: 750px;
	max-width: 7.5rem;
	min-width: 240px;
	min-width: 2.4rem;
	margin: 0 auto;
	text-align: center;
	padding: 50px 0 0 0;
	padding: 0.5rem 0 0 0;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	transition: all 2s ease;
}
.newyear2019_banner_text .h_w {
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
@media screen and (max-width:680px) {
}

@media screen and (max-width:1200px) {
.newyear2019_banner_text .h_w {
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
.newyear2019_banner_text .h5_w, .banner_text .h6_w {
	display: none;
}
}

@media screen and (max-width:480px) {
.newyear2019_banner_text .h_w {
	width: 100%;
}
}

@media screen and (max-width:320px) {
.newyear2019_banner_text .h_w {
	width: 100%;
}
}
.newyear2019_banner_text .h1_w {
	z-index: 20;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.newyear2019_banner_text .h1_w h1 {
	display: block;
	display: inline-block;
	display: table;
	margin: 0 auto;
	text-align: center;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 90px;
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 1.2;
	padding: 0;
}

.newyear2019_banner_text .h_w {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	
	-webkit-transform: translate3d(0, 100px, 0);
	-moz-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
	
	-webkit-transition:  all 1s ease 0.1s;
	-moz-transition:  all 1s ease 0.1s;
	transition: all 1s ease 0.1s;
	
	
}
.newyear2019_banner_text .h2_w {
	z-index: 15;
	-webkit-transition:  all 1s ease 0.2s;
	-moz-transition:  all 1s ease 0.2s;
	transition: all 1s ease 0.2s;
}
.newyear2019_banner_text .h2_w h2 {
	font-size: 30px;
	font-size: 0.30rem;
	margin: 0 auto;
	line-height: 1.4;
}
.newyear2019_banner_text .h3_w {
	z-index: 10;
	-webkit-transition:  all 1s ease 0.3s;
	-moz-transition:  all 1s ease 0.3s;
	transition: all 1s ease 0.3s;
}

.newyear2019_banner_text .newyear2019_btn {
	 position: relative;
	 z-index: 2;
	  overflow: hidden;
		display: block;
		display: inline-block;
		width: auto;
		min-width: 80px;
		padding: 0 50px;
		height: 52px;
		line-height: 52px;
		margin: 50px auto;
		margin: 0.5rem auto;	
		text-align: center;
		font-size: 16px;
		color: #FFF;
		background-color: #0080ff ;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	 
}

.newyear2019_banner_text .newyear2019_btn:before { font-family: "宋体"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; content: ">"; position: absolute; left: 130%; top: 48%; margin-top: -8px; margin-top: -0.08rem; height: 100%; font-size: 125%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.newyear2019_banner_text .newyear2019_btn:hover:before { left: 80%; }
.newyear2019_banner_text .newyear2019_btn:hover { background-color: #00aaff; color: #fff; text-decoration: none; }  

 @media (max-width:1200px) {
.newyear2019_banner_text .h2_w{
	margin:0 auto;
}
}	 

 @media (max-width:680px) {
.newyear2019_banner_text .h2_w h2{
font-size: 38px;
font-size: 0.38rem;
line-height: 1.2;
}
.newyear2019_banner_text .h1_w{
	font-size:38px;
	font-size:0.38rem;
	line-height: 1.2;
}
.newyear2019_banner_text .h3_w{
  font-size:32px;
	font-size:0.32rem;
  line-height:1;
}
	 
.newyear2019_banner_text .newyear2019_btn {
		padding: 0 0.60rem;
		height: 0.82rem;
		line-height: 0.82rem;
		text-align: center;
		font-size: 0.25rem;
		color: #FFF;
		background-color: #0080ff ;	
}
.newyear2019_banner_text .newyear2019_btn:before{content: "";}	 
	 
}



.swiper-slide-active .newyear2019_w .h_w {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


/*banner图片*/

.newyear2019_banner_img .cp_pic_groups {

}

@media screen and (max-width:1200px) {
.newyear2019_banner_img .cp_pic_groups {

}
}
.newyear2019_banner_img .cp_pic_groups {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transform: rotate(0) translateX(0) translateY(100px) scale(0.8, 0.8);
	-moz-transform: rotate(0) translateX(0) translateY(100px) scale(0.8, 0.8);
	transform: rotate(0) translateX(0) translateY(100px) scale(0.8, 0.8);
	-webkit-transition: all 3.2s ease;
	-moz-transition: all 3.2s ease;
	transition: all 3.2s ease;
}
.swiper-slide-active .newyear2019_banner_img .cp_pic_groups {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
}
.newyear2019_banner_img {
	margin: 0 auto;
	position: relative;
	z-index: 99;
	bottom: 0px;
	max-width: 1218px;
	max-width: 12rem;
	min-width: 240px;
	min-width: 2.4rem;
	max-height: 500px;
	height: 5rem;
	max-height: 5.0rem;

	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	transition: all 2s ease;
}


/*产品:分层动画*/

.newyear2019_banner_img .cp_pic_groups .pic {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;

	right: 0;
	bottom: 0;
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	transition: all 3s ease;
}

@media screen and (max-width:680px) {
.newyear2019_banner_img .cp_pic_groups {
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}
.newyear2019_banner_img.cp_pic_groups .pic_1 {
	margin: 0 auto;
}
.newyear2019_banner_img .cp_pic_groups .pic_2 {
	display: none !important;
}
.newyear2019_banner_img .cp_pic_groups .pic {
	position: static;
	width: 100%;
	max-width: 100%;
}
}
.newyear2019_banner_img .cp_pic_groups .pic_1 {
	z-index: 5;
	-webkit-transform: rotate(0) translateX(0) translateY(50px) scale(1, 1);
	-moz-transform: rotate(0) translateX(0) translateY(50px) scale(1, 1);
	transform: rotate(0) translateX(0) translateY(50px) scale(1, 1);
	
	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	transition: all 1.2s ease;
}
.newyear2019_banner_img .cp_pic_groups .pic_2 {
	z-index: 1;
	-webkit-transform: rotate(0) translateX(0) translateY(100px) scale(0.8, 0.8);
	-moz-transform: rotate(0) translateX(0) translateY(100px) scale(0.8, 0.8);
	transform: rotate(0) translateX(0) translateY(100px) scale(0.8, 0.8);
	
	-webkit-transition: all 1.4s ease;
	-moz-transition: all 1.4s ease;
	transition: all 1.4s ease;
}
.newyear2019_banner_img .cp_pic_groups .pic_1 img{
	margin-top: 7%;
}


.swiper-slide-active .newyear2019_banner_img .cp_pic_groups .pic {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}