.ccol1 {margin-bottom:60px}
.ccol1 .main{width: 990px;height: auto;padding: 30px 105px; 35px 105px;background: #f8f8f8}
.main .fs{width:100%;line-height: 46px;color: #777777;font-size: 20px;font-weight: 400}
.main .fs_s{width:100%;line-height: 24px;color: #777777;font-size: 14px;}
.main .top{width:100%;}
.main .top .ul{width:100%;}
.main .left{width:485px;height: auto;}
.main .left .map{width:100%;height: 200px;box-sizing: border-box;border: 1px solid #d5d5d5}
.box{width:100%;height: auto;box-sizing: border-box;border: 1px solid #d5d5d5}
.box .tr{width:100%;height: 50px;box-sizing: border-box;border-bottom: 1px solid #d5d5d5;}
.box .tr .th{width:100px;height: 50px;line-height: 50px;border-right: 1px solid #d5d5d5;font-size: 14px;color: #777777;text-align: center}
.box .tr .td{width:340px;height: auto;padding: 10px 20px;line-height: 30px;font-size: 14px;}
.box .tr .td .inp{width:100%;height: 30px;}

.box .tr_last{height:98px;border-bottom: 1px;}
.box .tr_last .th{height: 98px;line-height: 98px}
.box .tr_last .td{width:380px;height: 98px;padding: 0 0;}
.box .tr_last .td .inp{width:60px;height: 80px;padding: 10px 20px;}
.box .tr_last .td .btnpost{width:72px;height: 98px;line-height: 98px;font-size: 14px;color: #FFFFFF;background: #e60012;text-align: center}
.box .tr_last .td .inptxt{width:200px}
.main .left .fs{margin-top:30px;margin-bottom: 15px;}


/*joblist*/
.ccol2 {padding-bottom: 60px;}
.ccol2 .main{width: 990px;height: auto;padding: 30px 105px;background: #f8f8f8;}
.joblist{width:100%;height: auto;position:relative}

.joblist::after{content:'';width:1px;height:100%;position:absolute;left:50%;top:0;background:#d5d5d5}
.joblist .jobli{width:434px;border-bottom: 1px solid #d5d5d5;height: 50px;}
.joblist .jobli .name{font-size:16px;color: #333333;line-height: 50px;}
.joblist .jobli .rg{font-size:16px;color: #999999;line-height: 50px;position: relative;padding-right: 15px;}
.joblist .jobli .rg::after{content:'';position: absolute;top: 50%;transform: translateY(-7px);border: 8px solid rgba(0, 0, 0, 0);    border-left-color:#999999;right: -8px;}
.joblist .jobli:hover .name{color:#000000;font-weight: bold;}
.joblist .jobli:hover .rg{color:#333333;}
.joblist .jobli:hover .rg::after{border-left-color: #333333}


.footer{width:100%;height: auto;background: #ffffff;padding-top: 45px;}
.ulleft .fs.fl {  color: #333333; }  
.ulleft .fs_a a:hover{color:#000000}



/*banner*/
.banner{width: 100%;height: auto;}
.banner .swiper-container {width: 100%; height: auto; color: #fff; text-align: center;}
.banner .swiper-container .img{width:100%;height: auto;background-size: cover;background-position: center;background-repeat: no-repeat;}
.banner .pagination { position: absolute;z-index: 20;bottom: 10px;width: 100%;text-align: center; }
.banner .swiper-pagination-switch {display: inline-block; width: 20px; height: 20px; border-radius: 20px; background: #fff;margin-right: 15px; opacity: 0.6; cursor: pointer;}
.banner .swiper-visible-switch {background: #fff;opacity: 1;}
.banner .swiper-active-switch {background: #fff;opacity: 1;}