@charset "utf-8";
/* CSS 2019-11-26 */



.new_banner_w {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 2560px;
	margin: 0 auto;
	height:1000px;
	height:10rem;
	overflow: hidden;
	background-image: -moz-linear-gradient( 180deg, rgb(28,32,43) 0%, rgb(42,52,82) 100%);
	background-image: -webkit-linear-gradient( 180deg, rgb(28,32,43) 0%, rgb(42,52,82) 100%);
	background-image: linear-gradient( 180deg, rgb(28,32,43) 0%, rgb(42,52,82) 100%);
	background:#eeeff3 url(../images/p1_bg.jpg) no-repeat bottom center;
	background-size: cover;
}
@media screen and (max-width:1400px) {
	.new_banner_w {
		min-height: 10rem;
			height:auto;

	}
}
@media screen and (max-width:992px) {
	.new_banner_w {

	}
}

@media screen and (max-width:1200px) {
.new_banner_w {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	height: auto;
	overflow: hidden
}
}


.new_banner_w .banner_con {
	position: relative;
	z-index: 1;
}
.new_banner_w .banner_text {
	width:98%;
	position: relative;
	z-index: 2;
	top: 160px;
	top:1.6rem;
	max-width: 1440px;
	min-width: 240px;
	margin: 0 auto;
	
	text-align: left;
	color:#FFF;
}


@media screen and (max-width:768px) {
.new_banner_w .banner_text {
	width:98%;
	position: relative;
	z-index: 2;
	top: 60px;
	top:0.6rem;
	max-width: 1440px;
	min-width: 240px;
	margin: 0 auto;
	
	text-align: left;
	color:#FFF;
}
}

.new_banner_w .banner_text  .line_tt{
	margin-bottom:60px;
	margin-bottom: 0.6rem;
  background-image: -moz-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(50,190,255) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(50,190,255) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(50,190,255) 100%);
}
.new_banner_w .banner_text  h2{
	margin-bottom:20px;
	margin-bottom: 0.2rem;
  color: #213040;
	font-size: 42px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	font-weight:700;
} 
.new_banner_w .banner_text  h2 i{
	font: 14px/1.5 "Helvetica",Arial,"Microsoft Yahei",sans-serif;
	display: block;
	display: inline-block;
	margin-left:4px;
  color: #213040;
	font-size: 0.14rem;
	color:#FFF;
	width:84px;
	height:30px;
	width:0.84rem;
	height:0.3rem;
	line-height: 0.3rem;
	text-align: center;
	vertical-align: middle;
		background: url(../../NewConferenceProduct/statics/images/p1_a2_i_bg.png) no-repeat center center; 
	background-size: cover;	
} 
.new_banner_w .banner_text  .line_tt{
	margin-bottom:60px;
	margin-bottom: 0.6rem;
} 


@media screen and (max-width:768px) {
.new_banner_w .banner_text  .line_tt{
display: none;
} 
}

.new_banner_w .banner_text  h3{
	margin:40px 0 60px 0;
	margin:0.4rem 0 0.6rem 0;
  color: #213040;
	font-size: 24px;
	font-weight:bold;
	letter-spacing: 8px;
} 
.new_banner_w .banner_text p{
  color: #c7c9ce;
	font-size: 14px;padding:0 8px;/*视觉修正*/
	letter-spacing: 2px;
	line-height: 18px;
} 


/*h1_w 适用于图片文案，不带btn*/
.new_banner_w .banner_text .h_w {
	position: absolute;
	margin: auto;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 1;
	-webkit-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
	-webkit-transition: all .8s ease;
	transition: all .8s ease
}

.new_banner_w .banner_text .h1_w {
	z-index: 20;
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}
.new_banner_w .banner_text .h2_w {
	z-index: 30;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}
