/*案例样式*/
.section1{
	width: 100%;
	height: 560px;
	text-align: center;
	background: url('../assets/img/banner_bg(1).png') no-repeat center;
	background-size: cover;
}
.section1>div{
	width: 1200px;
	margin-top: 100px;
	display: inline-block;
}
.section1>div>div{
	display: inline-block;
	vertical-align: top;
}
.section1 .left_msg{
	text-align: left;
	padding:100px 0 ;
}
.left_msg .title{
	height:64px;
	font-size:44px;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:64px;
}
.left_msg .info{
	height:24px;
	font-size:24px;
	color:rgba(255,255,255,0.7);
	line-height:36px;
}
.section1 .right_pic{
	margin-left: 110px;
}
.section2{text-align: center;}
.section2>div{
	width: 1180px;
	height:800px;
	display: inline-block;
	position: relative;
}
.section2>div>div{
	position: absolute;
	top: -45px;
	left: 0;
	width:1180px;
	height:917px;
	background:rgba(255,255,255,1);
	box-shadow:0px 4px 20px 6px rgba(83,132,255,0.12);
	border-radius:20px;
	padding: 40px;
	box-sizing: border-box;
}
.section2 .section_title{
	padding: 20px 0 0;
}
.tab_title{border-bottom: 1px solid #213FC0;padding-bottom: 30px;}
.tab_title .title_item{
	width: 120px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	position: relative;
}
.tab_title .title_item .active_icon{
	position: absolute;
	bottom: -31px;
	left: 50px;
	width: 0;
	height: 0;
	border:8px solid transparent;
	border-bottom:8px solid #213FC0;
	display: none;
}
.tab_title .title_item .active_icon>span{
	position: absolute;
	bottom: -8px;
	left: -7px;
	width: 0;
	height: 0;
	border:7px solid transparent;
	border-bottom:7px solid #fff;
}
.tab_title .title_item.active .titl_name{
	color: #213FC0;
}
.tab_title .title_item.active .active_icon{display: block;}
.tab_title .title_item:not(:first-child){margin-left: 40px;}
.tab_title .title_item .titl_icon{
	height: 90px;
	line-height: 90px;
	margin-bottom: 10px;
}
.tab_cnt .tab_item{display: none;}
.tab_cnt .active{
	display: block;
}
.tab_cnt .tab_inner{
	height: 400px;
	margin: 0 auto;
	margin-top: 20px;
	text-align: left;
}
.tab_cnt .tab_inner>div{
	float: left;
	padding-top: 120px;
	margin-left: 586px;
}
.tab_cnt .tab_inner .title{
	height:36px;
	font-size:24px;
	font-weight:bold;
	color:rgba(35,36,39,1);
	line-height:36px;
}
.tab_cnt .tab_inner .info{
	height:16px;
	font-size:16px;
	color:rgba(88,89,90,1);
	line-height:24px;
	margin:20px 0 40px 0;
}
.button>div{
	width:140px;
	height:44px;
	background:rgba(253,187,12,1);
	border-radius:24px;
	border:2px solid rgba(253,187,12,1);
	text-align: center;
}
.button>div>span{
	height:44px;
	font-size:16px;
	color:rgba(255,255,255,1);
	line-height:44px;
	display: block;
}
.tab_cnt .introduce{
	text-align: left;
}
.tab_cnt .introduce .band{
	height:36px;
	font-size:24px;
	font-weight:bold;
	color:rgba(35,36,39,1);
	line-height:36px;
	margin: 30px 0;
}
.tab_cnt .introduce .info{
	font-size:16px;
	color:rgba(88,89,90,1);
	line-height:28px;
}
.section3>div{
	width: 1180px;
	margin:140px auto 40px;
}
.section3 .band_cnt{
	font-size: 0;
	width: 624px;
    display: inline-block;
    text-align: center;
}
.section3 .band_cnt .band_item{
	width: 188px;
	height: 100px;
	line-height: 100px;
	margin: 20px 10px;
	display: inline-block;
	background:rgba(255,255,255,1);
    box-shadow:0px 2px 10px 3px rgba(83,132,255,0.08);
}
.section3 .text_area{
	display: inline-block;
	vertical-align: top;
	width: 416px;
	text-align: left;
	margin-left: 40px;
	padding-top: 120px;
}
.section3 .text_area .info{
	font-size:16px;
	color:rgba(88,89,90,1);
}
.section3 .text_area .info>span{line-height:28px;}
.section4>div{
	width: 1180px;
	height: 280px;
	margin: 0 auto;
	position: relative;
}
.section4>div>div{
	background:rgba(255,255,255,1);
	box-shadow:0px 8px 40px 6px rgba(83,132,255,0.12);
	border-radius:16px;
	position: absolute;
	top: 80px;
	left: 0;
}
.section4{margin-top: 20px;}
.section4 .demo_form {font-size: 0;padding:40px 20px;}
.section4 .demo_form .form_item{
	width: 50%;
	display: inline-block;
	margin: 20px 0;
}
.section4 .demo_form .form_item input{
	width:400px;
	height:56px;
	border:1px solid rgba(219,219,219,1);
}
.section4 .demo_form .form_item select{
	width:400px;
	height:56px;
	border:1px solid rgba(219,219,219,1);
	vertical-align: middle;
}
.section4 .demo_form .form_item .option{
	width:400px;
	height:56px;
	border:1px solid rgba(219,219,219,1);
}
.section4 .demo_form .form_item .label{
	box-sizing: border-box;
	padding-top: 3px;
	height:56px;
	width: 80px;
	font-size:16px;
	display: inline-block;
	color:rgba(88,89,90,1);
	line-height:56px;
	margin-right: 10px;
	vertical-align: middle;
}
.section4 .demo_form .form_item .require{
	font-size:16px;
	color:rgba(239,135,13,1);
	line-height:56px;
	margin-right:3px ;
}
.section5{
	width: 100%;
	height: 566px;
	background:url('../assets/img/blue_bg (1).png') no-repeat center;
	background-size:cover;
	text-align:center;
	overflow: hidden;
}
.section5 .text{
	font-size:16px;
	color:rgba(255,255,255,1);
	line-height:28px;
}
.section5 .button{display: inline-block;}
.section_title .top_tip {width: 72px; height: 6px; background-color: #FDBB0C; margin: 0 auto;}
.text_area .section_title .top_tip {width: 72px; height: 6px; background-color: #FDBB0C; margin:0;}
.example .section_title .top_tip>span {display: none;}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
	/* ---------- 第一部分 ---------- */
	.example .section1>div {width: 1170px;}
	.example .section1 .right_pic {width: 500px;}
	.example .section1 .right_pic>img {width: 100%;}
	.example .left_msg .title {font-size: 42px;}
	.example .left_msg .info {font-size: 22px;}
	
	/* ---------- 第二部分 ---------- */
	.example .section2>div {width: 1100px;}
	.example .section2>div>div {width: 1100px;}
	.example .section2>div>div>div:nth-child(2) {width: 	905px !important;}
	.example .tab_title .title_item:not(:first-child) {margin-left: 30px;}
	.example .tab_cnt .tab_item .tab_inner {background-size: 100% 100% !important;}
	
	/* ---------- 第三部分 ---------- */
	.example .section3>div {width: 1100px;}
	.example .section_title .title>span {height: 34px;font-size: 34px;line-height: 34px;}
	.example .section_title .info>span {font-size: 16px;}
	.example .section3 .band_cnt .band_item {width: 170px;}
	
	/* ---------- 第四部分 ---------- */
	.example .section4>div {width: 1100px;}
	.example .section4 .demo_form .form_item input {width: 380px;height: 48px;}
	.example .section4 .demo_form .form_item select {width: 380px;height: 48px;}
}
@media screen and (max-width: 1199px) {
	/* ---------- 第一部分 ---------- */
	.example .section1>div {width: 1000px;}
	.example .section1 .right_pic {width: 450px;}
	.example .section1 .right_pic>img {width: 100%;}
	.example .left_msg .title {font-size: 40px;}
	.example .left_msg .info {font-size: 20px;}
	
	/* ---------- 第二部分 ---------- */
	.example .section2>div {width: 1000px;}
	.example .section2>div>div {width: 1000px;}
	.example .section2>div>div>div:nth-child(2) {width: 	890px !important;}
	.example .tab_title .title_item:not(:first-child) {margin-left: 30px;}
	.example .tab_cnt .tab_item .tab_inner {background-size: 100% 100% !important;}
	
	/* ---------- 第三部分 ---------- */
	.example .section3>div {width: 1000px;}
	.example .section_title .title>span {height: 34px;font-size: 32px;line-height: 34px;}
	.example .section_title .info>span {font-size: 14px;}
	.example .section3 .band_cnt {width: 540px;}
	.example .section3 .band_cnt .band_item {width: 150px;}
	
	/* ---------- 第四部分 ---------- */
	.example .section4>div {width: 1000px;}
	.example .section4>div>div {top: 64px;}
	.example .section4 .demo_form .form_item input {width: 350px;height: 42px;}
	.example .section4 .demo_form .form_item select {width: 350px;height: 42px;}
}