html,
		body {
			height: 100%;
			background-image: url('../images/组 1111.png');
			background-size: cover;
			background-repeat: no-repeat;
                        background-attachment: fixed;
		}

		.wrap {
			min-height: 792px;
		}

		.public-title {
			border: 1px solid rgb(220, 220, 220);
			border-left: 4px solid #1183df;
			padding: 15px 20px 15px 25px;
			background: #f6f6f6;
		}

		/* 头部 */

		.header {
			height: 130px;
			/* padding-top: 15px; */
			/* background: #002b5e;*/
			/* border-bottom: 2px solid #fff; */
			display: flex;
			justify-content: center;
			align-items: center;
		}

    /* 外部盒子样式 */
    .container {
    width: 128px;
    height: 162px;
    position: fixed;
    right: 0;
    /* transform: translate(0, -50%);  */
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.2);
    /* border-radius: 10px; */
    padding: 10px;
    background: #fff;
    z-index: 2;
    top: 5px;
    }

    .qrcode {
      width: 100px;
      height: 100px;
    }

    .text {
      font-size: 14px;
    }

    .container-left {
    width: 170px;
    height: 216px;
    position: fixed;
    top: 365px;
    text-align: center;
    z-index: 2;
    background: rgb(62,144,238);
    border-radius: 4px;
    }

    .container-left > .qrcode {
    width: 140px;
    height: 140px;
    margin-top: 15px;
    }

    .container-left > .text {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    margin: 10px 0 5px;
    margin-left: -10px;
    }

.container-pay{
    width: 170px;
    height: 195px;
    position: fixed;
    top: 190px;
    text-align: center;
    z-index: 2;
    border-radius: 4px;
    margin-left: -12px;
}

