* {

	margin: 0 auto;

	padding: 0;

	list-style: none;

	text-decoration: none;



}

input{
	outline: 0;
}

body {

	width: 100%;

	height: 100%;

	min-width: 1200px;

}



.header {

	height: 100%;

}



.top {

	height: 40px;

	background-color: #fbfbfb;

	font-size: 0.75rem;

	border-bottom: 1px solid #e5e5e5;

	color: #666666;

}



.top_main {

	width: 1200px;

	line-height: 36px;

}



.top_ul_01 li {

	float: left;

	padding-right: 15px;

}



.top_ul_02 li {

	float: right;

	padding-left: 15px;

}



.top_ul_02 a {

	color: #666666;



}



.logo {

	height: 100px;

	background-image: url(../img/pc_logo.png);

}



.logo_img {

	width: 1200px;

}



.logo_img>img {

	margin-top: 8px;

}



.nav {

	height: 50px;

	background-color: #336abf;

}



.nav>ul {

	width: 1200px;

	line-height: 50px;

	font-size: 16px;

}



.nav>ul>li {

	width: 150px;

	height: 50px;

	float: left;

	text-align: center;

	cursor: pointer;

}



.nav li:hover {

	background-color: #205cb8;

}



.nav li:hover .xiala {

	display: block;

	background-color: #3466b4;

}



.nav li:nth-child(8):hover .xiala_1 {

	display: block;

	background-color: #3466b4;

}



.nav a {

	color: white;

	width: 145px;

	height: auto;

	display: block;
	padding: 14px 0;
	line-height: 22px;

}



.nav>ul>li .xiala,

.xiala_1 {

	display: none;

	position: relative;

	z-index: 2;

	color: white;

	background-color: #3466b4;

}



.swiper-container {

	width: 100%;

	height: 630px;

	max-width: 1920px;

	min-width: 1200px;

	min-height: 300px;

}



.swiper-container img {

	width: 100%;

	height: 100%;



}



.zykc {

	width: 1200px;

	height: 100px;

	background-color: #ffffff;

	box-shadow: 0px 6px 9px 1px rgba(0, 0, 0, 0.09);

	z-index: 999;

	position: absolute;

	left: 50%;

	top: 760px;

	transform: translateX(-50%);

}



.zykc ul {

	padding-top: 25px;

}



.zykc li {

	width: 295px;

	height: 64px;

	border-right: 1px solid #dbdbdb;

	float: left;

}



.zykc li:nth-child(4) {

	border-right: none;

}



.zykc img {

	float: left;

	margin-left: 83px;

	margin-right: 18px;

}



.zykc p {

	font-size: 24px;

	font-weight: bold;

	color: #27559c;

}



.zykc span {

	margin-top: 11px;

	font-size: 16px;

	color: #666666;

}



.zyjs {

	width: 1200px;

	height: 337px;

	margin-top: 110px;

	/* 	overflow: hidden; */

	position: relative;

}



.zyjs>h1 {

	font-size: 32px;

	color: #27559c;

}



.zyjs .xd {

	width: 26px;

	height: 2px;

	background-color: #333;

	float: left;

	margin-top: 15px;

	margin-right: 10px;

}



.zyjs_text {

	width: 630px;

	height: 170px;

	float: left;

	background-color: #f5f5f5;

	font-size: 14px;

	letter-spacing: -0.25px;

	line-height: 25px;

	text-indent: 2rem;

	padding-top: 50px;

	padding-left: 16px;

	padding-right: 50px;

	overflow: hidden;

	margin-top: 16px;

}



.zyjs a {

	font-size: 12px;

	color: #27559c;

	position: absolute;

	top: 268px;

	left: 340px;

}



.js_jx {

	width: 484px;

	height: 316px;

	border: solid 3px #27559c;

	opacity: 0.71;

	position: absolute;

	top: 0px;

	right: 0px;

}



.js_video {

	width: 476px;

	height: 303px;

	background-color: #000000;

	position: absolute;

	top: 33px;

	right: 35px;

}



.js_video>video {

	width: 100%;

	height: 100%;

}



.zrkc {

	width: 1200px;

	height: 100%;

	margin-top: 70px;

	clear: both;

}



.kc_top {

	height: 40px;

	position: relative;

}



