.titleBox{width:100%; float: left; overflow: hidden;margin:0px auto 50px auto;}
.titleBox h2{color:#333333; font-weight: 500;font-size:22px; text-align: center;margin: auto;}
.titleBox h5{color:#777777; font-weight: 500;font-size:12px; text-align: center;margin: 10px auto auto auto;}
.titleBox h5 span{padding:0px 10px;}
.ArtBack{display: none;}
.topRecord{font-size:14px;}
.main-box{padding: 20px 0 75px;}
.topRecord{padding: 0px 0 20px;}
h2{font-size:2.6rem;}
.Pagination.ArtPagination{display: none;}

.title{margin:20px auto;text-align: center;}
.title h3{ font-size:2rem;}
.title h5{ font-size:0.9rem; font-weight: 300; margin-top:20px;}

.titles{margin:20px auto;text-align: center;}
.titles h3{font-size:2.8rem;font-weight: bold;}
.titles h3 b, .titles h3 strong{color:#e92b29;}
.titles h5{font-size:1rem;font-weight: 500;margin-top:20px;line-height: 1.8rem;}
.titleBox.artType1{display:none;}
.btn-red, .btn-red:active, .btn-red:active:focus, .btn-red:active:hover, .btn-red:focus, .btn-red:hover {
  color: #fff
}
.btn-red {
  border-radius: 1px;
  border: none;
  padding: 5px 10px;
  font-size: 16px;
  background-color: #FF4E34;
  line-height: 40px;
 overflow: hidden;
  position: relative;
  -webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
/*.btn-red:hover{
	background: #e52e13;
}*/
.btn-red:active:before, .btn-red:active:focus:before, .btn-red:active:hover:before, .btn-red:focus:before, .btn-red:hover:before {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0)
}
.btn-red:before {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: -1;
  background: #EF2B0B;
  content: "";
  -webkit-transition: -webkit-transform .3s cubic-bezier(.75, 0, .125, 1);
  transition: -webkit-transform .3s cubic-bezier(.75, 0, .125, 1);
  transition: transform .3s cubic-bezier(.75, 0, .125, 1);
  transition: transform .3s cubic-bezier(.75, 0, .125, 1), -webkit-transform .3s cubic-bezier(.75, 0, .125, 1)
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}



.btn1 {
    color: #fff;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
	display: flex;
}
.btn1 a {
    background: #f96c45;
    color: #FFFFFF;
    padding: 15px 40px;
    z-index: 2;
    position: relative;
    display: block;
}
.btn1 a:after{content: "\e659";font-family: "iconfont" !important;text-align: center; }
.btn1 a::before {
	content: '';
	position: absolute;
	width: calc(100%);
	height: calc(100%);
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: -webkit-transform .24s ease-in-out;
	transition: -webkit-transform .24s ease-in-out;
	-o-transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out
}
.btn1 a:hover::before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center
}
.btn1 a:before {background-color: #e92b29;}

:root {
  --primary: #ffc246;
  --secondary: #384d62;
  --title-color: #1c0a1a;
  --text-color: #5a5a5a;
  --light-bg-color: #fafafa;
  --card-box-shadow: 0px 9px 24px 5px rgba(0, 0, 0, 0.04);
  --card-hover-box-shadow: 1px 20px 30px #C4C4C433; }

.tm-tab{
	border-top:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
	margin-top:20px;
}
.tm-tab caption{
	font-size: 24px;
	background: #455b98;
	padding:20px;
	color:#fff;
	text-align: center;
    caption-side: top;
}
.tm-tab tr td{
	border-bottom:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	padding:20px;
}
.tm-tab tr td:first-child,.tm-tab tr td.font-22,.tm-tab tr td:last-child{
	font-size:20px;
	text-align: center;
	color:#000922;
}
.tm-tab tr td em{
	display: block;
	font-size: 14px;
	margin-top:16px;
	color:#808080;
}
.zixun-btn{
	margin:40px auto 0;
}
.group-btn.tq-btn:hover{
	background: #273f78;
}
.tm-tab-vip{
	margin-top:80px;
}
.tm-tab-vip caption{
	background: #e5bf80;
}
.tm-tab-vip .bg-orange td{
	background: #fffcf6;
}
.zixun-btn.bg-orange{
	background: #e5bf80;
}
.zixun-btn.bg-orange:hover{
	background: #d2a863;
}
/**莽聫颅氓啪鈥姑ぢ概矫ε撀嵜ヅ犅�**/
.section-bg-img-03{
	background: #f2f6ff;
}
.tab{
	width:100%;
	text-align: center;
	border-bottom:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
}
.tab tr th{
	background: #455b98;
	color:#fff;
	width: 30%;
}
.tab-gz tr th{
	width: 17%;
	}
.tab tr td.txt_left{
	font-size: 16px;
    text-align: left;
    padding: 15px;
	}
.tab tr td,.tab tr th{
	font-size: 20px;
	padding:20px 0;
	border-top:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
}
.tab tr:nth-of-type(even) td{
	background: #f8faff;
}
.tab tr td .sign-up,.tab tr td .consult{
	width:50%;
	height:60px;
	line-height: 60px;
	border-radius: 60px;	
	display: block;
	margin:0 auto;
}
.tab-gz tr td .sign-up,.tab-gz tr td .consult{
	width:80%;
	}
.tab tr td .sign-up{
	border:1px solid #455b98;
	color:#455b98;
	font-weight:lighter;
}
.tab tr td .sign-up:hover{
	background:#5f88d8;
	border:1px solid #5f88d8;
	color:#fff;
}
.tab tr td .consult{
	background: #455b98;
	border:1px solid #455b98;
	color:#fff;
	margin-top:13px;
}
.tab tr td .consult:hover{
	background: #e5bf80;
	border:1px solid #e5bf80;
}
.tab2{
	margin-top:40px;
	border-bottom:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	background: #fffcf6;
}
.tab2 tr td{
	border-top:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
	text-align: center;
	padding:10px 0;
}
.tab2 tr td:nth-of-type(1){
	background:#fff;
}
.tab2 tr:nth-of-type(2) td{
	font-size: 20px;
}
.tab2 tr:nth-of-type(1) td{
	background:#455b98;
	font-size: 20px;
	color:#fff;
}
.tab2 tr td:nth-of-type(2){
	background:#f8faff;
}

.bg_gsjj .ArtPagination{display: none;}

.section{padding:80px 0 60px}


/*************************顶部的话*****************************/
.top-img{padding:50px 0px; text-align: center;max-width:1200px;margin: auto;}
.top-img img{max-width:100%; overflow: hidden;width:100%;}
.top-img p{font-size:1.8rem; color:#333; padding:30px 0px;}


/*************************jasper Dr. Connie Kasari*****************************/
.jasper-rzpx{background: #f2f6ff; display: flex; justify-content: space-around; padding:0px 0px 200px 0px; position: relative;}


.img-slide{margin-left:0px; width:570px;height: 100%; flex-shrink: 0;}
.img-slide img{max-width:100%;}
.rzpx-cont{display:flex; flex-direction: column;padding: 80px; max-width:1080px;margin-right:auto;flex-direction: column;
    align-content: center;
    align-items: flex-start;
    justify-content: flex-start;}
.rzpx-cont h2{margin-bottom:30px;}
.rzpx-cont ul{margin:0px;}
.rzpx-cont ul li{font-size:1.2rem; display:flex;flex-flow:row;align-items: center;}
.rzpx-cont ul li:before{content:"\e998"; font-size:2rem; font-family: "iconfont";color:#e92b29; padding-right:10px;}
.rzpx-cont p{font-size:1rem; color:#333; font-weight: 400;margin-top: 40px;}
.rzpx-cont .rzpx-zz .zz-img{display:none;}

.rzpx-td{position:absolute;max-width:1400px; bottom:80px; z-index: 10;}
.rzpx-td ul{margin:auto; padding: 0px; display: flex;}
.rzpx-td ul li{width: calc(1280px / 4 );height: calc(1280px / 4 );overflow: hidden;display: flex;align-items: center;justify-content: center;    color: #fff;font-size: 1.6rem;font-weight: 300;padding: 0px;text-align: center;} 
.rzpx-td ul li:nth-child(1){background:#5f88d8;}
.rzpx-td ul li:nth-child(2){background:#1fa5b5;}
.rzpx-td ul li:nth-child(3){background:#00ae87;}
.rzpx-td ul li:nth-child(4){background:#f96c45;}
.rzpx-td ul li .innerbox{padding:50px 10px; display: flex; flex-direction: column; color:#fff;    align-items: center;}
.rzpx-td ul li .innerbox .icon-t{width:80px; height: 80px;    border-radius: 100px; background: rgb(243, 227, 181); color:#000000; font-size:30px; display:flex; align-content: center; align-items: center; text-align: center;    justify-content: center;}
.rzpx-td ul li .innerbox h4{ font-size:2rem; margin-top:20px; text-align: center;font-weight: 500; line-height: 34px;}
.rzpx-td ul li .innerbox h5{ font-size:18px;}
.rzpx-td ul li .innerbox p{ font-size:0.9rem; text-align: center;margin-top:10px;max-width: 90%;}



/*************************JASPER干预中涉及的内容包括*****************************/
.jasper-cont{ background: #f6fafd; padding:80px 0px;}
.jasper-cont .titles h3{position:relative; width:100%;    display: flex;align-items: center;flex-direction: row;flex-wrap: wrap;justify-content: space-around;}
.jasper-cont .titles h3:before{width:110px; height: 18px; background:#00adbd; content: "";}
.jasper-cont .titles h3:after{width:110px; height: 18px; background:#00adbd; content:"";}

.cont-cont{margin:80px auto;background: #fff;padding: 50px;border-radius: 30px;box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);display: flex;flex-direction: row;}
.cont-img{width:45%; border-radius: 30px; overflow: hidden; margin-right:50px;}
.cont-img img{max-width:100%; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.cont-img:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cont-text{margin-right:auto; display:flex; flex-flow: column; align-items: flex-start;justify-content: center;}
.cont-text p{font-size:1rem; display: flex; flex-flow: row; justify-content: flex-start; align-items: flex-start;margin: auto 0px;}
.cont-text p:before{content:"\e646"; font-size:1rem; margin-right:10px; font-family: "iconfont";}



/*************************培训内容*****************************/
.jasper-pxnr{background:#FFF;}
.jasper-pxnr caption{text-transform:uppercase; }
.jasper-table{margin-top:80px;}



/*************************报名付款*****************************/
.jasper-bmfk{margin:auto; background:url("/images/prt/bg-prt-bmfk.jpg") center no-repeat; background-size: cover;}
.jasper-bmfk .titles{color:#FFFFFF;max-width:90%;}
.bmfk-t2{font-size:2.5rem; color:#fd4d4e;font-weight: bold;background-clip: text;-webkit-background-clip:text; color:transparent; position: relative;margin-top: 50px; text-align: center;}
.bmfk-t2:before{content: attr(data-text);background-clip: text;-webkit-background-clip:text;text-shadow: 2px 0 2px white, -2px 0 2px white, 0 2px 2px white, 0 -2px 2px white; position: absolute;top: 0;left: 0;right: 0; bottom: 0;}
.bmfk-t2:after{content: attr(data-text);position: absolute;background-clip: text;-webkit-background-clip:text; color:transparent;background-image:linear-gradient(to bottom,#fd4d4e,#eb2d2e); top: 0;left: 0;right: 0; bottom: 0;}
.bmfk-cont{margin:50px auto 50px auto; display: flex; flex-flow:row; max-width:1000px;align-items: center;    justify-content: center;}
.bmfk-cont .img{width:240px; height: 240px; background:#FFFFFF; flex-shrink: 0; margin-left:0px; margin-right:100px;display: flex;flex-direction: column;justify-content: space-evenly;align-items: center;}
.bmfk-cont .desc{ color:#FFFFFF;}
.bmfk-cont h4{font-size:1.8rem; font-weight: 400; margin-bottom:34px;}
.bmfk-cont h5{font-size:1.2rem; font-weight: 500; margin-bottom: 34px;display: flex; line-height: 1.8rem;}
.bmfk-cont p{font-size:1rem; font-weight: 300;}



.clear {
    clear: both;
    height: 0;
}
@media screen and (max-width: 1199px){
	
	
}
@media screen and (max-width: 1023px){
	html {font-size: 16px !important;}
	.titles h5{padding:0px 20px;font-size: 1.2rem;}
	.section{padding:20px 0px;}
	.top-img{padding:0px;}
	.top-img p{padding:20px;}

	.img-slide{display:none;}
	
	.jasper-rzpx{flex-direction: column;padding: 0px 0px 0px 0px;}
	.rzpx-cont{padding:20px;}
	.rzpx-cont h2{margin-top:20px; font-size:2rem;margin-bottom: 20px;}
	.rzpx-cont p{font-size:1.2rem; line-height: 2.2rem;margin-top: 10px;}
	.rzpx-td{position: relative;bottom:auto;max-width:100%;}
	.rzpx-td ul{flex-wrap: wrap;}
	.rzpx-td ul li{width: calc(100vw / 2 );height: calc(100vw / 2 );font-size: 1.4rem;padding: 20px;}
	.rzpx-td ul li p{margin-bottom:0px;}
	.rzpx-td ul li .innerbox p{font-size: 1rem;}
	.rzpx-cont .rzpx-zz{display: flex;align-items: center;}
	.rzpx-cont .rzpx-zz .zz-img{display:block;width: 35%;flex-shrink: 0;margin-left: auto;}
	
	
	.jasper-cont{}
	.jasper-cont .titles h3:before,.jasper-cont .titles h3:after{display:none;}
	.cont-cont{margin: 0px auto;padding: 20px; border-radius: 0px;flex-direction: column;background:none;box-shadow:none;}
	.cont-img{width:100%;margin:auto auto 20px auto;}
	.cont-text p{font-size: 1.2rem;}
	.cont-text p:before{font-size: 1.2rem;}
	
	.jasper-table{margin-top:20px;}
	
	.prt-lecturer ul{margin-top:20px;}
	.prt-lecturer ul li{margin-top: 0px;}
	
	.tm-tab tr td:first-child, .tm-tab tr td.font-22, .tm-tab tr td:last-child{font-size:1.2rem;}
	
	.prt-pxxf .titles{max-width:100%;}
	.prt-pxxf ul{max-width:100%; margin:0px 20px;}
	.prt-pxxf ul li{width:100%;font-size: 1.2rem;margin: 0px auto;}
	
	.prt-bmfk .titles{max-width:100%;}
	.bmfk-cont{max-width:100%; flex-direction: column;margin: 40px auto 40px auto;}
	.bmfk-cont .img{margin:auto;}
	.bmfk-cont .desc{margin:20px;}
	.bmfk-cont h4{text-align: center;}
	.bmfk-cont h5{flex-direction: column;text-align: center;}
	.bmfk-cont p{text-align: center;font-size: 1.2rem;}
	
	.prt-bmrq{padding:0px;}
	.prt-bmrq .pxnr-table{margin-top:0px;}
	.tm-tab{margin-top:0px;}
	
	.prt-gfcx{padding-bottom:50px;}
	.prt-gfcx .titles h3{margin: 30px auto;}
	.prt-gfcx .titles{margin-bottom: 20px;}
	
	
	
}
@media screen and (max-width: 767px)
{
	html {font-size: 14px !important;}
	.station1 .container a:nth-child(4){display:none;}
	.station1 .container{margin-left:20px;}
	
	
}
@media screen and (max-width: 425px)
{
	html {font-size: 13px !important;}
	.prt-why{padding:10px 0px;}
	
	.prt-activit ul li{width: calc((100% /2) - 20px);}
	.rzpx-td ul li .innerbox{padding:20px 0px;}
	.rzpx-td ul li .innerbox .icon-t{width:60px; height:60px;}
	.rzpx-td ul li .innerbox h4{font-size:1.8rem;margin-top: 5px;}
	.rzpx-td ul li .innerbox p{margin-top: 0px;max-width: 100%;}
}
@media screen and (max-width: 414px)
{
	
}
@media screen and (max-width: 375px)
{
	html {font-size: 12px !important;}
	
}
@media screen and (max-width: 320px)
{
	
}