@import url("css/bootstrap.css?4.2.1");

@import url("https://www.jianzhanyes.com/skin/default/css/font-awesome.css?4.70");

@import url("css/carousel.css");

@import url("css/animate.css");

@import url("css/header.css");

@import url("css/footer.css");

@import url("css/themes.css");

@import url("css/nav.css");

@import url("css/jquery.fancybox.css");

/*  

精智科技2019

Version: 1.0

http://www.jianzhanyes.com

手机：13910185004

QQ：4541293

*/



.price-table {

    margin-top: 100px;

}



.pricing {

    background: #fff;

    padding: 20px;

    border-radius: 5px;

    color:#555;

	margin-bottom:30px;

}

.pricing-top {

    width: 140px;

    height: 140px;

    border-radius: 100%;

    border: 5px solid #e60000;

    margin: 0 auto;  

}

.pricing-top p{

    margin-top: 20px;

}

.pricing-top sup{

    font-size: 20px;

    top: -3px;

    left: -5px;

}

.pricing-top em{

    font-size: 25px;

}

.pricing-top span{

    text-transform: uppercase;

    font-size: 20px;

    margin-left: 20px;

}

.pricing ul{

    padding: 0; 

}

.pricing ul li{

    max-width: 140px;

    border-bottom: 1px solid #fff;

    list-style: none;

    margin: 0 auto;

    padding: 10px 0;

    font-size: 15px;

}



.pricing {

	border:solid 3px #f3f3f3;

}

.pricing:hover {

    background: #e60000;

    color: #fff;

    transition-duration:.5s;

	border:solid 3px #f3d33a;

}

.pricing:hover .pricing-top{

    background: #fff;

    color: #000;

	border-radius: 100%;

    border: 5px solid #f3d33a;

    transition-duration: .5s;

}

.pricing:hover .btn{

    background: #000;

    color: #fff;

    transition-duration: .5s;

}

.price-table .active {

    background: #e60000;

    color: #fff;

    transition-duration:.5s;

	border:solid 3px #f3d33a;

}

.price-table .active .pricing-top{

    background: #fff;

    color: #000;

	border-radius: 100%;

    border: 5px solid #f3d33a;

    transition-duration: .5s;

}



.breadcrumbs {

	background:#d71920;

	color:#fff;

}

.breadcrumbs a{

	color:#fff;

}







.caption-icon {

	position:absolute;

	bottom:0;

	top:0;

	right:34px;

	display:flex;

	align-items:center;

	justify-content:center;

	transform:translateX(50%);

	width:1.78947em;

	background:#204d74

}

@media(max-width:1024px) {

	.caption-icon {

	transform:none;

	right:0

}

}.caption-icon._question {

	font-weight:700;

	left:0;

	right:auto;

	transform:translateX(-50%)

}

@media screen and (max-width:1260px) {

	.caption-icon._question {

	transform:none;

	left:-12px

}

}@media(max-width:1024px) {

	.caption-icon._question {

	left:0

}

}.caption-icon._question:before {

	content:'?';

	font-size:1em

}

.caption-icon._question:after {

	content:'';

	position:absolute;

	left:100%;

	top:50%;

	margin-top:-12px;

	border:12px solid transparent;

	border-left-color:#204d74;

	border-right:none

}







/*****-----pricing table wrapper css----******/







.pricing-table {

    width: 100%;

}