.kc_top>ul>li {

	width: 111px;

	float: left;

	text-align: center;

	line-height: 40px;

	font-size: 16px;

	border-radius: 7px;

	cursor: pointer;

}



.course-active {

	color: white;

	background-color: #264e8b;

}



.font1 {

	color: #FFFFFF;

}



.kc_top input {

	width: 205px;

	height: 100%;

	float: right;

	border-radius: 19px;

	border: solid 1px #e5e5e5;

	color: #999;

	padding-left: 18px;

}



.kc_top img {

	position: absolute;

	top: 9px;

	right: 13px;

	cursor: pointer;

}



.zrkc_main {

	width: 100%;

}



.zrkc_main>ul {

	margin-top: 26px;

}



.zrkc_main>ul>li {

	width: 390px;

	height: 274px;

	float: left;

	position: relative;

	overflow: hidden;

	/* transition: all 2s;

	-webkit-transition: width 2s; */

}



.fangda {

	width: 390px;

	height: 274px;

	transition: width 0.8s, height 0.8s;

	position: relative;

	overflow: hidden;

}



.fangda:hover {

	width: 440px;

	height: 324px;

}



.zrkc_main>ul>li:nth-child(1) {

	background-color: #27559c;

	color: #ffffff;

}



.zrkc_main h1 {

	padding-top: 55px;

	margin-left: 46px;

	font-size: 32px;

}



.zrkc_main .xd {

	width: 26px;

	height: 2px;

	background-color: #fff;

	float: left;

	margin-top: 15px;

	margin-left: 46px;

	margin-right: 10px;

}



.ckgd {

	width: 112px;

	height: 31px;

	margin-top: 70px;

	margin-left: 46px;

	background-color: #ffffff;

	box-shadow: 5px 3px 10px 0px rgba(40, 82, 139, 0.15);

	border-radius: 6px;



	font-size: 14px;

	line-height: 31px;

	text-align: center;

}



.ckgd a {

	color: #27559c;

}



.zrkc_text {

	width: 390px;

	height: 97px;

	background-color: rgba(0, 0, 0, 0.7);

	position: absolute;

	bottom: 0;

	left: 0;

}



.zrkc_main li a .zrkc_text {

	color: #fff;

}



.zrkc_text01 span {

	font-size: 18px;

	font-weight: bold;

}



.zrkc_text01 {

	font-size: 16PX;

	margin: 20px 13px 18px;

}



.zrkc_text02 {

	font-size: 12px;

	margin: 0 20px;

	position: relative;

}



.zrkc_text01 p,

.zrkc_text02_1 {

	float: right;

}



.zrkc_text02 p {

	display: inline;

	margin-left: 30px;

}



.zrkc_text02_1 img {

	position: absolute;

	top: 0px;

	right: 70px;

}



.zrkc_text02>img {

	position: absolute;

	top: -2px;

	left: 12px;



}



.zrkc_main>ul>li:nth-child(2) {

	margin: 0 15px;

}



.zrkc_main>ul>li:nth-child(5) {

	margin: 15px 15px 0px;



}







.kc_janju {

	margin-top: 15px;

}



.yh {

	width: 1200px;

	height: 130px;

	clear: both;

	padding-top: 70px;

}



.yh li {

	float: left;

	position: relative;

}



.yh li:nth-child(1) {

	margin-right: 53px;

}



.yh li:nth-child(2) {

	margin-right: 53px;

}



.yh li:nth-child(3) {

	margin-right: 53px;

}



.yh_text {

	position: absolute;

	top: 62px;

	left: 15px;

}



.yh_text>p {

	margin-top: 5px;

}



.yh_text {

	color: #FFFFFF;

}



.zrwk {

	width: 1200px;

	height: 100%;

	margin-top: 69px;

}



.zrwk>ul>li {

	width: 390px;

	height: 274px;

	float: left;

	position: relative;

	overflow: hidden;

	/* transition: all 3s; */

}



/* .zrwk>ul>li:hover .fangda{

	 transform: scale(1.4);

} */

.zrwk>ul>li:nth-child(1) {

	background-color: #27559c;

	color: #ffffff;

}



.zrwk h1 {

	padding-top: 55px;

	margin-left: 46px;

	font-size: 32px;

}



