body{
	background-color: #FFF;
}

.header {
	height: 45px;
	background: url(../images/header_bg.png) center bottom no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
	white-space: nowrap;
}

.header .public-container {
	width: 1000px;
	position: relative;
	height: 100%;
	/* text-align: left; */
}

.header .link-content {
    position: absolute;
    display: flex;
    display: -webkit-flex;
    top: 36px;
    bottom: 0;
    line-height: 16px;
    left: 214px;
    height: 22px;
}

.header .link-content a {
    color: #ffffff;
    font-size: 16px;
    line-height: 16px;
    margin-right: 36px;
    position: relative;
}

.header .link-content a i{
    position: absolute;
    width: 62px;
    height: 2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #3082f2;
    bottom: 0;
    display: none;
}

.header .link-content a:hover i{
	display: block;
}

.header a.logo {
	position: absolute;
	width: 147px;
	height: 33px;
	background: url(../images/logo.png) center top no-repeat;
	top: 20px;
	left: 25px;
}

.header a.call-us{
    font-size: 16px;
    line-height: 16px;
    color: #FFF;
    position: absolute;
    top: 36px;
    left: 735px;
}

.banner{
	height: 1503px;
	background: url(../images/banner_bg.jpg) center bottom no-repeat;
}

.banner .banner-swiper{
	position: absolute;
	top: 0;
	left: -360px;
	right: -360px;
	height: 600px;
	z-index: 0;
}

.banner .banner-swiper .banner-swiper-container{
	width: 100%;
	height: 100%;
}

.banner .banner-swiper .banner-swiper-container .swiper-pagination1{
	bottom: 80px;
	height: 8px;
	line-height: 8px;
	font-size: 0;
}

.banner .banner-swiper .banner-swiper-container .swiper-pagination-bullet{
    opacity: 1;
    border: 1px solid #FFF;
    vertical-align: bottom;
    background: transparent;
	margin: 0 6px;
}

.banner .banner-swiper .banner-swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #FFF;
}

.banner .banner-swiper .banner-swiper-container .swiper-slide{
	background-position: center;
	background-repeat: no-repeat;
}

.banner .banner-swiper .banner-swiper-container .s1{
	background-image: url(../images/banner_swiper1.jpg);
}

.banner .banner-swiper .banner-swiper-container .s2{
	background-image: url(../images/banner_swiper2.jpg);
}

.banner .banner-swiper .title-one{
	width: 6px;
	height: 25px;
	position: absolute;
	top: 179px;
	left: 497px;
	white-space: nowrap;
}

.banner .banner-swiper .title-one>i{
	font-size: 30px;
	color: #ffffff;
	position: absolute;
	left: 16px;
	top: -5px;
	bottom: -5px;
	line-height: 35px;
}

.banner .banner-swiper .banner-swiper-container .s1 .title-one{
	background-color: #3082f2;
}

.banner .banner-swiper .banner-swiper-container .s2 .title-one{
	background-color: #ffcc02;
}

.banner .banner-swiper .title{
	color: #ffffff;
	position: absolute;
	left: 497px;
	font-weight: bold;
}

.banner .banner-swiper .banner-swiper-container .s1 .title{
	font-size: 80px;
	line-height: 80px;
	top: 223px;
}

.banner .banner-swiper .banner-swiper-container .s2 .title{
	font-size: 78px;
	line-height: 78px;
	top: 225px;
}

.banner .banner-swiper .line3{
	font-size: 30px;
	line-height: 30px;
	color: #ffffff;
	position: absolute;
	left: 497px;
	top: 320px;
}

.banner .banner-swiper .swiper-links{
	display: flex;
	display: -webkit-flex;
	width: 450px;
	position: absolute;
	left: 497px;
	top: 385px;
}

.banner .banner-swiper .swiper-links>a{
	width: 165px;
	height: 42px;
	line-height: 42px;
	border-radius: 0 0 10px 0;
	font-size: 20px;
	margin-right: 57px;
	overflow: hidden;
	position: relative;
}

.banner .banner-swiper .s1 .swiper-links>a{
	background-color: #3082f2;
	color: #ffffff;
}

.banner .banner-swiper .s2 .swiper-links>a{
	background-color: #ffcc02;
	color: #473b0d;
}

@-webkit-keyframes link-animate {
	0%{
		left: -50px;
	}

	100%{
		left: 250px;
	}
}

@keyframes link-animate {
	0%{
		left: -50px;
	}

	100%{
		left: 250px;
	}
}