.new_banner_w .banner_text .h3_w {
	z-index: 30;
	-webkit-transition-delay:.3s;
	transition-delay: .3s
}
.new_banner_w .banner_text .h4_w {
	z-index: 30;
	-webkit-transition-delay:.4s;
	transition-delay: .4s
}
.new_banner_w .banner_text .h5_w {
	z-index: 30;
	-webkit-transition-delay:.5s;
	transition-delay: .5s
}
.new_banner_w .banner_text .h6_w {
	z-index: 30;
	-webkit-transition-delay:.6s;
	transition-delay: .6s
}

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

@media screen and (max-width:1200px) {
.new_banner_w .active .h_w img {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}
}

@media screen and (max-width:680px) {
.new_banner_w .active .h_w img {	
	-moz-transform: scale(1.3, 1.3);
	-webkit-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}
}

/*Banner图片*/
.new_banner_w .banner_img {
	position: relative;
	margin: 1.4rem auto 1.4rem auto;
}
.new_banner_w .banner_img .img_all{
	-webkit-transition: all .8s ease;
	transition: all .8s ease
	
}
/*Banner图片动画*/
.new_banner_w .banner_img  {
	-webkit-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
	-webkit-transition: all .8s ease;
	transition: all .8s ease
}
.banner_img  img.img_all{box-shadow: 0px 10px 50px 0px rgba(50, 55, 74, 0.4);}/*阴影直接写在图片上，图片更小，加载更快*/ 
.new_banner_w .active .banner_img  {
	-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);
	
	-webkit-transition-delay: .1s;
	transition-delay: .1s	
}

/*图片冲击动画*/
.new_banner_w .img_bg.active {
    -webkit-transform: scale(12);
    -webkit-filter: brightness(1);
    -moz-transform: scale(12);
    -moz-filter: brightness(1);
    transform: scale(12);
    filter: brightness(1);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}
.new_banner_w .img_bg {
    margin: auto;
        margin-top: auto;
        margin-left: auto;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    width: 320px;
    height: 320px;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    margin-top: -160px;
    background: url(../images/wave.html) no-repeat center center;
    -webkit-transform: scale(0.01);
    -webkit-filter: brightness(3);
    -moz-transform: scale(0.01);
    -moz-filter: brightness(3);
    transform: scale(0.01);
    filter: brightness(3);
    -webkit-transition: all 4s ease;
    -moz-transition: all 4s ease;
    transition: all 4s ease;
}
@media (min-width:1400px) {
.new_banner_w .banner_img  img.img_all{max-width: 8.2rem;margin:0 auto;}
}
@media (max-width:1400px) {
.new_banner_w .banner_img  img.img_all37{	padding:0.1rem;max-width: 9.18rem;margin:2rem auto 1.4rem auto;}
}

@media (max-width:1200px) {
.new_banner_w .banner_img {
	margin: 1.4rem auto 1.4rem auto;
}
}
@media (max-width:992px) {
.new_banner_w .banner_img {
	width:96%;
	margin: 2rem auto 1.4rem auto;
}
}


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

	.new_banner_w .banner_img img {
	margin: 0 auto;
}
}

@media screen and (max-width:750px) {
.new_banner_w .banner_img {
	
}
}

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


/*a1_w 适用于文字文案，带Btn*/


