@charset "utf-8";

.h48{ font-size: 48px; }
.pbtn .slick-arrow {background: #e8e8e8;width: 50px;height: 50px;line-height: 50px;  z-index: 9999;}
.pbtn .slick-arrow:before {color: #5e5e5e;}
.pbtn .slick-prev {left: 0;}
.pbtn .slick-next {right: 0;}
.pbtn .slick-prev:before {content: "\e768";}
.pbtn .slick-next:before {content: "\e769";}
.pbtn .slick-arrow:hover {background: url(../image/temp/bgi1.jpg);}
.pbtn .slick-arrow:hover:before {color: #fff;}

.pro_dbanner .slick-item{position: relative;}
.pro_dbanner .con{position: absolute; top: 479px; left: 0;right: 0; color: #fff;}
.pro_dbanner .con .t1{ color: #FFB500; }
.pro_dbanner .con .t2{ margin-top: 19px; }

.pro_detail1{ padding: 130px 0 109px; }
.pro_detail1 .p{ margin: 10px 160px 0; color: #666666; text-align: justify;}
.pro_detail1 .slick-mod{ margin: 50px 0 0; }
.pro_detail1 .slick-item{ position: relative; z-index: 2; }
/*.pro_detail1 .s2{ z-index: 1; vertical-align: top !important; }*/
/*.pro_detail1 .s2 .img{ margin-left: -60px; margin-top: 43px; }*/
.pro_detail1 .slick-mod .img{ width: 675px; margin: auto;}

.pro_detail2{ background: url(../image/lys/jpg4.jpg) no-repeat center; background-size: cover; color: #fff; padding: 132px 0 85px; }
.pro_detail2 .list{ margin: 100px 0 0; font-size: 0; }
.pro_detail2 .list .li{ display: inline-block; width: 307px; height: 225px; margin-top: 30px; vertical-align: top; padding: 40px; text-align: center; position: relative; }
.pro_detail2 .list .icon{ width: 74px; margin: 0 auto 24px; }
.pro_detail2 .list .icon img{ display: block; width: 100%; }
.pro_detail2 .list .txtbox{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../image/lys/jpg8.jpg) no-repeat center; background-size: cover; padding: 24px 15px; text-align: left; display: none; }

.pro_detail3{ padding: 110px 0 140px; }
.pro_detail3 .roundabout_box{ margin: 70px auto 0; }
.pro_detail3 .roundabout_box,.pro_detail3 .roundabout-holder{ width: 750px; height: 639px; position: relative; }
.pro_detail3 .roundabout_box .li{ width: 844px; height: 639px; position: relative; }
.pro_detail3 .roundabout_box .limg,.pro_detail3 .roundabout_box .limg img{ width: 100%; height: 100%; }
.pro_detail3 .roundabout_box .tbox{ width: 100%; height: 267px; background: url(../image/lys/png9.png) no-repeat center; background-size: cover; padding: 35px 35px 0; position: absolute; bottom: 0; left: 0; color: #fff; display: none; }
.pro_detail3 .roundabout_box .tbox .p{ margin-top: 10px;}
.pro_detail3 .roundabout_box .tbox .link{ width: 180px; margin-top: 29px;}
.pro_detail3 .roundabout_box .tbox .link img{ width: 100%; display: block;}
.pro_detail3 .roundabout_box .roundabout-in-focus .tbox{ display: block; }
.pro_detail3 .slick-prev{ left: -248px; }
.pro_detail3 .slick-next{ right: -240px; }

.recruitment{ padding: 133px 0 140px; }
.recruitment .tab-bar{ text-align: center; }
.recruitment .tab-term{ display: inline-block; position: relative; margin: 0 50px; cursor: pointer; vertical-align: middle; }
.recruitment .tab-term.cur{ font-size: 30px; color: #FFB500; }
.recruitment .tab-term.cur::after{ content: ""; position: absolute; left: 50%; margin-left: -65px; width: 130px; height: 11px; bottom: -26px; background: url(../image/lys/png10.png) no-repeat center; background-size: cover; }
.recruitment .tablebox{ margin: 107px 0 100px; }
.recruitment .tablebox table{ width: 100%; background: url(../image/lys/jpg11.jpg) no-repeat top center; background-size: 100% 80px;}
.recruitment .tablebox thead{ line-height: 80px;height: 80px;  color: #fff; }
.recruitment .tablebox th{ font-weight: normal; }
.recruitment .tablebox th:last-child{ width: 320px; }
.recruitment .tablebox td{ text-align: center; border-bottom: 1px solid #DDDDDD; padding: 30px 0; }
.recruitment .tablebox .tbtn{ width: 130px; margin: auto; cursor: pointer; display: block; }
.recruitment .tablebox .tbtn img{ width: 100%; display: block; }

.pop-rec{ background-color: rgba(0,0,0,.4); display: none;}
.pop-rec.x-show {display: block;}
.pop-rec .pop-dialog{ width: 1044px; height: 709px; background-color: #fff; padding: 65px 75px 0; }
.pop-rec .box1{ padding: 0 30px 25px; border-bottom: 1px solid #ddd; }
.pop-rec .box1 .t1{ color: #666; margin-top: 19px; }
.pop-rec .box1 .t2{ color: #666; margin-top: 12px; }
.pop-rec .box2{ padding: 35px 30px; border-bottom: 1px solid #ddd; }
.pop-rec .box2 .tt1{ margin-bottom: 12px; }
.pop-rec .box2 .tt1 img{ display: inline-block; vertical-align: middle; width: 20px; margin-right: 15px; }
.pop-rec .box2 .pbox{ color: #666; }
.pop-rec .box2 .item+.item{ margin-top: 23px; }
.pop-rec .lk{ width: 140px; margin: 30px 0 0 30px; }
.pop-rec .lk img{ display: block; width: 100%; }
.pop-rec .pop-close:before{ display: none; }
.pop-rec .pop-close{ width: 30px; height: 30px; border-radius: 0; background: url(../image/lys/png13.png) no-repeat center; background-size: cover; top: 60px; right: 60px; }
/*	pc 端	*/
.pro_detail2 .list .li:hover .txtbox{ display: block; }
@media screen and (min-width: 1021px){
}
@media screen and (max-width: 1366px){
	.pop-rec .pop-dialog{ height: 600px; padding-top: 30px; }
}



@media screen and (max-width: 1020px){
	.recruitment{ padding: 1rem 0; }
	.recruitment .tab-term{ margin: 0 0.2rem; }
	.recruitment .tab-term.cur{ font-size: 0.4rem; }
	.recruitment .tab-term.cur::after{ width: 120%; margin-left: -60%; bottom: -20px; }
	.recruitment .tablebox{ margin: 0.8rem 0 0.5rem; }
	.recruitment .tablebox tr,.recruitment .tablebox td{ display: block; }
	.recruitment .tablebox tr+tr{ margin-top: 0.4rem; }
	.recruitment .tablebox td{ border: none; text-align: left; padding: 0.2rem 0; position: relative; padding-left: 22%; }
	.recruitment .tablebox td:after{ content: attr(data-th); position: absolute; left: 0; top: 0.2rem; }
	.recruitment .tablebox td:last-child{ border-bottom: 1px solid #DDDDDD; padding-left: 0; padding-bottom: 0.5rem; }
	.recruitment .tablebox .tbtn{ width: 2rem; }
	.pop-rec .pop-dialog{ width: 90%; padding: 0.5rem 0 0.5rem 0.3rem; height: 60%; }
	.pop-rec .pop-close{ width: 0.4rem; height: 0.4rem; top: 0.2rem; right: 0.2rem; }
	.pop-rec .cont{ overflow-y: auto; padding-right: 0.3rem; height: 100%; }
	.pop-rec .box1{ padding: 0 0 0.2rem; }
	.pop-rec .box1 .t1{ margin-top: 0.1rem; }
	.pop-rec .box1 .t2{ margin-top: 0.1rem; }
	.pop-rec .box2{ padding: 0.3rem 0; }
	.pop-rec .box2 .tt1{ margin-bottom: 0.1rem; }
	.pop-rec .box2 .item+.item{ margin-top: 0.3rem; }
	.pop-rec .lk{ width: 2rem; margin: 0.3rem 0 0; }

	.pro_dbanner .con{ bottom: 10%; top: auto; left: 0.5rem; right: 0.5rem; }
	.pro_dbanner .con .t2{ margin-top: 0.2rem; }
	.pro_detail1{ padding: 1rem 0; }
	.pro_detail1 .p{ margin: 0.1rem 0 0; }
	.pro_detail1 .slick-mod{ margin: 0.5rem 0 0; }
	.pro_detail1 .slick-mod .img{ width: 100%; }
	.pro_detail1 .s2 .img{ margin: 0; }
	.pro_detail2{ padding: 1rem 0; }
	.pro_detail2 .list{ margin-top: 0; }
	.pro_detail2 .list .li{ width: 50%; height: 3rem; margin-top: 0.5rem; padding: 0.5rem 0.3rem; }
	.pro_detail2 .list .icon{ width: 1rem; margin-bottom: 0.3rem; }
	.pro_detail3{ padding: 1rem 0; }
	.pro_detail3 .roundabout_box{ margin-top: 0; }
	.pro_detail3 .roundabout_box, .pro_detail3 .roundabout-holder{ width: 100%; height: auto; }
	.pro_detail3 .roundabout_box .li{ height: auto; }
	.pro_detail3 .roundabout_box>.slick-arrow{ display: none; }
	.pro_detail3 .slick-arrow{ bottom: auto; top: 2.5rem; }
	.pro_detail3 .slick-prev{ left: 0; }
	.pro_detail3 .slick-next{ right: 0; }
	.pro_detail3 .roundabout_box .tbox{ display: block; position: static; height: auto; padding: 0.5rem 0.3rem; }
	.pro_detail3 .roundabout_box .tbox .p{ margin-top: 0.1rem; }
	.pro_detail3 .roundabout_box .tbox .link{ width: 3rem; margin-top: 0.3rem; }
	.pro_detail2 .list .txtbox{ padding: 0.2rem; padding-right: 0;display: none;visibility: hidden;opacity: 0; }
	.pro_detail2 .list .txtbox .inner{ padding-right: 0.2rem; height: 100%; overflow-y: auto; }




	.h48{ font-size: 0.5rem; }
	.recruitment .tablebox thead{ display: none; }
	.recruitment .tablebox table {background: none;}
}