@charset "utf-8";
/* CSS Document */

.rencai1{ font-size:16px; padding:0 0 100px;}
.rencai1 h4{ display:block; line-height:1; color:#0b469e; font-size:1.75em; text-align:center; overflow:hidden; padding:0 0 1em;}
.rencai1 .pic{ overflow:hidden;}
.rencai1 .pic img{ display:block; max-width:100%; margin:4em auto 0; transition:all ease 0.4s;}
.rencai1 .txt{ flex:auto; line-height:2; color:#333; font-size:1.125em; overflow:hidden;}

.rencai2{ font-size:16px; padding:0 0 80px;}
.rencai2 h4{ display:block; line-height:1; color:#0b469e; font-size:1.75em; text-align:center; overflow:hidden; padding:0 0 1em;}
.rencai2 .txt{ flex:auto; line-height:2; color:#333; font-size:1.125em; text-align:center; overflow:hidden;}
.rencai2 ul{ display:block; overflow:hidden; padding:40px 0 0; margin:0 -14px;}
.rencai2 ul li{ display:block; width:50%; float:left;}
.rencai2 ul li a{ display:block; overflow:hidden; position:relative; margin:0 14px; cursor:pointer;}
.rencai2 ul li img.pic{ display:block; width:100%; transition:all ease 0.4s;}
.rencai2 ul li a:hover img.pic{ transform:scale(1.05);}
.rencai2 ul li div{ display:block; width:100%; color:#fff; box-sizing:border-box; background:rgba(0,71,186,0.7); padding:3.5% 6.6% 5.5%; position:absolute; left:0; bottom:0;}
.rencai2 ul li em{ display:block; line-height:2; font-size:1.75em; overflow:hidden;}
.rencai2 ul li em img{ display:block; height:2em; float:left; margin-right:0.57em;}
.rencai2 ul li p{ display:block; height:9em; line-height:2.25; padding:0.625em 0 0; overflow:hidden;}

.rencai3{ font-size:16px; background:url(../images/icons/rc_bg3.jpg) center no-repeat; background-size:cover; padding:80px 0;}
.rencai3 h4{ display:block; line-height:1; color:#0b469e; font-size:1.75em; text-align:center; overflow:hidden; padding:0 0 1em;}
.rencai3 ul{ display:flex; justify-content:center; font-size:16px; padding:50px 0 30px;}
.rencai3 ul li{ margin:0 2.5em;}
.rencai3 ul li em{ display:block; width:13.3em; line-height:3.2; color:#fff; font-size:1.25em; font-weight:bold; text-align:center; background-image:linear-gradient(#bfd6ff, #2b70fc); border-radius:1.6em; margin:0 auto;}
.rencai3 ul li p{ display:block; overflow:hidden;}
.rencai3 ul li p a{ display:block; width:16.5em; line-height:3.875; color:#0b469e; text-align:center; background-image:linear-gradient(to right, #f0f4fa, #93bff1); border:1px solid #0b469e; border-radius:2em; margin:1.25em 0 0;}
.rencai3 ul li:only-child{ margin:0;}
.rencai3 ul li:only-child p{ display:flex; flex-wrap:wrap; justify-content:center; width:55em;}
.rencai3 ul li:only-child p a{ margin:1.25em 0.75em 0;}





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

.rencai1 .txt{ font-size:inherit;}

.rencai2 .txt{ font-size:inherit;}

.rencai2 ul{ font-size:14px;}
.rencai2 ul li em{ font-size:1.5em;}

.rencai3 ul{ font-size:14px;}

}

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

.rencai1{ font-size:14px; padding:0 0 60px;}
.rencai1 h4{ font-size:18px;}
.rencai1 .pic img{ margin-top:2em;}

.rencai2{ font-size:14px; padding:0 0 40px;}
.rencai2 h4{ font-size:18px;}
.rencai2 ul{ font-size:13px; padding:20px 0 0;}
.rencai2 ul li{ width:100%; margin:0 0 12px;}
.rencai2 ul li img.pic{ height:160px; object-fit:cover;}
.rencai2 ul li div{ padding:4% 5% 6%; position:relative; bottom:auto;}
.rencai2 ul li p{ height:auto; line-height:1.875;}
.rencai2 ul li em{ font-size:1.25em;}

.rencai3{ padding:40px 0;}
.rencai3 h4{ font-size:18px;}
.rencai3 ul{ font-size:13px; padding:16px 0 16px;}
.rencai3 ul li{ margin:0 0.5em;}
.rencai3 ul li em{ font-size:1.125em; width:10em; line-height:2.68; border-radius:1.34em;}
.rencai3 ul li p a{ width:11em; line-height:2.875; border-radius:1.5em; margin:1em 0 0;}
.rencai3 ul li:only-child p{ width:auto;}
.rencai3 ul li:only-child p a{ margin:1em 0.5em 0;}

.main dl.jobList{ font-size:13px; padding:0 0 40px;}
.main dl.jobList dt{ margin:12px 0 0; padding:0 4%;}
.main dl.jobList dt::before,
.main dl.jobList dt::after{ height:16px; margin:-8px -1px 0 0; right:7%;}
.main dl.jobList dd{ padding:1em 4% 1.5em;}


}












/**/