.banner .banner-swiper .swiper-links>a .link-animate{
	position: absolute;
	top: -21px;
	animation-name: link-animate;
	-webkit-animation-name: link-animate;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

.banner .public-container{
	padding-top: 179px;
}

.banner .banner-form{
	position: relative;
	width: 350px;
	height: 280px;
	background-color: #ffffff;
	margin-left: 707px;
	padding: 24px 0 24px 0;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

.banner .banner-form .form-title{
	font-size: 30px;
	line-height: 30px;
	color: #162349;
}

.banner .banner-form .input-border{
    margin: 10px auto 12px;
    width: 240px;
    height: 31px;
    position: relative;
    background-color: #eaeaea;
    border-radius: 3px;
}

.banner .banner-form .input-border input,
.banner .banner-form .input-border select{
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    padding-left: 10px;
}

.banner .banner-form .input-border select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/select_triangle.png);
    background-position: 220px center;
    background-repeat: no-repeat;
}

.banner .banner-form .input-border .yzm{
	width: 119px;
	background-color: #eaeaea;
	border-radius: 3px;
}

.banner .banner-form .input-border .get-yzm{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    width: 108px;
    line-height: 31px;
    background-color: #162349;
    font-size: 16px;
    color: #cecece;
    border-radius: 3px;
}

.banner .banner-form .input-border .i-column{
	position: absolute;
	width: 1px;
	height: 21px;
	background-color: #28365c;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: 30px;
}

.banner .banner-form .input-border .i-left{
	position: absolute;
	width: 14px;
	height: 21px;
	border: 1px solid #28365c;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: 9px;
	border-radius: 2px;
}

.banner .banner-form .input-border .i-left>i{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.banner .banner-form .input-border .i-left .i-top{
	width: 10px;
	height: 13px;
	background-color: #28365c;
	top: 1px;
	border-radius: 2px;
}

.banner .banner-form .input-border .i-left .i-bottom{
	width: 2px;
	height: 2px;
	background-color: #28365c;
	bottom: 1px;
}

.banner .banner-form .form-submit{
	display: block;
	width: 164px;
	height: 43px;
	line-height: 43px;
	border-radius: 0 0 10px 0;
	font-size: 20px;
	color: #fffefe;
	margin-left: 91px;
	font-size: 20px;
	box-shadow: 0px 5px 5px 0px rgba(53, 166, 249, 0.2);
	background-color: rgb(56,192,255);
	background-image: -moz-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
}

.banner .banner-form .form-submit.another-class{
	color: #463b0d;
	background-color: rgb(255,204,2);
	background-image: -moz-linear-gradient( 0deg, rgb(255,204,2) 0%, rgb(255,163,2) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255,204,2) 0%, rgb(255,163,2) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255,204,2) 0%, rgb(255,163,2) 100%);
	background-image: linear-gradient( 0deg, rgb(255,204,2) 0%, rgb(255,163,2) 100%);
	box-shadow: 0px 5px 5px 0px rgba(255, 204, 2, 0.2);
}

.banner .banner-content{
	width: 979px;
	height: 271px;
	background-color: #ffffff;
	position: relative;
	margin-left: 110px;
	margin-top: 128px;
	box-shadow: 0px 0px 62px 0px rgba(31, 46, 90, 0.2);
	padding-top: 125px;
	margin-bottom: 152px;
}

.banner .banner-content .center-content{
    width: 917px;
    height: 18px;
    margin: 0 auto;
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 0 70px;
}

.banner .banner-content .center-content .content-bg{
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #17254e;
	top: 8px;
}

.banner .banner-content .center-content .every-circle{
	opacity: 0;
	height: 100%;
	width: 18px;
	border-radius: 50%;
	border: 1px solid #28365c;
	background-color: #ffffff;
	margin-right: 154px;
	position: relative;
}

.banner .banner-content .center-content .every-circle:last-of-type{
	margin-right: 0;
}

.banner .banner-content .center-content .circle-green{
	margin-right: 155px;
}