.pricing-table-default {

    text-align: center;

    border: 3px solid #e8e8e8;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.pricing-table-default:hover {

    border: 3px solid #e60000;

    box-shadow: -3.758px 26.737px 43px 4px rgba(78, 78, 78, 0.15);

    webkit-transform: translateY(-20px);

    transform: translateY(-20px);

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.pricing-table-default:hover h3,

.pricing-table-default:hover h3 sup {

    background: #e60000;

    color: #fff;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.pricing-head {

    padding: 0px;

}

.pricing-head h2 {

    font-size: 26px;

    color: #797979;

    font-weight: 700;

    text-transform: uppercase;

    margin: 0;

    padding-bottom: 30px;

    padding-top: 20px;

}

.pricing-icon {

    padding-bottom: 30px;

    font-size: 40px;

}

.pricing-head h3 {

    font-size: 40px;

    color: #111;

    font-weight: 700;

    margin: 0;

    background: #f1f1f1;

    padding: 40px;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.pricing-head h3 sup {

    font-size: 18px;

    color: #797979;

    font-weight: 400;

    text-transform: capitalize;

}

.pricing-table-default h1 {

    font-size: 18px;

    color: #fff;

    font-weight: 700;

    background: #e60000;

    text-transform: uppercase;

    padding: 15px 45px;

    display: inline-block;

    margin-top: -2px;

}

.pricing-list {

	padding:0px;

	margin:15px 0px 0px 0px;



}

.pricing-list li {

    display: block;

    line-height: 30px;

    padding: 4px 0;

    color: #797979;

}

.pricing-table-default .btn {

    color: #111111;

    border: 0;



    text-transform: uppercase;

    background: #f3f3f3;

    margin: 14px 0 20px;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.pricing_btn {

    width: 170px;

    height: 48px;

    line-height: 47px;

    color: #111;

    margin-bottom: 40px;

    font-weight: 600;

}

.pricing_btn:hover {

    color: #fff;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}











.jp_banner_jobs_categories_wrapper {

    float: left;

    width: 100%;

    padding-bottom: 100px;

    position: relative;

}



.jp_top_jobs_category_wrapper {

    float: left;

    width: 25%;

    text-align: center;

    background: #f9f9f9;

    padding: 50px 30px 50px 30px;

    -webkit-transition: all 300ms ease-in;

    -webkit-transform: scale(1);

    -ms-transition: all 300ms ease-in;

    -ms-transform: scale(1);

    -moz-transition: all 300ms ease-in;

    -moz-transform: scale(1);

    transition: all 300ms ease-in;

    transform: scale(1);

}

.jp_top_jobs_category_wrapper:hover {

    background: #dbbb0a;

    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);

    z-index: 100;

    position: relative;

    -webkit-transition: all 300ms ease-in;

    -webkit-transform: scale(1.5);

    -ms-transition: all 300ms ease-in;

    -ms-transform: scale(1.1);

    -moz-transition: all 300ms ease-in;

    -moz-transform: scale(1.1);

    transition: all 300ms ease-in;

    transform: scale(1.1);

}

.jp_top_clr_category_wrapper{

	background:#f1f1f1;

}

.jp_top_jobs_category {

    display: inline-block;

}

.jp_top_category_icon {

    font-size: 25px;

    width: 80px;

    height: 80px;

    text-align: center;

    display: inline-block;

    line-height: 80px;

    margin-bottom: 15px;

    border-radius: 80px;

    background: #dbbb0a;

}

.jp_top_category_icon i {

    color: #fff;

    text-align: Center;

    transition: all 0.5s;

}

.jp_top_jobs_category_wrapper:hover .jp_top_jobs_category h3 a,

.jp_top_jobs_category_wrapper:hover .jp_top_jobs_category p {

    color: #ffffff;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.jp_top_jobs_category_wrapper:hover .jp_top_category_icon i {

    color: #111;

    transition: all 0.5s;

}

.jp_top_jobs_category_wrapper:hover .jp_top_category_icon {

    background: #fff;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.jp_top_jobs_category h3 a {

    color: #111;

    padding-top: 15px;

    font-size: 18px;

    font-weight: bold;

}



.jp_top_jobs_category p {

    color: #797979;

    padding-top: 5px;

}





.section-default-title {

  position: relative;

  padding-bottom: 15px;

  margin-bottom: 50px;

  overflow:hidden;

  

}

.section-default-title h1 {

  position: relative;

  text-transform: capitalize;

  font-size:1.8em;

}

.section-default-title h3 {

  position: relative;

  font-size: 24px;

  text-transform: capitalize;

}

.section-default-title h4 {

  position: relative;

  font-size: 20px;

  text-transform: capitalize;

}

.section-default-title h2 span{

  color:#999;

  font-size:0.8em;

  margin-left:8px;

}

.section-default-title h2 span:before{

  content: "";

  margin-right:8px;

}

.section-default-title:before {

    content: "";

    position: absolute;

    top: 48px;

    left: 0;

    width: 100%;

    height: 0px;

    background: #dbdcde;

}



.section-default-title:after {

    content: "";

    position: absolute;

    top: 50px;

    left: 0;

    width: 40px;

    height: 3px;

    background: #e60000;

}

.section-default-title.center:after {

    left: 50%;

    margin-left: -20px;

}

.section-default-title p{

  margin-top: 30px;

}





.index-feature {

 

}

.index-feature img {

  position: relative;

  z-index: 2;

}



.index-feature-cirlce {

  display: inline-block;

  width: 8em;

  height: 8em;

  color: #fff;

  border-radius: 50%;

  z-index: 1;

  position: absolute;

  padding-top:1em;

}

.index-feature-cirle-blue {

  background: #33b1e6;

  bottom: 2px;

  left: 5%;

}

.index-feature-cirle-red {

  background: #e85425;

  bottom: 75%;

  left: 35%;

}

.index-feature-cirle-green {

  background: #94db40;

  bottom: 34%;

  right: 8%;

}

.index-feature-cirlce i {

  font-size: 3em;

}

.index-feature-cirlce strong {



}