.banner{width:100%; height:auto; overflow:hidden; text-align:center;margin:0px auto}
.banner img{width:100%; display: block;}

.con{  overflow: hidden; /* max-width: 1024px; */ margin: 0 auto; }
.con1{  overflow: hidden; margin: 0 auto; padding-top: 30px; }
.bgen1{
	width: 100%;
	height: auto;
	margin: 0px auto;
	background-color: #ffffff;
	position: relative;
}
.cont5{ height: auto; overflow: hidden; position: relative;}
.bgen{
	width: 90%;
	height: auto;
	margin: 80px auto 0px auto;
	background-color: #5c9ef9;
	border-radius: 20px;
}


.bg1{ height: auto; overflow: hidden; background:url(../images/bg1.jpg) no-repeat;}
.bg2{ height: auto; overflow: hidden; background:url(../images/bg2.jpg) repeat-y;}
.bg3{ height: auto; overflow: hidden; background:url(../images/bg3.jpg) bottom no-repeat;}
.bg3 p{ margin: 0; font-size: 18px; line-height: 42px; color: #313131;}
.bg3 p span{ border-bottom: #dedede 1px solid; padding-bottom: 5px;}
.bg3 p span b{ color: #5382fb;}
.bg4{ height: auto; overflow: hidden; background:url(../images/bg4.jpg) bottom no-repeat;}

.title{ height: auto; overflow: hidden; position: absolute;}
.title img{ width: 100%;}

.cont1{ height: auto; overflow: hidden; padding: 0px 0px 20px 0px; margin:0px 30px 20px 30px; border-bottom: #8fb9fb 1px dashed;}
.cont1 ul{ margin: 0; padding: 0;}
.cont1 ul li{ list-style-type: none; word-break: break-word;}
.cont1 ul li:nth-child(1){font-size: 24px; font-weight: bold; color: #fffc01; letter-spacing: 2px;}
.cont1 ul li:nth-child(2){font-size: 18px; color: #ffffff; line-height: 42px;}

.cont2{ height: auto; overflow: hidden; padding: 30px 30px 0px 30px; margin:0px 30px 0px 30px;}
.cont2 ol{ margin: 0; padding: 0;}
.cont2 ol li{ list-style-type: none;}
.cont2 ol li:nth-child(1){font-size: 18px; font-weight: bold; color: #313131;}
.cont2 ol li:nth-child(2){font-size: 14px; color: #313131; line-height: 26px; margin-left: 20px;}

.bgen2{
	width: 90%;
	height: auto;
	margin: 80px auto 0px auto;
	background: linear-gradient(to bottom, #5380fb, #5fa5f9);
	border-radius: 20px;
}

.cont3{ height: auto; overflow: hidden;}
.cont3 div{ float: left; color: #1d98e6; font-weight: bold;}
.cont3_1{ background-color: #ffffff; border-radius: 5px; padding: 2px 7px; font-size: 24px;}
.cont3_2{ margin: 15px 0px 0px 5px;}
.cont3_3{background-color: #ffffff; border-radius: 5px; padding: 6px 7px; font-size: 18px; line-height: 26px;}

.cont4{ height: auto; overflow: hidden;}
.cont4 div{ float: left; color: #1d98e6; font-weight: bold;}
.cont4_1{background-color: #d2e6ff; border-radius: 5px; padding: 6px 7px; font-size: 18px; line-height: 26px;}
.cont4_2{ margin: 0px 5px 0px 0px;}
.cont4_3{ background: linear-gradient(to bottom, #ffffff, #cce3ff); border-radius: 5px; padding: 2px 7px; font-size: 24px;}

.biaoti{ height: auto; overflow: hidden;font-size: 24px; font-weight: bold; color: #fffc01; letter-spacing: 2px; text-align: center; margin-bottom: 30px;}
.cont6{ height: auto; overflow: hidden; text-align: center; margin: 0 auto;}
.cont7{ height: auto; overflow: hidden;}
.cont7 p{ margin: 0; padding: 0px; font-size: 14px; font-weight: bold; color: #313131; word-break: break-word;}

@media screen and (min-width: 992px){
	.banner1{display: block;}
	.banner2{display: none;}
	.con1{ max-width: 1060px;}
	.bg1{ padding: 36px 0px;}
	.bg_change{ background-size: auto;}
	.bg3{ padding-bottom: 60px;}
	.bg3 p{ padding: 0 70px;}
	.bgen{ margin: 20px auto 0px auto; padding-top: 40px;}
	.title1{top: 21%; left: 7.5%;}
	.title2{top: 21%; right: 7.5%;}
	.cont2{margin:0px 30px 20px 30px;}
	.bgen2{ margin: 60px auto 0px auto; padding: 30px 0px 30px 25px;}
	.cont4{ margin: 20px 0px 0px 40px;}
	.cont4_1{ width: 827px;}
	.title3{top: 30.5%; left: 7.5%;}
	.title4{top: 30.5%; right: 7.5%;}
	.cont7{ margin: 30px 0px 30px 80px;}
}
@media screen and (max-width: 540px) {
	.banner1{display: none;}
	.banner2{display: block;}
	.con1{ max-width: 100%;}
	.bg1{ padding: 13px 0px;}
	.bg_change{ background-size: contain;}
	.bg3{ padding-bottom: 60px;}
	.bg3 p{ padding: 0 30px;}
	.bgen{ margin: 20px auto 0px auto; padding-top: 30px;}
	.title1{top: 18.7%; left: 12%;}
	.title2{top: 18.7%; right: 12%;}
	.cont2{margin:0px;}
	.bgen2{ margin: 40px auto 0px auto; padding: 30px 20px 30px 25px;}
	.cont3_1{ width: 10%;}
	.cont3_2{ width: 2%;}
	.cont3_3{ width: 86%;}
	.cont4{ margin: 20px 0px 0px 0px;}
	.cont4_1{ width: 86%;}
	.cont4_2{ width: 2%;}
	.cont4_3{ width: 10%;}
	.title3{top: 34.5%; left: 12%;}
	.title4{top: 34.5%; right: 12%;}
	.cont6{ width: 90%; margin-top: 30px;}
	.cont6 img{ width: 100%;}
	.cont7{ margin: 30px 0px 30px 30px;}
}