/*文字动画*/
.new_banner_w .banner_text .a_w {
	opacity: 1;
	-webkit-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
	-webkit-transition: all .8s ease;
	transition: all .8s ease
}
.new_banner_w .banner_text .a2_w  {
	opacity: 1;
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.new_banner_w .banner_text .a3_w  {
	opacity: 1;
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}
.new_banner_w .banner_text .a4_w  {
	opacity: 1;
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}
.new_banner_w .banner_text .a5_w  {
	opacity: 1;
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}
.new_banner_w .banner_text .a6_w  {
	opacity: 1;
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}

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

/*Banner并排按钮*/
.new_banner_w .banner_btn_w{
	margin: 0 auto 0.6rem auto;
}
.new_banner_w .banner_list{
	max-width: 4rem;
	margin:0 -0.2rem;

}
.new_banner_w .banner_btn_w a {
	display: block;
	float: left;
	margin: 0 20px 0 20px;
	display: block;
	text-align: center;
	width: 160px;
	height: 52px;
	line-height: 52px;
	font-size: 18px;
	color: #FFF;
	
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	
	
	padding: 0 0px;

	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.new_banner_w .banner_btn_w a:before {

	line-height: 1;
	position: relative;
	content: "";
	background: url(../images/icon_btn_go.svg)  no-repeat center center;
	position: absolute;
	left: 70%;
	top: 50%;
  margin-top: -7px;
	width:8px;
	height:14px;

	font-size: 125%;
	opacity: 0;
	filter: alpha(opacity=0);
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


.new_banner_w .banner_btn_w a:hover:before {
	left: 80%;
	opacity: 100;
	filter: alpha(opacity=100);
}

.new_banner_w .banner_btn_w .btn_readmore:hover:before {
	left: 84%;
	opacity: 100;
	filter: alpha(opacity=100);
}
.new_banner_w .banner_btn_w a:active:before {
	color: #FFF;
}

.new_banner_w .banner_btn_w .btn_readmore {
	background-color: #0282ff;
  background-image: -moz-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(50,190,255) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(50,190,255) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(50,190,255) 100%);
}
.new_banner_w .banner_btn_w .btn_readmore:hover {
  background-image: -moz-linear-gradient( -180deg, rgb(0,128,255) 0%, rgb(50,190,255) 100%);
  background-image: -webkit-linear-gradient( -180deg, rgb(0,128,255) 0%, rgb(50,190,255) 100%);
  background-image: -ms-linear-gradient( -180deg, rgb(0,128,255) 0%, rgb(50,190,255) 100%);
	box-shadow: 0px 8px 20px 0px rgba(0, 128, 255, 0.2);
}

.new_banner_w .banner_btn_w .btn_download {
	background-color: #fd660e;
  background-image: -moz-linear-gradient( 0deg, rgb(253,98,13) 0%, rgb(253,194,35) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(253,98,13) 0%, rgb(253,194,35) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(253,98,13) 0%, rgb(253,194,35) 100%);
}
.banner_btn_w .btn_download:hover {
  background-image: -moz-linear-gradient( -180deg, rgb(253,98,13) 0%, rgb(253,194,35) 100%);
  background-image: -webkit-linear-gradient( -180deg, rgb(253,98,13) 0%, rgb(253,194,35) 100%);
  background-image: -ms-linear-gradient( -180deg, rgb(253,98,13) 0%, rgb(253,194,35) 100%);
	box-shadow: 0px 8px 20px 0px rgba(254, 127, 35, 0.2);
}


@media screen and (max-width:768px) {
.new_banner_w .banner_btn_w{
	max-width: 100%;
	margin: 0 auto 0rem auto;
}
	
.new_banner_w .banner_list{
	max-width: 100%;
	margin: 0 auto;
	margin:0 -0.2rem;
}
}	
@media screen and (max-width:768px) {
.new_banner_w .banner_btn_w a{
	width: 40%;
	height:auto;
	line-height: auto;
	overflow: hidden;
	font-size: .24rem;
	width: 40%;
	min-width: auto;
	padding: 0 10px;
	margin: 10px 10px;
	overflow: hidden
}
}


/*国产化banner*/

.guochanhua_banner_w{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	max-width: 19.20rem;
	max-height:800px;
	margin: 0 auto 0 auto;
	
	background-color: #292f3b;
	background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(37,64,155) 0%, rgb(11,14,83) 200%);
  background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(37,64,155) 0%, rgb(11,14,83) 200%);
  background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(37,64,155) 0%, rgb(11,14,83) 200%);	
}