.zrwk .xd {

	width: 26px;

	height: 2px;

	background-color: #fff;

	float: left;

	margin-top: 15px;

	margin-left: 46px;

	margin-right: 10px;

}



.zrwk>ul>li:nth-child(2) {

	margin: 0 15px;

}



.zrwk>ul>li:nth-child(5) {

	margin: 15px 15px 0px;



}



.zrwk li a .zrkc_text {

	color: #fff;

}



.xngc {

	width: 1200px;

	height: 165px;

	padding-top: 70px;

	padding-bottom: 70px;

	clear: both;

}



.zrsc {

	width: 100%;

	height: 897px;

	background-image: url(../img/zrsc.png);

	max-width: 1920px;

}



.sc {

	width: 1200px;

	height: 100%;

}



.sc h1 {

	padding-top: 55px;

	margin-left: 46px;

	font-size: 32px;

	color: #FFFFFF;

}



.sc h2 {

	color: #fff;

}



.sc .xd {

	width: 26px;

	height: 2px;

	background-color: #fff;

	float: left;

	margin-top: 15px;

	margin-left: 46px;

	margin-right: 10px;

}



.sc ul {

	height: 614px;

	margin-top: 46px;

	margin-bottom: 30px;

}



.sc li {

	width: 276px;

	height: 276px;

	float: left;

	margin-right: 31px;

	background-color: #fff;



}



.sc li:nth-child(4) {

	margin-right: 0;

}



.sc li:nth-child(8) {

	margin-right: 0;

}



.sc_jianju {

	margin-top: 30px;

	box-shadow: 3px 2px 21px 0px rgba(0, 0, 0, 0.1);

}



.sc img {

	width: 100%;

}



.sc_text {

	width: 220px;

}



.sc h4 {

	font-size: 14px;

	color: #333;

	margin-top: 10px;

	margin-bottom: 8px;

}



.sc li p {

	font-size: 12px;

	color: #666666;

	line-height: 20px;

}



.sc li p:nth-child(3) {

	float: right;

}



.sc li:hover {

	background-color: #e2edff;

}



.sc li:hover h4 {

	color: #3663a7;

}





.gdkc a {

	color: #1d4992;

	text-align: center;

	line-height: 31px;

	font-size: 14px;

	background-color: #fff;

	padding: 9px 27px;

	border-radius: 16px;

}



.gdkc {

	width: 112px;

	height: 31px;

	box-shadow: 5px 3px 10px 0px rgba(40, 82, 139, 0.15);

	z-index: 999;

}



.zrzx {

	width: 100%;

	height: 619px;

	background-color: #f7f7f7;

}



.zx {

	width: 1200px;

	height: 100%;

}



.zx>h1 {

	padding-top: 55px;

	margin-left: 46px;

	font-size: 32px;

	color: #18448a;

}



.zx .xd {

	width: 26px;

	height: 2px;

	background-color: #000;

	float: left;

	margin-top: 15px;

	margin-left: 46px;

	margin-right: 10px;

}



.zx_main {

	height: 397px;

	overflow: hidden;

	margin-top: 40px;

	position: relative;

}



.zx_img {

	position: relative;

	float: left;

}



.zx_img_text {

	width: 600px;

	height: 127px;

	background-color: rgba(0, 0, 0, 0.68);

	position: absolute;

	bottom: 0;

	left: 0;

	color: #ffffff;

}



.zx_img_text01 {

	float: left;

	margin-top: 31px;

	margin-left: 41px;

}



.zx_img_text01 p:nth-child(1) {

	font-size: 36px;

	text-align: center;

}



