body {
	background: #FAFAFF;
}

.new_form.toper{
    height : 60px;
    justify-content: unset;
    align-items: unset;
    flex-wrap: unset;
}
.new_form .toper_area{
    width : 1200px;
    margin : 0 auto;
    text-align : center;
    margin-top : 12px;
}
.new_form .toper_area .toper_area_logo{
    float : left;
}
.new_form .toper_area .toper_area_btn{
    float : right;
    width: 100px;
    height: 30px;
    background: #2372F9;
    border-radius: 4px;
    
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 30px;
}
.new_form .toper_area .toper_area_btn:hover{
    background: #5D92EE;
    border-radius: 4px;
}

.demo_content {
	width: 1200px;
	margin: 60px auto 0;
	padding-top : 60px;
    /*min-height: 700px;*/
}
/* banner**/
.demo-banner {
	margin: 88px auto 0;
	height: 480px;
	background-image: url(../../images/form/banner.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.demo-banner .demo-banner_block {
	width: 1200px;
	margin: 0 auto;
}

.demo-banner .banner_l {
	float: left;
	width: 640px;
	padding-right: 60px;
}

.demo-banner .banner_l .b_tag {
	font-size: 16px;
	color: #33AFE4;
	letter-spacing: 0;
	text-align: justify;
	line-height: 24px;
	font-weight: 500;
	position: relative;
	width: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	margin-top: 100px;
}

.demo-banner .banner_l .b_tag:after {
	content: " ";
	top: 6px;
	right: -15px;
	position: absolute;
	width: 12px;
	height: 12px;
	background-image: url(../../images/form/v_more.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.demo-banner .banner_l .b_title {
	font-size: 44px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 56px;
	font-weight: 500;
	margin-top: 10px
}

.demo-banner .banner_l .b_desc {
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: justify;
	line-height: 24px;
	font-weight: 500;
	margin-top: 30px;
}

.demo-banner .banner_r {
	float: right;
	width: 500px;
	text-align: center;
}

.demo-banner .banner_r img {
	width: 400px;
	max-height: 400px;
	margin-top: 40px;
}

/* banner**/
.demo_l {
	float: left;
	width: 720px;
	padding-top: 20px;
}

.demo_r {
	float: right;
	min-height: 400px;
	width: 480px;
	background: #FFFFFF;
	box-shadow: 0px 30px 60px 0px rgba(238, 238, 250, 1);
	border-radius: 8px;
	margin-bottom: 60px;
    box-sizing: border-box;
    border: 1.5px solid rgb(77, 116, 255);
    border-radius: 8px;
}

.demo_title {
	width: 400px;
	height: 30px;
	font-size: 24px;
	color: #000000;
	letter-spacing: 0;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	margin: 40px auto 0;
	
}

.demo_desc {
	width: 400px;
	height: 20px;
	font-size: 14px;
	color: #666666;
	letter-spacing: 0;
	text-align: center;
	line-height: 20px;
	font-weight: 400;
	margin: 10px auto 0;
}

.demo_form {
	position: relative;
	margin-top: 20px;
}

.demo_form input {
	width: 400px;
	height: 40px;
	border: 1px solid #737373;
	border-radius: 10px;
	font-size: 14px;
	color: #000;
	letter-spacing: 0;
	line-height: 40px;
	font-weight: 400;
	text-indent: 10px;
	margin-left: 40px;
}

.demo_form input::-webkit-input-placeholder{
    color: #999 !important;
}
.demo_form input:-moz-placeholder{
    color: #999 !important;
}
.demo_form input::-moz-placeholder{
    color: #ccc !important;
}
.demo_form input:-ms-input-placeholder{
    color: #ccc !important;
}

.demo_form select {
	width: 400px;
	height: 40px;
    border: 1px solid #737373;
	border-radius: 10px;
	font-size: 14px;
	color: #999999;
	letter-spacing: 0;
	line-height: 40px;
	font-weight: 400;
	text-indent: 10px;
	margin-left: 40px;
}

.demo_form:after {
	content: "*";
	top: 14px;
	left: 25px;
	position: absolute;
	font-size: 20px;
	color: #f00;
}

.demo_form.mob:after {
    content: "";
}

.demo_form.no:after {
    content: "";
}

.demo_form input::-webkit-input-placeholder {
	color: #CECECE;
}

.demo_form.mob .input_yzm input {
	width: 270px;
	float: left;
}

.demo_form_yzm_btn {
	width: 120px;
	height: 40px;
	border: 1px solid rgba(77, 116, 255, 1);
	border-radius: 10px;
	display: block;
	float: left;
	margin-left: 8px;
	font-size: 14px;
	color: #4D74FF;
	letter-spacing: 0;
	line-height: 40px;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
}

[id="read"]+label {
	background-color: #ffffff;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: 16px;
	height: 16px;
	margin: -3px 5px 0 0;
}

[id="read"]:checked+label {
	background-image: url(../../images/form/ok.png);
	background-size: 92%; /*按比例缩放*/
	background-size: cover;
	background-repeat: no-repeat;
}

.demo_form .demo_form_err {
	display: none;
	position: absolute;
	font-size: 14px;
	font-weight: 400;
	color: #E62412;
	line-height: 20px;
	padding-left: 40px;
}

.demo_form .demo_form_err.chk_mobile_yzm {
	top: 40px;
}
/*
.demo_form .demo_form_err:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: url(../images/form/err.png) center no-repeat;
    background-size: cover;
}
*/
.demo_ys {
	margin-top: 30px;
	font-size: 14px;
	font-weight: 400;
	color: #8F8F8F;
	line-height: 14px;
	margin-left: 40px;
}

.demo_ys a {
	color: #4D74FF;
}

.demo_btn {
	display: block;
	width: 400px;
	height: 44px;
	background: #4D74FF;
	border-radius: 10px;
	margin: 35px auto 30px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 44px;
	transition: all 0.3s;
	cursor: pointer;
	letter-spacing: 0;
    font-weight : bold;
}

.demo_btn:hover {
	background: #34AFE4;
}

/**左侧***/
.l_title {
	width: 600px;
	font-size: 28px;
	color: #000000;
	letter-spacing: 0;
	line-height: 40px;
	font-weight: bold;
}

.l_desc {
	width: 600px;
	font-size: 16px;
	color: #666666;
	letter-spacing: 0;
	line-height: 24px;
	font-weight: 400;
	margin-top: 20px;
}

/***demo1 左侧logo 等***/
.l_logo {
	width: 560px;
}

.l_logo .l_logo_title {
	font-size: 16px;
	color: #000000;
	letter-spacing: 0;
	line-height: 24px;
	font-weight: 800;
	margin-top: 60px;
}

.l_logo_swiper {
	margin-top: 30px;
	position: relative;
	overflow: hidden;
}

.l_logo_swiper .swiper-wrapper {
	height: 330px;
}

.l_logo_swiper .swiper-wrapper li {
	text-align: center;
}

.l_logo_swiper .swiper-wrapper li img {
	width: 560px;
	max-height: 300px;
}

.l_logo_swiper .swiper-pagination {
	position: absolute;
	bottom: 5px;
}

.l_logo_card {
	width: 560px;
}

.l_logo_card .l_logo_card_list {
	width: 560px;
	height: 120px;
	background-image: url(../../images/form/o_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 40px;
	border-radius: 10px;
	position: relative;
}

.l_logo_card .l_logo_card_list span {
	position: absolute;
	left: 20px;
	top: 10px;
}

.l_logo_card .l_logo_card_list span img {
	width: 100px;
	height: 100px;
	border-radius: 100px;
}

.l_logo_card .l_logo_card_list div {
	width: 390px;
	height: 80px;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 20px;
	font-weight: 400;
	padding: 20px 0 0 140px
}
/***demo1 左侧logo 等***/

/*****左侧联系我们销售*****/
.l_contact-us {
	width: 560px;
}

.l_cu_tag {
	width: 84px;
	height: 30px;
	border: 1px solid rgba(51, 175, 228, 1);
	border-radius: 4px;
	font-size: 16px;
	color: rgba(51, 175, 228, 1);
	line-height: 32px;
	font-weight: 500;
	text-align: center;
	width: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	padding: 0 10px;
}

.l_cu_title {
	font-size: 32px;
	color: #000000;
	letter-spacing: 0;
	line-height: 40px;
	font-weight: 500;
	margin-top: 10px
}

.l_cu_desc {
	font-size: 16px;
	color: #666666;
	letter-spacing: 0;
	line-height: 24px;
	font-weight: 400;
	margin-top: 10px
}

.l_cu_card {
	width: 560px;
	height: 248px;
	background-image: url(../../images/form/cu_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 30px
}

.l_cu_card .l_cu_card_title {
	font-size: 24px;
	color: #000000;
	letter-spacing: 0;
	text-align: justify;
	line-height: 36px;
	font-weight: 500;
	padding-top: 30px;
	padding-left: 70px;
	position: relative;
	margin-bottom: 30px;
}

.l_cu_card .l_cu_card_title:after {
	content: " ";
	top: 34px;
	left: 30px;
	position: absolute;
	width: 28px;
	height: 28px;
	background-image: url(../../images/form/cu_1.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.l_cu_card .l_cu_card_cu {
	font-size: 14px;
	color: #666666;
	letter-spacing: 0;
	text-align: justify;
	line-height: 24px;
	font-weight: 400;
	position: relative;
	margin-bottom: 20px;
	margin-left: 60px;
}

.l_cu_card .l_cu_card_cu:after {
	width: 16px;
	height: 16px;
	content: " ";
	top: 4px;
	left: -25px;
	position: absolute;
	background-image: url(../../images/form/cu_2.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.l_cu_card .l_cu_card_cu.t2:after {
	background-image: url(../../images/form/cu_3.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.l_cu_card .l_cu_card_cu.t3:after {
	background-image: url(../../images/form/cu_4.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.l_cu_card .l_cu_card_cu a {
	font-size: 14px;
	color: #4D74FF;
	letter-spacing: 0;
	text-align: justify;
	line-height: 24px;
	font-weight: 500;
}

/*****左侧联系我们销售*****/

/*****左侧视频*****/
.l_video {
	width: 560px;
}

.l_video .l_video_tag {
	font-size: 16px;
	color: #33AFE4;
	letter-spacing: 0;
	line-height: 24px;
	font-weight: 500;
	position: relative;
	width: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
}

.l_video .l_video_tag:after {
	content: " ";
	top: 6px;
	right: -15px;
	position: absolute;
	width: 12px;
	height: 12px;
	background-image: url(../../images/form/v_more.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.l_video .l_video_title {
	font-size: 32px;
	color: #000000;
	letter-spacing: 0;
	line-height: 40px;
	font-weight: 500;
	margin-top: 10px;
}

.l_video .l_video_tit2 {
	font-size: 16px;
	color: #000000;
	letter-spacing: 0;
	text-align: justify;
	line-height: 24px;
	font-weight: 500;
	margin-top: 20px;
	position: relative;
	width: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	padding-left: 25px;
}

.l_video .l_video_tit2:after {
	content: " ";
	top: 2px;
	left: 0;
	position: absolute;
	width: 18px;
	height: 20px;
	background-image: url(../../images/form/v_ico.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.l_video .l_video_v {
	width: 640px;
	height: 340px;
	position: relative;
}

.l_video .l_video_v video {
	width: 640px;
	height: 340px;
}

.l_video .l_video_v img {
	width: 640px;
	height: 340px;
}

.l_video .l_video_desc {
	font-size: 14px;
	color: #666666;
	letter-spacing: -0.1px;
	line-height: 20px;
	font-weight: 400;
	margin-top: 10px;
}

.l_video_v .PlayIcon {
	width: 70px;
	height: 70px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	top: 50%;
	margin-top: -45px;
	background: url(../../images/form/v_s.svg) center no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	z-index: 1;
}

.l_video_v .PlayIcon::after {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	opacity: 0.3;
	background: #33AFE4;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%) scale(1);
	animation: videoBg 1s infinite;
	z-index: 0;
}

.l_video_v .CloseVideo {
	width: 16px;
	height: 16px;
	position: absolute;
	right: 15px;
	top: 15px;
	background: url(../../images/form/video-close.svg);
	background-size: 100% 100%;
	cursor: pointer;
	z-index: 1;
	display: none;
}

/*****左侧视频*****/

/*****网络研讨会*****/
.l_sem {
	width: 560px;
}

.l_sem .l_sem_tag {
	font-size: 16px;
	color: #33AFE4;
	letter-spacing: 0;
	line-height: 24px;
	font-weight: 500;
	position: relative;
	width: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
}

.l_sem .l_sem_tag:after {
	content: " ";
	top: 6px;
	right: -15px;
	position: absolute;
	width: 12px;
	height: 12px;
	background-image: url(../../images/form/v_more.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.l_sem .l_sem_title {
	font-size: 32px;
	color: #000000;
	letter-spacing: 0;
	line-height: 40px;
	font-weight: 500;
	margin-top: 10px;
}

.l_sem .l_sem_desc {
	font-size: 16px;
	color: #666666;
	letter-spacing: 0;
	line-height: 24px;
	font-weight: 400;
	border-bottom: 1px solid rgba(207, 207, 219, 1);
	margin-top: 10px;
}

.l_sem .l_sem_tit2 {
	font-size: 16px;
	color: #000000;
	letter-spacing: 0;
	line-height: 24px;
	font-weight: 500;
	width: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	position: relative;
	padding-left: 20px;
	margin-top: 20px;
}

.l_sem .l_sem_tit2:after {
	content: " ";
	top: 3px;
	left: 0;
	position: absolute;
	width: 14px;
	height: 14px;
	background-image: url(../../images/form/o_1.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.l_sem .l_sem_tit2.o2:after {
	background-image: url(../../images/form/o_2.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.l_sem .l_sem_tit2.o3:after {
	background-image: url(../../images/form/o_3.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.l_sem .l_sem_desc2 {
	font-size: 12px;
	color: #666666;
	letter-spacing: 0;
	line-height: 18px;
	font-weight: 400;
	margin-top: 10px;
}

.l_sem .l_sem_tit3 {
	font-size: 14px;
	color: #000000;
	letter-spacing: 0;
	line-height: 20px;
	font-weight: 500;
	width: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	position: relative;
	padding-left: 20px;
	margin-top: 20px;
}

.l_sem .l_sem_tit3:after {
	content: " ";
	top: 3px;
	left: 0;
	position: absolute;
	width: 14px;
	height: 14px;
	background-image: url(../../images/form/o_4.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.l_sem .l_sem_tit2.o5:after {
	background-image: url(../../images/form/o_5.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.l_sem .l_sem_desc3 {
	font-size: 12px;
	color: #666666;
	letter-spacing: 0;
	line-height: 18px;
	font-weight: 400;
	margin-top: 10px;
	padding-left: 20px;
}

.l_sem .l_sem_card {
	width: 560px;
	height: 120px;
	background-image: url(../../images/form/o_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 20px;
	border-radius: 10px;
	position: relative;
}

.l_sem .l_sem_card span {
	position: absolute;
	left: 20px;
	top: 10px;
}

.l_sem .l_sem_card span img {
	width: 100px;
	height: 100px;
	border-radius: 300px;
}

.l_sem .l_sem_card div:nth-child(2) {
	width: 390px;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 20px;
	font-weight: 700;
	padding: 20px 0 0 140px
}

.l_sem .l_sem_card div:nth-child(3) {
	width: 390px;
	height: 80px;
	font-size: 12px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 20px;
	font-weight: 400;
	padding: 10px 0 0 140px
}

/*****网络研讨会*****/
/*****网络研讨会*****/
.l_paper {
	width: 560px;
}

.l_paper .l_paper_title {
	font-size: 22px;
	color: #000000;
	letter-spacing: 0;
	line-height: 40px;
	font-weight: 500;
}

.l_paper .l_paper_desc {
	font-size: 16px;
	color: #666666;
	letter-spacing: 0;
	line-height: 24px;
	font-weight: 400;
	margin-top: 20px;
}

.l_paper .l_paper_tit2 {
	font-size: 20px;
	color: #000000;
	letter-spacing: 0;
	line-height: 30px;
	font-weight: 400;
	margin-top: 30px;
	margin-bottom: 10px
}

.l_paper .l_paper_desc2 {
	font-size: 16px;
	color: #000000;
	letter-spacing: 0;
	line-height: 24px;
	font-weight: 400;
	margin-top: 15px;
	width: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	position: relative;
	padding-left: 28px;
}

.l_paper .l_paper_desc2:after {
	content: " ";
	top: 1px;
	left: 0;
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url(../../images/form/gou.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

/**白皮书**/
/***底部横栏***/
.b_card {
    background: #F7F9FC;
}

.b_card_list {
	width: 1200px;
	margin: 0 auto;
	height: 164px;
	padding: 40px 0;
}

.b_card_l {
	float: left;
	width: 316px;
	text-align: center;
	position: relative;
    margin-right : 20px;
	height: 208px;
	background: #FFFFFF;
	border-radius: 8px;
	padding-left : 64px;
	margin-bottom : 50px;
    position: relative;
}
.b_card_l:nth-child(3) {
	margin-right : 0
}

.b_card_l .b_card_list_tit {
font-size: 20px;
	color: #323437;
	letter-spacing: 0;
	text-align: left;
	line-height: 24px;
	font-weight: 500;
	margin-top: 24px;
    font-weight : bold;
	
}

.b_card_l .b_card_list_desc {
	font-size: 16px;
	color: #323437;
	letter-spacing: 0;
    text-align: left;
	line-height: 20px;
	font-weight: 400;
	margin-top: 16px;
	
}

.b_card_l .b_card_list_desc a {
	color: #33AFE4;
	text-decoration: underline;
}

.b_card_logo_list {
	width: 1200px;
	margin: 0 auto;
	height: 200px;
	padding: 30px 0;
	text-align: center;
}

.b_card_logo_list .b_card_logo_tit {
	font-size: 24px;
	color: #000000;
	letter-spacing: 0;
	text-align: center;
	line-height: 36px;
	font-weight: 500;
}

.b_card_logo_list .b_card_logo_desc {
	font-size: 16px;
	color: #666666;
	letter-spacing: 0;
	text-align: center;
	line-height: 24px;
	font-weight: 400;
	margin-top: 10px
}

.b_card_logo_list .b_card_logo_img {
	margin-top: 30px
}

.b_card_logo_list .b_card_logo_img img {
	width: 1200px;
	height: 90px;
}
.b_card_list_url{
	left : 64px;
	bottom : 24px;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #2372F9;
    line-height: 22px;
    position: absolute;
}
.b_card_list_url:hover {
    color: #5D92EE;
}

.b_card_list_url:after {    content: " ";
    width: 17px;
    height: 20px;
    bottom: 1px;
    right: -15px;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../../images/customers/r.png);
}


@
keyframes videoBg { 0% {
	opacity: 0.3;
	transform: translateX(-50%) translateY(-50%) scale(1);
}
25
%
{
opacity
:
0.1;
transform
:
translateX(
-50%
)
translateY(
-50%
)
scale(
1.3
);
}
50
%
{
opacity
:
0.1;
transform
:
translateX(
-50%
)
translateY(
-50%
)
scale(
1.3
);
}
100
%
{
opacity
:
0.3;
transform
:
translateX(
-50%
)
translateY(
-50%
)
scale(
1
);
}
}