/* ******************************************************* * filename : main_responsive.css ******************************************************** */ @media all and (max-width:1537px){ #mainRecruitCon:after{width:12%;} #mainRecruitCon .container{padding-top:140px;} #mainRecruitCon .container:before{top:70px;} } @media all and (max-width:1439px){ #mainRecruitCon:after{width:12%;} #mainRecruitCon .container{padding-top:120px;} #mainRecruitCon .container:before{top:90px;} } @media all and (max-width:1366px){ .about_bg .about_cont .about_right .about_scoll{max-height:220px;} .pro_name{font-size:24px;margin-bottom:25px;height:60px;line-height:30px;} #mainRecruitCon .container{padding-top:110px;} .ind_new_case{padding:0 0 15px 0;} .engtab{padding-top:20px;} .hometitle{padding-bottom:15px;} .main-info-wrapper .h3, .hometitle h2{font-size:40px;} .home_last ul li .last_cont{bottom:30px;padding:0 30px;} .home_last{padding-top:106px;padding-bottom:10px;} } @media all and (max-width:1365px){ .about_bg .about_cont .about_left{width:44%;} .about_bg .about_cont .about_right{width:56%;padding-left:60px;} #mainRecruitCon:after{width:12%;} } @media all and (max-width:1279px){ .link-box a i.img-txt{padding-left:40px;background-size:30px 30px;} .link-box a:hover::after{right:15px;} .about_bg .main-info-list-con ul li h4 span, .about_bg .main-info-list-con ul li:nth-child(3) h4 em{font-size:48px;} #mainRecruitCon:after{width:12%;} .home_last ul li .last_cont strong{font-size:24px;} } @media all and (max-width:1200px){ .link-box a i.img-txt{padding-left:25px;background-size:20px 20px;} .link-box a{font-size:16px;} .link-box a:hover::after{right:15px;} } @media all and (max-width:991px){ .link-box .headline{width:15vw;font-size:20px;} .link-box a i.img-txt{padding-left:20px;background-size:15px 15px;} .link-box a:hover::after{right:10px;} .link-box a:hover i{margin-left:-25px;} .link-box a::after{content:'';display:inline-block;width:10px;height:7px;background:url(../images/linkic.png) 0 0 / contain no-repeat;position:absolute;right:50%;top:50%;opacity:0;transform:translateY(-50%);transition:all 0.55s;} .about_bg .about_cont .about_left .about_text strong{font-size:36px;} .about_bg .about_cont .about_text span{font-size:20px;} .about_bg .main-info-list-con ul li h4 span, .about_bg .main-info-list-con ul li:nth-child(3) h4 em{font-size:35px;} .ind_new_case{padding:0 0 30px 0;} .home_last{padding-top:20px;padding-bottom:30px;} } @media all and (max-width:480px){ .menu-list-con dt{font-size:25px;} } @media all and (max-width:991px){ #mainInformationCon{height:100vh;} #mainInformationCon .fp-tableCell{height:100%!important;} .bantext .text p{font-size:28px;} .about_bg{float:left;position:relative;padding:50px 0 0;} .about_bg .about_cont{padding-left:15px;padding-right:15px;} /* three*/ .main-info-wrapper li a{padding:50px 30px 30px 30px;} .main-info-wrapper .h3{font-size:36px;top:100px;} /*four*/ .hometitle h2{font-size:36px;} #mainRecruitCon{height:auto!important;padding-top:50px;padding-bottom:50px;} #mainRecruitCon .fp-tableCell{height:auto!important;} #section2 .inSect{position:inherit;top:inherit;transform:none;} #mainRecruitCon .container{padding-top:0;} #mainRecruitCon:after{display:none;} } @media all and (max-width:800px){ .main-info-wrapper li a{padding:50px 15px 30px 15px;} .main-info-wrapper .h3{font-size:36px;top:100px;} } @media all and (max-width:480px){ /* Information */ .main-info-tit-box .main-info-tit{font-size:25px} } @media all and (max-width:767px){ .main-visual-item .main-visual-pc-img{display:none!important;} .main-visual-item .main-visual-m-img{display:block;} .swiper-pagination-custom{bottom:50px;} .ban_bottom{bottom:55px;} .about_bg .about_cont .about_left{width:100%;max-width:inherit;text-align:left;} .about_bg .about_cont .about_right{width:100%;text-align:left;padding-top:30px;padding-left:0;} .about_bg .main-info-list-con ul li{height:100px;margin-top:30px;} .about_bg .about_cont .about_left .about_name{margin-bottom:20px;} .about_bg .main-info-list-con ul li div{padding-top:0;} .about_bg .about_cont .about_right .about_scoll{height:140px;padding-right:0;max-height:inherit;overflow-y:hidden;overflow:hidden;white-space:inherit;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;} .about_bg .about_cont{padding-left:0;padding-right:0;} /* two*/ #mainInformationCon{height:auto!important;} /* three*/ #mainBannerLinkCon{height:auto!important;} .main-info-wrapper{height:auto;} .main-info-wrapper .h3{position:inherit;color:#333333;font-size:32px;top:inherit;left:inherit;padding:50px 0 40px 15px;} .main-info-wrapper li{width:100%;height:180px;background-image:none!important;padding:0 15px;} .main-info-wrapper li a{padding:0;position:relative;overflow:hidden;background-position:center;background-size:cover;} .main-info-wrapper li .inner-box{position:absolute;left:0;top:0;width:100%;height:100%;} .main-info-wrapper li .over-bg{position:absolute;display:block;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;} .main-info-wrapper li .inner-box .tit{display:none;} .main-info-wrapper li .tit_bottom{left:0;padding-left:30px;bottom:inherit;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} .main-info-wrapper li .tit_bottom i{position:absolute;right:40px;top:20px;margin:0;width:60px;height:60px;line-height:60px;} /*home new*/ #mainRecruitCon{background:none!important;} #mainRecruitCon .container{padding-top:30px;} #mainRecruitCon .container:before{position:absolute;right:15px;top:-30px;width:70%;} .hometitle{padding-bottom:15px;} .hometitle h2{font-size:32px;} .engtab .nav-tabs{border:none;text-align:left;padding-bottom:30px;display:block;position:inherit;right:0;top:inherit;z-index:666;} .engtab .nav-tabs .nav-link{padding-bottom:20px;} .engtab .nav-tabs .nav-item{padding:0 5px;} .pro_name{font-size:20px;margin-bottom:25px;height:50px;line-height:25px;} /*last*/ .home_last{padding-top:0px;padding-bottom:30px;} .home_last ul li{width:100%;padding:0 0 30px 0;} .home_last ul li .last_cont strong{font-size:24px;} .home_last ul li .last_cont{padding:0 15px;bottom:15px;} .home_last ul li .last_cont p{line-height:1.2;font-size:14px;} .home_last ul li .last_cont span{font-size:14px;} } @media all and (max-width:350px){ .bantext .text p{font-size:36px;} .about_bg .main-info-list-con ul li h4 span, .about_bg .main-info-list-con ul li:nth-child(3) h4 em{font-size:28px;} .about_bg .main-info-list-con ul li p{font-size:14px;} .about_bg .about_cont .about_left .about_text strong{font-size:28px;} }