.banner .banner-content .center-content .every-circle .i-center{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.banner .banner-content .center-content .circle-blue .i-center{
	background-color: #27cbef;
}

.banner .banner-content .center-content .circle-green .i-center{
	background-color: #16cb63;
}

.banner .banner-content .center-content .circle-orange .i-center{
	background-color: #ff8f03;
}

.banner .banner-content .center-content .circle-red .i-center{
	background-color: #e4515f;
}

.banner .banner-content .center-content .circle-purple .i-center{
	background-color: #844bf3;
}

.banner .banner-content .center-content .every-circle .inside-content{
	width: 71px;
	height: 71px;
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	left: -72px;
	top: -77px;
	line-height: 71px;
	font-size: 0;
	white-space: nowrap;
	cursor: pointer;
}

.banner .banner-content .center-content .every-circle .inside-content .content-center{
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	line-height: 22px;
	color: #ffffff;
	font-weight: bold;
}

.banner .banner-content .center-content .every-circle .inside-content .content-right{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 76px;
}

.banner .banner-content .center-content .every-circle .inside-content .content-right>span{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: #000000;
}

.banner .banner-content .center-content .every-circle .inside-content .content-right>span i{
	display: inline-block;
	vertical-align: bottom;
	font-weight: bold;
}

.banner .banner-content .center-content .circle-blue .inside-content{
	background-image: url(../images/circle_blue.png);
}

.banner .banner-content .center-content .circle-green .inside-content{
	background-image: url(../images/circle_green.png);
	top: 26px;
}

.banner .banner-content .center-content .circle-orange .inside-content{
	background-image: url(../images/circle_orange.png);
}

.banner .banner-content .center-content .circle-red .inside-content{
	background-image: url(../images/circle_red.png);
	top: 26px;
}

.banner .banner-content .center-content .circle-purple .inside-content{
	background-image: url(../images/circle_purple.png);
}

.pub-title{
	width: 383px;
	height: 1px;
	background: url(../images/pub_title_bg.png) center no-repeat;
	position: relative;
	margin-left: 408px;
	white-space: nowrap;
}

.pub-title .title-top{
	font-size: 40px;
	line-height: 40px;
	font-weight: bold;
	color: #000000;
	position: absolute;
	bottom: 13px;
	left: 0;
	right: 0;
}

.pub-title .title-top i{
	color: #3082f2;
	display: inline-block;
	vertical-align: bottom;
}

.pub-title .title-bottom{
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	top: 12px;
	font-size: 18px;
	line-height: 18px;
	color: #000000;
}

.banner-links{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	padding: 0 151px 0;
	flex-wrap: wrap;
}

.banner-links .every-link{
	width: 220px;
	position: relative;
	white-space: nowrap;
}

.banner-links .every-link>i{
	font-size: 26px;
	color: #000000;
	font-weight: bold;
	line-height: 26px;
	position: absolute;
	left: 0;
	right: 0;
	top: -39px;
}

.banner-links .every-link>a{
	display: block;
	width: 220px;
	height: 45px;
	line-height: 45px;
	border-radius: 0 0 10px 0;
	font-size: 18px;
	color: #ffffff;
	box-shadow: 0px 5px 5px 0px rgba(53, 166, 249, 0.2);
}

.banner-links .every-link>a:first-of-type{
	margin-bottom: 15px;
	background-color: #589fff;
}

.banner-links .every-link>a:last-of-type{
	background-color: #3082f2;
}

.banner-links-one{
	margin-top: 136px;
	margin-bottom: 113px;
}

.pannel2{
	height: 815px;
	background-image: url(../images/pannel2_bg.png);
	background-color: #f8f8f8;
}

.pannel2 .public-container{
	padding-top: 115px;
}

.pannel2 .pannel2-content{
	width: 1522px;
	height: 589px;
	background: url(../images/pannel2_content.png) center no-repeat;
	position: absolute;
	top: 116px;
	left: -160px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 89px 291px 0 285px;
}

.pannel2 .pannel2-content .every-content{
	width: 408px;
	height: 96px;
	line-height: 96px;
	font-size: 0;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	padding: 0 22px;
}

.pannel2 .pannel2-content .every-content .content-inside{
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	color: #000000;
	font-size: 18px;
	line-height: 24px;
}

.pannel2 .pannel2-content .every-content .content-link{
	position: absolute;
	width: 136px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #ffffff;
	border-radius: 0 0 10px 0;
	background-color: rgb(56,192,255);
	background-image: -moz-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	box-shadow: 0px 5px 5px 0px rgba(53, 166, 249, 0.2);
	bottom: -15px;
	right: 24px;
}

.pannel2 .pannel2-content .every-content:nth-child(even){
	width: 517px;
	padding: 0 23px;
}

.pannel2 .pannel2-content .every-content:nth-child(even) .content-link{
	right: 22px;
}

.pannel2 .pannel2-content .every-content .content-title{
	font-size: 26px;
	line-height: 26px;
	white-space: nowrap;
	color: #000000;
	position: absolute;
	top: -13px;
	left: 22px;
}

.pannel2 .pannel2-content .every-content:nth-child(even) .content-title{
	left: 23px;
}

.pannel2 .pannel2-content .content1{
	background-image: url(../images/pannel2_content1.png);
}

.pannel2 .pannel2-content .content2{
	background-image: url(../images/pannel2_content2.png);
}

.pannel2 .pannel2-content .content3{
	background-image: url(../images/pannel2_content3.png);
}

.pannel2 .pannel2-content .content4{
	background-image: url(../images/pannel2_content4.png);
}

.pannel2 .pannel2-content .content5{
	background-image: url(../images/pannel2_content5.png);
}

.pannel2 .pannel2-content .content6{
	background-image: url(../images/pannel2_content6.png);
}

.pannel3{
    background-image: url(../images/pannel3.jpg);
}

.pannel3 .public-container{
	padding-top: 138px;
}

.pannel3 .change-part{
	display: none;

}

.pannel3 .title3{
	margin-bottom: 98px;
}

.pannel3 .every-title{
	width: 23px;
	height: 23px;
	background-color: #3082f1;
	position: relative;
	margin-left: 131px;
	white-space: nowrap;
}

.pannel3 .every-title>i{
	position: absolute;
}

.pannel3 .every-title .i-no{
	top: 0;
    bottom: 0;
    line-height: 23px;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    font-style: italic;
    left: 6px;
}

.pannel3 .every-title .i-title{
	top: 50%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	font-size: 24px;
	line-height: 24px;
	color: #000000;
	font-weight: bold;
	left: 29px;
}

.pannel3 .every-title .i-line{
	width: 756px;
	height: 1px;
	top: 0;
    bottom: 0;
    background-color: #17254e;
	margin: auto 0;
    left: 184px;
}

.pannel3 .choose-title1{
	margin-bottom: 29px;
}

.pannel3 .choose-title2{
	margin-bottom: 31px;
}

.pannel3 .choose-title3{
	margin-bottom: 30px;
}

.pannel3 .change-buttons{
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    padding-left: 159px;
    padding-right: 140px;
    border-bottom: 1px solid transparent;
    flex-wrap: wrap;
}

.pannel3 .change-buttons>i{
	height: 32px;
	line-height: 32px;
	border-radius: 16px;
	font-size: 18px;
	color: #777777;
	background-color: #eeeeee;
	cursor: pointer;
}

.pannel3 .change-buttons>i.choosed{
	color: #ffffff;
	font-size: 18px;
	background-color: rgb(56,192,255);
	background-image: -moz-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image:linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
}

.pannel3 .online-outline{
    margin-bottom: 38px;
}

.pannel3 .online-outline>i{
	width: 166px;
	margin-right: 25px;
}

.pannel3 .place-choose{
    margin-bottom: 29px;
}

.pannel3 .place-choose>i{
	width: 140px;
	margin-right: 14px;
	margin-bottom: 18px;
}

.pannel3 .job-choose{
	margin-bottom: 18px;
	display: none;
}

.pannel3 .job-choose .change-buttons>i{
	margin-bottom: 18px;
	margin-right: 21px;
	padding: 0 20px;
}

/* class-css-start */
.pannel3 .table-border{
	position: relative;
}

.pannel3 .table-border .blue-bg{
	position: absolute;
	left: -360px;
	right: -360px;
	height: 67px;
	background-color: #162349;
	top: 49px;
}

.pannel3 .table-border .table-content{
    position: relative;
    min-height: 228px;
    border-bottom: 1px solid transparent;
    width: 1060px;
    border-radius: 0 0 40px 0;
    box-shadow: 0px 10px 20px 0px rgb(31 46 90 / 20%);
    background-color: #ffffff;
    margin: 0 auto;
    padding-top: 20px;
}

.pannel3 .table-border .table-content .table-bg{
	position: absolute;
	top: 0;
	bottom: -1px;
	right: 0;
	width: 568px;
	background: url(../images/table_bg.png) left bottom no-repeat;
}

.pannel3 .table-border .table-content .table-title{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding-left: 26px;
    position: relative;
    height: 24px;
	margin-bottom: 14px;
}

.pannel3 .table-border .table-content .table-title .title-content{
	color: #17254e;
	line-height: 24px;
	font-size: 24px;
}

.pannel3 .table-border .table-content .table-title .right-part{
    flex: 1;
    position: relative;
    height: 100%;
}

.pannel3 .table-border .table-content .table-title .right-part .i-line{
	position: absolute;
	height: 1px;
	background-color: #17254e;
	left: 15px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: 99px;
}

.pannel3 .table-border .table-content .table-title .right-part .offcn{
    position: absolute;
    top: 0;
    bottom: 0;
    line-height: 24px;
    font-size: 14px;
    color: #17254e;
    right: 37px;
}

.pannel3 .table-border .table-content .table-title .right-part .i-cross{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
	width: 10px;
	height: 11px;
    right: 21px;
	background-color: #17254e;
}

.pannel3 .table-border .table-content table{
    width: 810px;
    margin-left: 25px;
    height: 147px;
    border-collapse: collapse;
    border: 1px solid #17254e;
    font-size: 16px;
    line-height: 26px;
    color: #17254e;
    margin-bottom: 10px;
	position: relative;
}

.pannel3 .table-border .table-content table th{
    background-color: #17254e;
    font-size: 16px;
    color: #ffffff;
    height: 30px;
}

.pannel3 .table-border .table-content table td{
	border: 1px solid #17254e;
}

.pannel3 .table-border .table-content table td:nth-child(2){
	text-align: left;
}

.pannel3 .table-border .table-content .right-link{
    position: absolute;
    width: 178px;
    height: 36px;
    line-height: 36px;
    background-color: #fed195;
    border-radius: 0 0 10px 0;
    font-size: 18px;
    color: #17254e;
    right: 21px;
}

.pannel3 .table-border .table-content .top-link{
	top: 81px;
}

.pannel3 .table-border .table-content .bottom-link{
	top: 133px;
}
/* class-css-end */

/* another-css-start */
.pannel3 .table-border .another-css .table-title .title-content{
    color: #000000;
}

.pannel3 .table-border .another-css .table-title .right-part .i-line{
    background-color: #000000;
}

.pannel3 .table-border .another-css .table-title .right-part .offcn{
    color: #000000;
}

.pannel3 .table-border .another-css .table-title .right-part .i-cross{
    background-color: #000000;
}

.pannel3 .table-border .another-css table{
    color: #000000;
    border: 1px solid #eeeeee;
}

.pannel3 .table-border .another-css table th{
    background-color: #eeeeee;
    color: #777777;
}

.pannel3 .table-border .another-css table td{
	border: 1px solid #eeeeee;
}

.pannel3 .table-border .another-css .right-link{
	background-color: #3082f1;
	color: #ffffff;
}
/* another-css-end */

.pannel3 .pannel3-content{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding-left: 205px;
    padding-right: 206px;
    margin-top: 108px;
    margin-bottom: 151px;
}

.pannel3 .pannel3-content .every-circle{
	width: 129px;
	height: 91px;
	border-radius: 50%;
	background-color: rgba(48,130,242,0.1);
	position: relative;
}

.pannel3 .pannel3-content .every-circle .pannel3-img{
	position: absolute;
}

.pannel3 .pannel3-content .every-circle .line1,
.pannel3 .pannel3-content .every-circle .line2{
	position: absolute;
	white-space: nowrap;
	left: 0;
	right: 0;
	color: #152860;
}

.pannel3 .pannel3-content .every-circle .line1{
	font-size: 18px;
	line-height: 18px;
	bottom: -38px;
}

.pannel3 .pannel3-content .every-circle .line2{
	width: 122px;
	height: 30px;
	line-height: 30px;
	background: url(../images/line2.png) center no-repeat;
	font-weight: bold;
	font-size: 24px;
	bottom: -82px;
	margin: 0 auto;
}

.pannel3 .pannel3-content .every-circle .links{
	position: absolute;
	left: -63px;
	right: -63px;
	bottom: -131px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

.pannel3 .pannel3-content .every-circle .links a{
	width: 122px;
	height: 35px;
	line-height: 35px;
	border-radius: 0 0 10px 0;
	background-color: #152860;
	font-size: 18px;
	color: #ffffff;
}

.pannel3 .pannel3-content .pannel3-circle1 .pannel3-img{
	left: 24px;
	bottom: 18px;
}

.pannel3 .pannel3-content .pannel3-circle2 .pannel3-img{
	left: 12px;
	bottom: 20px;
}

.pannel3 .pannel3-content .pannel3-circle3 .pannel3-img{
	left: 14px;
	bottom: 23px;
}

.title4{
	margin-top: 172px;
}

.pannel3 .pannel3-line{
	width: 915px;
	height: 1px;
	background-color: #17254e;
	display: block;
	position: relative;
	margin-left: 142px;
}

.pannel3 .pannel3-line>i{
	position: absolute;
	width: 122px;
	left: 0;
	top: -2px;
	bottom: -2px;
	background-color: #3082f2;
}

.pannel3 .pannel3-line>i:last-of-type{
	width: 120px;
	right: 0;
	left: auto;
}

.pannel3 .pannel3-links{
	margin-top: 36px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	padding-left: 325px;
	padding-right: 327px;
	margin-bottom: 20px;
}

.pannel3 .pannel3-links a{
	width: 220px;
	height: 41px;
	border-radius: 0 0 15px 0;
	line-height: 39px;
	border: 1px solid #3082f2;
	font-size: 20px;
	color: #3082f2;
}

.pannel4{
	background-color: #f8f8f8;
	height: 644px;
}

.pannel4 .public-container{
	padding-top: 136px;
}

.pannel4 .title5{
	margin-bottom: 37px;
}

.pannel4 .pannel4-swiper{
	width: 520px;
	height: 292px;
	margin-left: 126px;
}

.pannel4 .pannel4-swiper .swiper-container2{
	width: 100%;
	height: 100%;
}

.pannel4 .pannel4-swiper .swiper-container2 a{
	display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.pannel4 .pannel4-swiper .swiper-container2 a.link1{
	background-image: url(../images/swiper_bg4.png);
}

/* .pannel4 .pannel4-swiper .swiper-container2 a.link2{
	background-image: url(../images/swiper_bg2.png);
}

.pannel4 .pannel4-swiper .swiper-container2 a.link3{
	background-image: url(../images/swiper_bg3.png);
} */

.pannel4 .pannel4-swiper .swiper-container2 .swiper-pagination2{
	bottom: 15px;
	height: 8px;
	line-height: 8px;
	font-size: 0;
}

.pannel4 .pannel4-swiper .swiper-container2 .swiper-pagination-bullet{
    opacity: 1;
    border: 1px solid #17254e;
    vertical-align: bottom;
    background: transparent;
	margin: 0 6px;
}

.pannel4 .pannel4-swiper .swiper-container2 .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #17254e;
}

.pannel4 .pannel4-right{
	position: absolute;
	top: 217px;
	left: 668px;
}

.pannel4 .pannel4-right .every-content{
	width: 157px;
	height: 45px;
	line-height: 45px;
	font-size: 0;
	background-color: #3082f2;
	border-radius: 0 0 15px 0;
	white-space: nowrap;
	position: relative;
	cursor: pointer;
}

.pannel4 .pannel4-right .content2{
	margin-top: 35px;
	margin-bottom: 34px;
}

.pannel4 .pannel4-right .every-content .inside-content{
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #ffffff;
    line-height: 20px;
}

.pannel4 .pannel4-right .every-content .content-right{
	position: absolute;
	top: -4px;
	bottom: -4px;
	left: 166px;
	line-height: 53px;
	text-align: left;
}

.pannel4 .pannel4-right .every-content .content-right i{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #000000;
    line-height: 22px;
}

.pannel4 .pannel4-link{
	display: block;
	width: 220px;
	height: 41px;
	line-height: 41px;
	border-radius: 0 0 15px 0;
	margin: 37px auto 0;
	font-size: 20px;
	color: #ffffff;
	background-color: rgb(56,192,255);
	background-image: -moz-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	box-shadow: 0px 5px 5px 0px rgba(53, 166, 249, 0.2);
}

.public-footer {
	height: 211px;
	background-color: #162349;
	color: #FFF;
}

.public-footer .public-container {
	line-height: 100px;
	font-size: 0;
}

.public-footer .public-container p {
    display: inline-block;
    font-size: 12px;
    line-height: 22px;
    vertical-align: middle;
}

.fixed-bottom{
	position: fixed;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	height: 111px;
	background: url(../images/fixed_bottom.png) center no-repeat;
	display: none;
}

.fixed-bottom .bottom-close{
	width: 23px;
	height: 24px;
	position: absolute;
	top: 4px;
	left: 1047px;
	background-color: #3082f2;
	font-size: 0;
	line-height: 24px;
	border-radius: 50%;
	cursor: pointer;
}

.fixed-bottom .bottom-close img{
	vertical-align: middle;
}

.fixed-bottom .bottom-title{
    position: absolute;
    left: 205px;
    top: 27px;
}

.fixed-bottom .banner-form{
    position: absolute;
    width: 614px;
    height: 27px;
    left: 205px;
    top: 68px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.fixed-bottom .banner-form .input-border{
    width: 190px;
    height: 100%;
    position: relative;
    background-color: #eaeaea;
    border-radius: 0 0 10px 0;
    overflow: hidden;
}

.fixed-bottom .banner-form .input-border input,
.fixed-bottom .banner-form .input-border select{
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
	background-color: transparent;
	font-size: 16px;
	padding-left: 10px;
}

.fixed-bottom .banner-form .input-border select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/select_triangle.png);
    background-position: 170px center;
    background-repeat: no-repeat;
}

.fixed-bottom .banner-form .input-border .yzm{
	width: 119px;
	background-color: #eaeaea;
	border-radius: 3px;
}

.fixed-bottom .banner-form .input-border .get-yzm{
    position: absolute;
    right: 2px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    cursor: pointer;
    width: 85px;
    height: 23px;
    line-height: 23px;
    background-color: #3082f2;
    font-size: 16px;
    color: #FFF;
    white-space: nowrap;
    border-radius: 0 0 10px 0;
}

.fixed-bottom .form-submit{
    position: absolute;
    width: 136px;
    height: 68px;
    line-height: 68px;
    border-radius: 0 0 30px 0;
    top: 27px;
    color: #ffffff;
    left: 884px;
    font-size: 22px;
    box-shadow: 0px 5px 5px 0px rgba(53, 166, 249, 0.2);
    background-color: rgb(56,192,255);
    background-image: -moz-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
    background-image: linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
}

.float-right{
	position: fixed;
	width: 114px;
	height: 433px;
	right: -1px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	text-align: center;
}

.float-right .float-right-close{
    width: 23px;
    height: 23px;
    position: absolute;
    top: 0px;
    right: 0;
    background-color: #3082f2;
    font-size: 0;
    line-height: 23px;
    border-radius: 50%;
    cursor: pointer;
}

.float-right .float-right-close>img{
	vertical-align: middle;
}

.float-right .top-content{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 327px;
    background-color: #ffffff;
    border-radius: 30px 0 0 30px;
    padding-top: 16px;
    box-shadow: 0px 10px 15px 0px rgb(79 79 79 / 20%);
}

.float-right .bottom-content{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 96px;
	border-radius: 30px 0 0 30px;
	box-shadow: 0px 5px 5px 0px rgba(53, 166, 249, 0.2);
	background-color: rgb(56,192,255);
	background-image: -moz-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	padding-top: 71px;
}

.float-right .bottom-content .bottom-img{
    position: absolute;
    left: 31px;
    top: 9px;
}

.float-right .bottom-content .bottom-line{
	display: block;
	color: #ffffff;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
}

.float-right .top-content a{
    display: block;
    text-align: center;
    color: #1e2740;
    font-size: 16px;
    line-height: 36px;
    position: relative;
}

.float-right .top-content a img{
	position: absolute;
	display: none;
}

.float-right .top-content a img:first-of-type{
    left: -4px;
    top: 6px;
}

.float-right .top-content a:hover img.we-chat{
    top: -40px;
    right: 116px;
	display: block;
}

.float-right .top-content a.link-hover img:first-of-type{
	display: block;
}

.float-right .top-content .to-top{
	width: 95px;
	height: 44px;
	border-radius: 0 0 0 25px;
	cursor: pointer;
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
	font-style: italic;
	line-height: 44px;
	position: absolute;
	left: 10px;
	bottom: 12px;
	background-color: rgb(56,192,255);
	background-image: -moz-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image:linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
}

.float-left{
    position: fixed;
    width: 170px;
    height: 352px;
    left: 0px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    text-align: center;
    background-color: #ffffff;
    border-radius: 0 30px 30px 0;
}

.float-left .links{
    display: flex;
    display: -webkit-flex;
    height: 100%;
    flex-wrap: wrap;
}

.float-left a{
    width: 100%;
    text-align: center;
    color: #1e2740;
    font-size: 16px;
    position: relative;
    line-height: 32px;
}

.float-left .float-right-close{
    width: 24px;
    height: 24px;
    position: absolute;
    top: 4px;
    left: 4px;
    background-color: #3082f2;
    font-size: 0;
    line-height: 24px;
    border-radius: 50%;
    cursor: pointer;
}

.float-left .float-right-close>img{
	vertical-align: middle;
}

.window-alert{
    width: 600px;
    height: 240px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    border: 1px solid #aeaeae;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: center;
    padding: 0 20px;
	background: #fff;
	z-index: 1;
}

.window-alert.window-alert-close{
	display: none;
}

.window-alert .closedxf{
	display: block;
	    width: 30px;
	    height: 30px;
	    position: absolute;
	    right: 0;
	    top: 0;
	    line-height: 30px;
	    font-size: 24px;
		font-weight: bold;
	    cursor: pointer;
}

.window-alert>span{
    cursor: pointer;
    line-height: 46px;
    width: 130px;
    color: #2d374b;
    background: #ddd;
    font-weight: bold;
    font-size: 18px;
    white-space: nowrap;
}

.window-alert>a{
	cursor: pointer;
	line-height: 46px;
	width: 60px;
	color: #2d374b;
	font-size: 18px;
	white-space: nowrap;
}

.window-alert>i{
	height: 0;
	width: 60px;
}

.window-second{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 1;
	display: none;
}

.window-second .window-second-inside{
    text-align: center;
    width: 810px;
    height: 456px;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 0px 0px 62px 0px rgb(31 46 90 / 20%);
}

.window-second .window-second-inside .second-close{
    width: 28px;
    height: 28px;
    position: absolute;
    top: -30px;
    right: -30px;
    background-color: #3082f2;
    font-size: 0;
    line-height: 28px;
    border-radius: 50%;
    cursor: pointer;
}

.window-second .window-second-inside .second-close img{
	vertical-align: middle;
}

.window-second .window-second-inside iframe{
    display: block;
    width: 100%;
    height: 100%;
    border: none;
}

.outline-class iframe{
    display: block;
    width: 100%;
    border: none;
    box-shadow: 0px 10px 20px 0px rgb(31 46 90 / 20%);
    height: 880px;
}

.float-right2{
	cursor: pointer;
	display: none;
	text-align: center;
	width: 114px;
	position: fixed;
	bottom: 0;
	top: 0;
	margin: auto 0;
	right: 0;
	height: 96px;
	border-radius: 30px 0 0 30px;
	box-shadow: 0px 5px 5px 0px rgba(53, 166, 249, 0.2);
	background-color: rgb(56,192,255);
	background-image: -moz-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	padding-top: 71px;
}

.float-right2 .bottom-img{
    position: absolute;
    left: 31px;
    top: 9px;
}

.float-right2 .bottom-line{
	display: block;
	color: #ffffff;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
}

.float-left2{
	cursor: pointer;
	display: none;
	text-align: center;
	width: 114px;
	position: fixed;
	bottom: 0;
	top: 0;
	margin: auto 0;
	left: 0;
	height: 96px;
	border-radius: 0px 30px 30px 0px;
	box-shadow: 0px 5px 5px 0px rgba(53, 166, 249, 0.2);
	background-color: rgb(56,192,255);
	background-image: -moz-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	background-image: linear-gradient( 0deg, rgb(56,192,255) 0%, rgb(48,130,241) 100%);
	padding-top: 71px;
}

.float-left2 .bottom-img{
    position: absolute;
    left: 31px;
    top: 9px;
}

.float-left2 .bottom-line{
	display: block;
	color: #ffffff;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
}

.window_secret{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.4);
	z-index: 1;
	display: none;
}

.window_secret .secret_border{
    width: 280px;
    height: 100px;
    line-height: 100px;
    font-size: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    margin: auto;
    border-radius: 20px;
}

.window_secret .secret_border .agree_span{
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	vertical-align: middle;
	padding: 0 10px;
	cursor: pointer;
}

.window_secret .secret_border .agree_span input{
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: text-bottom;
}

.window_secret .secret_border .agree_span a{
    color: #1579D7;
}

.window_secret .secret_border .agree_close{
	width: 28px;
	height: 28px;
	position: absolute;
	top: -30px;
	right: -30px;
	background-color: #3082f2;
	font-size: 0;
	line-height: 28px;
	border-radius: 50%;
	cursor: pointer;
	text-align: center;
}

.window_secret .secret_border .agree_close img{
    vertical-align: middle;
}