.container-pay > .pay-img{
     margin: 10px;
}

		/* 内容区 */
		.main {
			background: #E1F3FF;
			border: 1px solid #FFFFFF;
			background-color: rgba(255, 255, 255, 0.5);
			margin-top: 10px;
                        min-height: 660px;
		}

		.theme-container {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.theme-container>img {
			margin: 10px 0;
		}

		.detail-container {
			display: flex;
		}

		.detail-top {
			display: flex;
		}

		.detail-top>.info_left,
		.detail-bottom>.info_left {
			width: 275px;
			height: 184px;
			margin: 14px 20px 13px 13px;
		}

		.detail-bottom>.info_left {
			margin-top: 0;
		}

		.detail-top>.info_left>img,
		.detail-bottom>.info_left>img {
			width: 275px;
			height: 184px;
		}

		.detail-bottom {
			display: flex;
		}

		.info_container {
			margin-top: 14px;
		}

		.info_title {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.title_text {
			display: flex;
			align-items: center;
		}

		.title_text > img {
			width: 70px;
			height: 17px;
		}

		.police_text {
			font-size: 16px;
			font-family: Source Han Sans CN;
			color: #183576;
			letter-spacing: 3px;
			font-weight: bold;
			line-height: 40px;
		}

		.info_list {
			height: 145px;
		}

		.info_list>ul>li>a {
			position: relative;
			width: 100%;
			height: 100%;
			padding-left: 15px;
			font-size: 14px;
			line-height: 14px;
			color: #333;
			border-bottom: 1px dashed rgb(241, 243, 244);
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.info_list>ul>li>a:hover {
			color: #3758A5;
		}

		.info_list>ul>li>a::before {
    			position: absolute;
    			content: "";
    			width: 10px;
    			height: 12px;
    			left: 0px;
    			background: url(../images/smallIcon.png);
   			background-size: 10px;
		}

		.info_list>ul>li {
			width: 560px;
			height: 38px;

		}

		/* 底部 */

		.footer {
			padding: 25px 0;
		}

		footer {
			display: flex;
			justify-content: center;
			flex-direction: column;
			align-items: center;
			height: 116px;
			background-image: url(../images/footer-bg.png);
			background-size: 100% 116px;
		}

		.footer-bg>.info-container {
			height: 25px;
		}

		.footer-bg>.info-container>.info-top {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.footer-bg>.info-container>.info-top>span,
		.footer-bg>.info-container>.info-bottom>span {
			font-size: 14px;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 30px;
		}

		.footer-bg>.info-container>.info-bottom {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		/* 导航栏 */

		.navs {
			/* background-color: #002b5e;  */
		}

		.navs ul>li {
			position: relative;
			width: 195px;
			height: 52px;
			background: #E1F3FF;
			/* opacity: 0.5; */
			border-radius: 6px 6px 5px 6px;
			margin-right: 6px;
		}

		.navs ul>li:last-child {
			margin-right: 0;
		}

		.navs ul>li>a {
			color: white;
			/* padding: 10px 58px; */
			height: 100%;
			line-height: 52px;
			text-align: center;
			font-size: 20px;
			font-family: Source Han Sans CN;
			font-weight: 500;
			color: #183576;

			/*border-top: 1px solid #002b5e; */
			/* border-bottom: 1px solid #002b5e; */
		}

		.detail-info {
			width: 895px;
			height: 406px;
			background: linear-gradient(180deg, #D7EDFD, #FFFFFF, #FFFFFF);
			border: 1px solid #F5F8FF;
			border-radius: 5px;
			margin: 0 10px 10px 10px;
		}

		.login-box {
			width: 270px;
			height: 291px;
			background: linear-gradient(180deg, #D7EDFD, #FFFFFF, #FFFFFF);
			border: 1px solid #F5F8FF;
			border-radius: 5px;
			position: relative;
		}

		.login-box>.loginbox>input#account {
			background-image: url(../images/身份证.png);
			background-repeat: no-repeat;
			background-position: 10px center;
                        text-indent: 20px;
		}

		.login-box>.loginbox>input#password {
			background-image: url(../images/密码.png);
			background-repeat: no-repeat;
			background-position: 12px center;
                        text-indent: 20px;
		}

		.login-box>.loginbox>input#vcode {
			background-image: url(../images/验证码.png);
			background-repeat: no-repeat;
			background-position: 10px center;
                        text-indent: 20px;
		}

		.navs ul>li>a:hover,
		.navs ul>li.active a,
		.nav ul>li.active a,
		.navs>div>ul>li:hover a {
			background: linear-gradient(102deg, #0099FF, #2B50A3);
			color: #fff;
			border-radius: 6px 6px 5px 6px;
		}

		.navs>div>ul>li:hover .topw_down_ulli {
			display: block;
			box-shadow: 0 0 1px #969494;
		}

		.topw_down_ulli {
			display: none;
			z-index: 2;
			position: absolute;
			background-color: white;
			top: 42px;
			width: 100%;
		}

		.topw_down_ulli>li {
			width: 100%;
		}

		.topw_down_ulli>li>a {
			border: none !important;
			color: #fff !important;
			font-size: 16px !important;
			text-align: center;
			display: block;
			text-align: center;
		}

		.topw_down_ulli>li>a:hover {
			background: #fff !important;
			color: #333 !important;
		}

		/* 面包屑 */

		.breadcrumb {
			padding-left: 0;
			margin-bottom: 8px;
			background: #fff;
		}

		/* 内容区 */

		/* 轮播图 */

		#carousel-example-generic {
			height: 180px !important;
		}

		.carousel-indicators .active {
		        width: 6px;
    		        height: 6px;
		}

		.carousel-indicators {
   		        bottom: 0px;
		}

		.banner {
			height: 280px;
		}

		.notice {
			width: 260px;
			height: 100%;
			border-radius: 15px;
			overflow: hidden;
			border: 1px solid #E2E2E2;
		}

		.training {
			background: #3368cd;
			background-size: cover;
			height: 40px;
			width: 100%;
			text-align: center;
			position: relative;
		}

		.training-center {
			color: #666;
			font-size: 12px;
			position: absolute;
			right: 14px;
		}

		.training-center:hover {
			color: #2D7EE2;
		}

		.training-box-div {
			width: 214px;
			height: 34px;
			margin-left: 12px;
			margin-bottom: 13px;
		}

		.training-box-text {
			width: 214px;
			height: 34px;
			color: #666;
			overflow: hidden;
			position: relative;
		}

		.training-box-span {
			position: absolute;
			top: 20px;
			right: 3px;
		}

		.training-box-img {
			width: 85px;
			height: 52px;
		}

		.training-box-img img {
			width: 85px;
			height: 52px;
		}

		.training-box-text-sp {
			width: 100%;
			height: 36px;
			line-height: 18px;
			font-size: 12px;
		}

		.training-new {
			font-size: 10px;
			width: 36px;
			height: 20px;
			background-color: #f24a57;
			border-radius: 15px;
			color: #fff;
			text-transform: uppercase;
			text-align: center;
			line-height: 20px;
			top: -7px;
			left: -10px;
		}

		.training-box-div:hover .training-box-text-sp,
		.training-box-div:hover .training-box-span {
			color: #2D7EE2;
		}

		.banner_part {
			width: calc(100% - 300px);
			height: 100%;
		}

		.carousel-inner,
		.carousel-inner>.item,
		.carousel-inner>.item>img {
			height: 100% !important
		}

		/* 登录框 */

		.loginbox {
			width: 100%;
			height: 100%;
			opacity: .9;
			border-radius: 5px;
		}

		.loginbox h3,
		.loginbox a {
			color: #3368cd;
		}

		.loginbox .btn {
			background: #3368cd;
		}

		/* 新闻资讯 */

		.main .news {
			height: 400px;
		}

		.main .news .inner {
			width: 894px;
		}

		.main .news .inner .pic img {
			width: 468px;
			height: 302px;
		}

		.main .news .inner .pic p {
			width: 468px;
		}

		.main .news .inner .list {
			width: 414px;
			height: 302px;
			overflow: hidden;
		}

		.main .news .list a {
			padding: 10px 20px;
		}

		.main .news .inner .list a:nth-child(-n+3) li span.ellipsis {
			color: #1183df !important;
		}

		.main .news .list a:before {
			content: "";
			display: block;
			position: absolute;
			left: 3px;
			top: 18px;
			width: 5px;
			height: 5px;
			background: #666;
		}

		.main .news .inner .list a:nth-child(-n+3):before {
			background: #1183df;
		}

		.main .news .inner .list span.ellipsis {
			width: 70%;
		}

		.main .news .notice {
			width: 286px;
		}

		.main .news .notice .list {
			height: 352px;
			overflow: hidden;
		}

		.main .news .notice .list li {
			height: 40px;
			overflow: hidden;
		}

		/* 培训课程 */

		.main .train li {
			/*  width: 240px;*/
			margin-left: -1px;
		}

		.main .train li img {
			width: 200px;
			height: 114px;
		}

		/*友情链接*/
		.link-list {
			width: 270px;
			height: 106px;
			background: linear-gradient(180deg, #D7EDFD, #FFFFFF, #FFFFFF);
			border: 1px solid #F5F8FF;
			border-radius: 5px;
			margin-top: 8px;
		}

		.link-container {
			margin: 10px;
		}

		.link_text {
			width: 70px;
			height: 17px;
		}

		.friend_list {
			margin-top: 10px;
			display: flex;
		}

		.friend_list>li {
			width: 121px;
			height: 40px;
			margin-right: 10px;
		}

		.friend_list>li:last-child {
			margin-right: 0;
		}

		.friend_list>li>a {
			width: 100%;
			height: 100%;
		}

		.friend_list>li>a>img {
			width: 100%;
			height: 100%;
		}

		.friendship {
			width: 1200px;
			margin: 0 auto;
			height: 50px;
		}

		.friendship-left {
			color: #fff;
			background-color: #05346C;
			width: 94px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			display: inline-block;
		}

		.friendship-right {
			width: calc(100% - 94px);
			background-color: #f0f0f0;
			height: 50px;
			display: inline-block;
		}

		.friendship-right img {
			height: 40px;
			vertical-align: middle;
			margin: 0 10px;
			margin-top: 5px;
		}


		.process {
			width: 1174px;
			height: 116px;
			background: linear-gradient(180deg, #D7EDFD, #FFFFFF, #FFFFFF);
			border: 1px solid #F5F8FF;
			border-radius: 5px;
			margin: 0 10px 10px 10px;
		}

                .process>.process_info>.process_title{
			margin: 14px 14px 14px 15px;
		}

		.process>.process_info>p {
			font-size: 16px;
			font-family: Source Han Sans CN;
			color: #183576;
			letter-spacing: 3px;
			font-weight: bold;
			padding: 14px 14px 10px 14px;
		}

		.process>.process_info>img.process_img {
			padding: 0 14px 14px 14px;
		}

		.width-285 {
			width: 285px;
		}

		.height-286 {
			height: 286px;
		}

		.width-588 {
			width: 588px;
		}

		.jcjs-1 img {
			width: 100%;
			height: 140px;
		}

		.ellipsis-4 {
			display: -webkit-box;
			overflow: hidden;
			text-overflow: ellipsis;
			word-wrap: break-word;
			word-break: break-all;
			white-space: normal !important;
			-webkit-line-clamp: 4;
			-webkit-box-orient: vertical;
		}

		/*3D轮播*/

		.slide {
			width: 100%;
			min-height: 180px;
			overflow: hidden;
			position: relative;
		}

		.slide .img {
			overflow: hidden;
			position: absolute;
			transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s;
		}

		.slide .img img {
			width: calc(100% - 14px);
			height: calc(100% - 14px);
			margin: 7px;
		}

		.slide .img1 {
			width: 40%;
			height: 40%;
			top: 15%;
			left: -50%;
			z-index: 1;
		}

		.slide .img2 {
			width: 55%;
			height: 55%;
			top: 13%;
			left: -20%;
			z-index: 2;
		}

		.slide .img3 {
			width: 60%;
			height: 75%;
			top: 2.5%;
			left: 20%;
			z-index: 3;
		}

		.slide .img4 {
			width: 55%;
			height: 55%;
			top: 13%;
			left: 60%;
			z-index: 2;
		}

		.slide .img5 {
			width: 40%;
			height: 40%;
			top: 15%;
			left: 110%;
			z-index: 1;
		}

		.slide-bt {
			position: absolute;
			left: 50%;
			bottom: 13%;
			z-index: 10;
		}

		.slide-bt span {
			width: 24px;
			height: 8px;
			background: #c9caca;
			float: left;
			margin: 5px;
			border-radius: 4px;
		}

		.slide .slide-bt .on {
			background: #ffd200;
		}

		.slide-wz {
			height: 34px;
			width: calc(100% - 14px);
			position: absolute;
			background-color: rgba(0, 0, 0, 0.7);
			bottom: 7px;
			left: 7px;
			color: #fff;
			line-height: 34px;
			padding: 0 20px;
		}

		.jcjs-2 {
			display: block;
			height: 124px;
			position: relative;
		}

		.jcjs-2 img {
			width: 100%;
			height: 124px;
		}

		.jcjs-2 .wz {
			position: absolute;
			width: 100%;
			height: 34px;
			line-height: 34px;
			background-color: rgba(0, 0, 0, 0.7);
			color: white;
			padding: 0 20px;
			bottom: 0;
			left: 0;
		}

		.morea {
			position: absolute;
			left: 188px;
		}

		.morea a {
			display: inline-block;
			width: 152px;
			height: 52px;
			margin-right: 13px;
			margin-top: 6px;
		}

		/* 详情页 */

		.detail {
			padding: 30px 50px;
			background: #fff;
		}

		/* 子页培训课程 */

		.course_detail_l {
			width: 585px !important;
			height: 340px;
			background-color: #333;
		}

		.course_detail_l img {
			width: 585px;
			height: 340px;
		}

		.course_detail_r {
			width: 573px !important;
		}

		.course_detail_r .jg {
			line-height: 50px;
			padding-left: 20px;
		}

		.course_detail_r .jxxx {
			display: block;
			margin-top: 45px;
			height: 40px;
			line-height: 40px;
			font-size: 16px;
			width: 160px;
			text-align: center;
			border-radius: 3px;
		}

		.span-holl-1646b2 {
			background-color: #0066cb;
			color: #fff;
		}

		.tabarea-top li {
			width: 120px;
			text-align: center;
			padding: 8px 0;
		}

		.tabarea-top li a {
			color: #333333;
			font-weight: 700;
			display: inline-block;
			padding: 5px 10px;
			border-radius: 3px;
		}

		.course-card-list {
			margin-right: -18px;
			min-height: 230px;
		}

		.course-card-item {
			width: 235px;
			height: 216px;
			position: relative;
			border-radius: 1px;
			margin-bottom: 18px;
			background-color: #fff;
		}

		.course-card-item .item-box {
			width: 100%;
			height: 134px;
			overflow: hidden;
			border-radius: 0px;
			padding: 7px;
			position: relative;
		}

		.course-card-item .item-img {
			width: 100%;
			height: 124px;
			overflow: hidden;
			border-radius: 0px;
		}

		.course-card-item .item-tt {
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			height: 46px;
			font-size: 14px;
			position: relative;
			padding: 4px 12px;
		}

		.course-card-item .item-tt a {
			line-height: 20px;
			color: #333;
		}

		.course-card-item .item-tt a:hover {
			color: #1646b2;
		}

		.course-card-item .item-line {
			padding: 3px 12px 8px 12px;
			font-size: 14px;
			height: 34px;
		}

		.course-card-item .item-cell {
			color: #a7a7a7;
		}

		.course-card-item .item-source {
			color: #A7A7A7;
		}

		.course-card-item .item-postontop {
			position: absolute;
			padding: 4px 8px;
			border-top-right-radius: 0px;
			/*border-bottom-left-radius: 14px;*/
			font-size: 12px;
			color: #fff;
			top: 7px;
			right: 7px;
			background-color: rgba(0, 0, 0, 0.6);
		}

		.course-card-item .item-status {
			position: absolute;
			width: 94%;
			height: 28px;
			line-height: 28px;
			font-size: 14px;
			color: #fff;
			background-color: rgba(0, 0, 0, .4);
			overflow: hidden;
			padding-left: 10px;
			bottom: 3px;
			border-bottom-left-radius: 0px;
			border-bottom-right-radius: 0px;
		}

		/* 子页河科大概况 */

		.sub-workshop {
			overflow: hidden;
			display: flex;
		}

		.sub-workshop .tab1 {
			position: relative;
			z-index: 999;
			width: 200px;
			padding-bottom: 10000px;
			margin-bottom: -10000px;
			background: #fff;
		}

		.sub-workshop .tab1 li a,
		.help-center .tab li a {
			height: 70px;
			line-height: 70px;
		}

		.sub-workshop .tab1 li.active,
		.help-center .tab li.active {
			position: relative;
			z-index: 9;
			background: #3368cd;
		}

		.sub-workshop .tab1 li.active a,
		.help-center .tab li.active a {
			color: #fff;
		}

		.sub-workshop .tab1 li.active:after,
		.help-center .tab li.active:after {
			content: "";
			display: block;
			position: absolute;
			top: 27px;
			left: 199px;
			width: 0;
			height: 0;
			border-left-width: 11px;
			border-top-width: 8px;
			border-bottom-width: 8px;
			border-style: solid;
			border-color: transparent transparent transparent #3368cd;
		}

		.sub-workshop .tab-content .pic {
			width: 897px;
		}

		.sub-workshop .tab-content .pic img {
			display: block;
			width: 500px;
			margin: 0 auto 20px;
		}

		/* 子页精品课程 */

		.subcourse-title {
			border: 1px solid rgb(220, 220, 220);
		}

		.subcourse-title a {
			padding: 10px 30px !important;
		}

		.subcourse .tab-content li {
			width: 240px;
			height: 212px;

		}

		.subcourse .tab-content li a:hover+.mask,
		.subcourse .tab-content li .mask:hover {
			display: block;
		}

		.subcourse .tab-content li .mask {
			display: none;
			width: 198px;
			height: 114px;
			top: 15px;
			background: #000 url(../images/icon_broadcast.png) center center no-repeat;
			opacity: .7;
		}

		.subcourse .tab-content li .mask {
			top: 20px;
		}

		.subcourse .tab-content li p {
			height: 20px;
			overflow: hidden;
                        font-weight: bold;
		}

		.subcourse .tab-content li span.right {
			color: #3368cd;
		}

		.subcourse .nav li a:hover {
			background: transparent;
		}

		.subcourse .nav li.active a {
			color: #3368cd;
			background: transparent;
		}

		/* 分页 */

		.page-search-cont {
			margin: 0 auto 20px;
			width: 655px;
			height: 40px;
			overflow: hidden;
		}

		.page-search-cont .other-pagi,
		.page-search-cont .total-page,
		.page-search-cont .jump-page {
			line-height: 36px;
			float: left;
		}

		.page-cont .pagination {
			margin: 0;
		}

		.page-search-cont .total-page {
			margin: 0 15px 0 30px;
			line-height: 40px;
			color: #999;
		}

		.page-search-cont .jump-page {
			padding-left: 10px;
			color: #999;
		}

		.page-search-cont .jump-page .inp-num {
			width: 55px;
			height: 34px;
			border: 1px solid #DEDEDE;
			text-align: center;
			color: #9D9D9D;
			-webkit-border-radius: 5px !important;
			-moz-border-radius: 5px !important;
			-ms-border-radius: 5px !important;
			-o-border-radius: 5px !important;
			border-radius: 5px !important;
		}

		.page-search-cont .jump-page .btn-num {
			background-color: #4094F6;
			border: 1px solid #4094F6;
			width: 62px;
			height: 32px;
			display: inline-block;
			padding: 0;
			line-height: 32px;
			text-align: center;
			margin-left: 15px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			-o-border-radius: 5px;
			border-radius: 5px;
		}

		/* 子页培训项目 */

		.sub-workshop .tab-content {
			width: 998px;
		}

		.pratice-item .tab-content .picbox {
			width: 319px;
			height: 190px;
			padding: 20px;
		}

		.pratice-item .tab-content .picbox img {
			width: 280px;
			height: 130px;
		}

		/* 子页帮助中心 */

		.help-center .tab {
			width: 200px;
		}

		.help-center .tab-content {
			width: 998px;
		}


		/* 客服*/
		.kf-phonenum {
			color: #AB0009;
			position: absolute;
			top: 109px;
			left: 46px;
			font-size: 14px;
			font-weight: bold;
			letter-spacing: -2px;
		}

		.kf-phonenumimg {
			background-color: #fff;
			display: inline-block;
			border-radius: 50%;
			width: 25px;
			height: 25px;
			position: absolute;
			left: -30px;
		}

		.kf-worktime {
			color: #AB0009;
			position: absolute;
			top: 150px;
			left: 18px;
			font-size: 12px;
			text-align: left;
		}