.guochanhua_banner_w .guochanhua_banner_con:before {
	padding:0;
	content: "";
	margin: auto;
	position: absolute;
	z-index: 0;
	left: 0;
	top:0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	background: url(../images/banner/guochanhua/banner_h1_bg.png) no-repeat center center;
	background-size: cover;

	width: 100%;
	height: 100%;
	max-width: 6.26rem;
	max-height: 5.78rem;
	overflow: hidden;
}

.guochanhua_banner_con,.guochanhua_banner_con .banner_con{
		display: flex;
	justify-content: center;
	align-items: center;
	
}

.guochanhua_banner_con:after{
	content: "";

	position: absolute;

	pointer-events: none;
	background: url(../images/banner/guochanhua/banner_text_bg.png) no-repeat center 1.6rem;
	background-size: c;
	width: 100%;
	height: 100%;
	max-height: 13rem;
	overflow: hidden;
}


.guochanhua_banner_w .guochanhua_banner_con .banner_text {
	margin:0 auto 0 auto;
	position: relative;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;

	text-align: center;
	color:#FFF;		
}


.guochanhua_banner_con .banner_text h1 {
	font-size:62px;
	font-size:0.62rem;
	font-weight: 700;
	line-height: 1.2;	
	margin-top: 0px;
	margin-bottom: 0px;		
	letter-spacing:4px;
	color:#6575f6;
	-webkit-line-clamp: 2;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	background-image: -moz-linear-gradient( 180deg, rgb(201,215,255) 0%, rgb(250,251,255) 100%);
	background-image: -webkit-linear-gradient( 180deg, rgb(201,215,255) 0%, rgb(250,251,255) 100%);
	background-image: -ms-linear-gradient( 180deg, rgb(201,215,255) 0%, rgb(250,251,255) 100%);
}

.guochanhua_banner_con .color-o,.guochanhua_banner_con .h1-samll{

	color:#f39a72;
	-webkit-line-clamp: 2;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	background-image: -moz-linear-gradient( 180deg, rgb(250,143,92) 0%, rgb(253,210,164) 100%);
	background-image: -webkit-linear-gradient( 180deg, rgb(250,143,92) 0%, rgb(253,210,164) 100%);
	background-image: -ms-linear-gradient( 180deg, rgb(250,143,92) 0%, rgb(253,210,164) 100%);

}



.guochanhua_banner_con .banner_text h2 {
	display: flex;
	flex-wrap: wrap; 
	align-items: center;
	justify-content: center;
	text-align: center;


	font-size: 0.32rem;

	width: 100%;
	height: 100%;
	max-width: 6.2rem;


	padding:8px 0;
	margin: 48px auto;
	margin: 0.48rem auto 0.48rem auto;	
	font-weight: normal;	
	letter-spacing: 2px;	
	background: url(../images/banner/guochanhua/banner_h2_bg.png) no-repeat center center;
	background-size: contain;

}
.guochanhua_banner_con .banner_text h2 .sep{
	display: inline-block;
	height: 0.24rem;
	width: 0.02rem;
	margin:0 0.34rem;
	padding: 0;
	background-color: #FFF;	
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg);
}	
.guochanhua_banner_con  .banner_btn {

    margin: 0.2rem auto 0.2rem auto;

}

@media screen and (max-width:1200px) {
	.guochanhua_banner_con .banner_text h2 {
		font-size:0.32rem;
		border:0;		
	}

}


/*文字动画*/
.guochanhua_banner_w .banner_text .a_w {
	opacity: 1;
	-webkit-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
	-webkit-transition: all .8s ease;
	transition: all .8s ease
}
.guochanhua_banner_w .banner_text .a2_w  {
	opacity: 1;
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.guochanhua_banner_w .banner_text .a3_w  {
	opacity: 1;
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}
.guochanhua_banner_w .banner_text .a4_w  {
	opacity: 1;
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}
.guochanhua_banner_w .banner_text .a5_w  {
	opacity: 1;
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}
.guochanhua_banner_w .banner_text .a6_w  {
	opacity: 1;
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}

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