@media ( max-width : 978px) {
	body {
		background: #FAFAFF;
	}
	
	.new_form.toper{
	    height : 54px;
	    justify-content: unset;
	    align-items: unset;
	    flex-wrap: unset;
	}
	.new_form .toper_area{
	    width : 100%;
	    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: 100%;
		margin: 60px auto 0;
	}
	/* 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: unset;
		min-height: 500px;
		width: 90%;
		background: #FFFFFF;
		box-shadow: 0px 30px 60px 0px rgba(238, 238, 250, 1);
		border-radius: 8px;
		margin-bottom: 60px;
		margin : 0 auto;
	    box-sizing: border-box;
	    border: 1.5px solid rgb(77, 116, 255);
	    border-radius: 8px;
	}
	
	.demo_title {
        width: 100%;
        height: auto;
    font-size: 5vw;
		color: #000000;
		letter-spacing: 0;
		text-align: center;
		line-height: 30px;
		font-weight: bold;
		margin: 40px auto 0;
		
	}
	
	.demo_desc {
        width: 100%;
		height: auto;
		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;
        text-align: center;
	}
	
	.demo_form input {
		width: 75%;
        height: 10vw;
		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: 0;
		margin : 0 auto;
	}
	
	.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: 75%;
        height: 10vw;
	    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: 0 auto ;
	}
	
	.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: 60%;
    float: left;
    margin-left: 3.5%;
	}
	
	.demo_form_ysm{
    width: 82%;
    margin: 0 auto;
	}
	
	.demo_form_yzm_btn {
		width: 30%;
		height: 40px;
		border: 1px solid rgba(77, 116, 255, 1);
		border-radius: 10px;
		display: block;
		float: left;
		margin-left: 8px;
		font-size: 12px;
		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: 80%;
		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;
	}
	
	.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: #fff;
	}
	
	.b_card_list {
		width: 1200px;
		margin: 0 auto;
		height: 164px;
		padding: 40px 0;
	}
	
	.b_card_l {
		float: left;
		width: 400px;
		text-align: center;
		position: relative;
	}
	
	.b_card_l:nth-child(2):after, .b_card_l:nth-child(3):after {
		content: " ";
		top: 0;
		left: 0;
		position: absolute;
		font-size: 20px;
		color: #f00;
		width: 1px;
		height: 166px;
		border-left: 1px solid rgba(151, 151, 151, 1);
	}
	
	.b_card_l .b_card_list_img {
		
	}
	
	.b_card_l .b_card_list_tit {
		font-size: 16px;
		color: #000000;
		letter-spacing: 0;
		text-align: center;
		line-height: 24px;
		font-weight: 500;
		margin-top: 20px
	}
	
	.b_card_l .b_card_list_desc {
		font-size: 14px;
		color: #666666;
		letter-spacing: 0;
		text-align: center;
		line-height: 20px;
		font-weight: 400;
		margin-top: 10px;
	}
	
	.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;
	}
	
	@
	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
	);
	}
	}
	
	

}