.zx_img_text02 {

	margin-right: 89px;

	width: 361px;

	float: right;

	margin-top: 45px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.zx_img_text02 a {

	color: #fff;

}



.zx_img_text02 p:nth-child(2) {

	font-size: 14px;

	margin-top: 14px;

	margin-right: 100px;

}



.zx_main ul {

	float: right;

	height: 100%;

	overflow: hidden;

}



/* .zx_main li{

	width: 600px;

	height: 100px;

	background-color: #fff;

	

} */



.zx_main li:nth-child(1) {

	position: absolute;

	right: 0;

	top: 0;



}





.zx_main li:nth-child(2) {

	position: absolute;

	right: 0;

	top: 100px;

}



.zx_main li:nth-child(3) {

	position: absolute;

	right: 0;

	top: 200px;

}



.zx_main li:nth-child(4) {

	position: absolute;

	right: 0;

	top: 300px;

}



/* .zx_main li a{

	color: #000;

} */

.zx_li_text01 {

	float: left;

	/* margin-top: 15px; */

	/* margin-left:40px; */

	position: absolute;

	top: 15px;

	right: 488px;

}



.zx_li_text01 p:nth-child(1) {

	font-size: 36px;

	text-align: center;

}



.zx_li_text02 {

	margin-right: 89px;

	width: 361px;

	float: right;

	margin-top: 22px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.zx_li_text02 p:nth-child(2) {

	font-size: 14px;

	margin-top: 14px;

	margin-right: 100px;

}







/* .zx_main li:hover .zx_li_text01{

	margin-left:70px;

} */



.xxoo {

	width: 600px;

	height: 100px;

	position: relative;

	background-color: #FFFFFF;

}



.xxoo a {

	color: #000;

}



.xxoo .zx_main_miaoshu,

.xxoo .nianyue {



	color: #999;

}



.active {

	position: absolute;

	right: 0;

	width: 630px;

	background-color: #1266bb;

}



.active a {

	color: #fff;



}



.active .zx_main_miaoshu,

.active .nianyue {



	color: #fff;

}





.jstd {

	width: 100%;

	height: 430px;

	max-width: 1920px;

	background-image: url(../img/cjtd.png);

}



.td {

	width: 1200px;

	height: 100%;

}



.td>h1 {

	padding-top: 55px;

	margin-left: 46px;

	font-size: 32px;

	color: #18448a;

}



.td .xd {

	width: 26px;

	height: 2px;

	background-color: #000;

	float: left;

	margin-top: 15px;

	margin-left: 46px;

	margin-right: 10px;

}



.zcyx {

	height: 63px;

	background-color: #ffffff;

	box-shadow: 4px 3px 28px 4px rgba(24, 24, 24, 0.05);

	margin-top: 33px;

	line-height: 63px;

}



.zcyx span,

.cjdw span {

	font-size: 16px;

	float: left;

	font-weight: bold;

	padding-left: 20px;

	color: #27559c;



}



.zcyx li {

	float: left;

	font-size: 14px;

	padding-left: 20px;

}



.cjdw {

	height: 122px;

	margin-top: 15px;

	box-shadow: 4px 3px 28px 4px rgba(24, 24, 24, 0.05);

	/* background-image: url(../img/cjtd.png); */

}



.cjdw span {

	margin-top: 20px;

}



.cjdw ul {

	font-size: 12px;

	padding-top: 22px;

	width: 1020px;

}



.cjdw li {

	float: left;

	border-right: 1px solid #333333;

	padding: 0 10px;

	font-size: 14px;



}









.fooder {

	width: 100%;

	height: 322px;

	min-width: 1200px;

	background-color: #000;

	overflow: hidden;

}



.fooder_01 {

	width: 1200px;

	height: 266px;

	border-bottom: 1px solid #999;

	position: relative;

}



.fooder_01 ul {

	padding-top: 48px;

	font-size: 12px;

	float: left;

}



.fooder_01 li {

	padding: 10px 0;

}



.fooder_01 a {

	color: #999;

}



.fooder_01 ul:nth-child(2) {

	margin: 0 40px;

}



.cbs {

	height: 100%;

	width: 350px;

	/* margin-left: 144px; */

	float: right;

	margin-right: 250px;

}



.cbs img {

	padding-left: 70px;

}





.cbs li {

	float: left;

	padding: 0 10px;

	border-right: 1px solid #999;

	margin-top: 45px;

}



.cbs li:nth-child(7) {

	border: none;

}



.sys {

	position: absolute;

	right: 30px;

	top: 48px;

}



.sys>p {

	text-align: center;

	color: #999;

	font-size: 12px;

	padding-top: 2px;

	margin-left: -4px;
}



.fooder_02 {

	width: 1200px;

	height: 56px;

}



.fooder_02 p {

	text-align: center;

	color: #999;

	font-size: 12px;

	line-height: 56px;

}



#myBtn {

	display: none;

	position: fixed;

	bottom: 20px;

	right: 30px;

	z-index: 99;

	border: none;

	outline: none;

	color: white;

	cursor: pointer;

}