/*濯掍綋鏌ヨ*/ @media screen and (max-width:1217px) { .max { width: 98%; margin: 0 auto; } /***************************棣栭〉********************/ .videoBroadcast { margin-top: 20px; } .service { padding: 50px 0; } .footerBjt .footer ul { margin-right: 45px; /***************************鎷涜仒********************/ .talentRecruitment .recruitment i { padding-top: 100px; } .rright { left: 20%; } /***************************浜у搧********************/ .product { background-image: none; } .product .imgnews .center { padding: 30px; width: calc(33% - 100px); } .product #oranger li img { max-width: 150px; max-height: 150px; } .center .cen { padding: 20px 0 15px 0; } .center .cen h6 { font-size: 12px; margin-bottom: 0px; } .center .cen p { font-size: 12px; } /***************************绠€浠?*******************/ .icons_5 .img { width: 18%; margin-right: 2.5%; } .icons_5 .img:nth-child(5) { margin-right: 0%; } .clock .img1 { left: 24%; } .clock .img2 { top: 7%; left: 57%; } .clock .img3 { left: 72%; } .clock .img4 { left: 57%; } .clock .img5 { left: 23%; } .clock .img6 { top: 37%; left: 8%; } #marquee1 li { float: left; display: block; width: 1200px; height: 500px; padding-top: 60px; } } @media screen and (max-width:1008px) { .max { width: 98%; margin: 0 auto; } /***************************棣栭〉********************/ #marquee1 li { float: left; display: block; width: 992px; height: 400px; padding-top: 60px; } .header .nav li { line-height: 100px; height: 100px; } .header .nav li img { margin-top: 20px; } .service .ser img { max-width: 100px; max-height: 100px; } .footerBjt .footer ul:nth-child(1) { width: 10%; } .footerBjt .footer ul { width: 28%; margin-right: 10px; } /***************************鎷涜仒********************/ .rright { width: 400px; left: 20%; top: 20%; } .talentRecruitment .swiper-button-prev, .swiper-button-prev { left: 35%; top: 95%; } .talentRecruitment .swiper-button-next, .swiper-button-prev { right: 35%; top: 95%; } .talentRecruitment .swiper-containerg { padding-bottom: 100px; } /***************************浜у搧********************/ .product #oranger { width: 200px; } .product .tablea { width: calc(100% - 200px); } .product #oranger li img { max-width: 100px; max-height: 100px; } /***************************浠嬬粛********************/ .clock .image img { max-width: 150px; max-height: 150px; } .clock .img1 { top: 12%; left: 21%; } .clock .img2 { top: 12%; left: 61%; } .clock .img3 { position: absolute; top: 42%; left: 79%; } .clock .img4 { left: 61%; } .clock .img5 { left: 20%; } .clock .img6 { top: 41%; left: 2%; } } @media screen and (max-width:784px) { .max { width: 96%; margin: 0 auto; } /***************************棣栭〉********************/ .footerBjt .copyright p br { display: block; } .footerBjt .footer ul li .i1 { display: none; } .footerBjt .footer ul li .i2 { display: block; } .footerBjt { background: #282828; position: relative; } .header { z-index: 999999999999999999; } .videoax { width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; z-index: 99; } #container198ca021b112868e29d9b17e82257e04_1 { width: 100% !important; height: 100% !important; } .videoBroadcast .play { display: none; } .videoBroadcast .vimg { display: none; } .videoBroadcast:hover .wave { display: none; } .videoBroadcast .play { position: absolute; left: calc(50% - 15px); top: 38%; width: 30px; height: 30px; z-index: 199999; } #marquee1 li { float: left; display: block; width: 320px; height: 200px; padding-top: 0px; } #marquee1 li img { width: 320px; height: 200px; } /*鎶樺彔瀵艰埅*/ .btn { display: block; } .header .nav { display: none; position: fixed; right: 0%; top: 8%; z-index: 99999999999; width: 40%; background: rgba(145, 0, 0, 0.7); } .header .nav li { float: left; width: 100%; text-align: center; position: relative; line-height: 50px; height: 50px; } .header .nav li>a { color: #fff; } .nav li:hover .two { display: none; } .header .nav>li:nth-child(n+4) { text-align: center; width: 100%; } /*閫変腑鏁堟灉*/ .header .nav .no { background: rgba(255, 255, 255, 0.7); } .header .nav .no a { color: #000; } /*hover鏁堟灉*/ .header .nav li:hover { background: rgba(255, 255, 255, 0.7); } .header .nav li:hover a { color: #000; } .header .liimg { display: none; } /*缁撴潫*/ .header .nav li img { margin-top: 0px; } .header .nav li .m2 { display: none; } .header .nav li .m1 { display: block; width: 80%; margin: 0 auto; } .videoBroadcast { margin-top: 0px; } .service { padding: 30px 0; } .service .ser img { max-width: 50px; max-height: 50px; margin-bottom: 10px; margin-right: 10px; } .service .ser h6 { font-size: 12px; } .service .ser p { font-size: 12px; } .cooperative { padding: 0; } .title { text-align: center; background-image: url(../image/8.png); background-repeat: no-repeat; background-size: 100px 60px; background-position: 48% 37%; padding: 40px 0; margin: 0; } .product{background:none;} .product .title { background-size: 100px 60px; background-position: 48% 37%; } .title h3 { font-size: 18px; letter-spacing: 3px; } .cooperative #oranger li a { font-size: 16px; } .cooperative .imgnews .partner .img { width: calc(50% - 17px); float: left; margin: 0 20px 20px 0; } .cooperative .imgnews .partner .img:nth-child(2n) { margin: 0 0 20px 0; } .cooperative #oranger { margin-bottom: 30px; margin-top: -30px; } .top { position: absolute; top: -4%; left: calc(50% - 35px); } .top img { width: 70px; height: 50px; } .footerBjt .footer { padding: 30px 0 0 0; } .footerBjt .footer ul:nth-child(1) { width: 50%; } .footerBjt .footer ul:nth-child(3) { margin-bottom: 0px; display: none; } .footerBjt .footer ul:nth-child(4) { width: 100%; } .footerBjt .footer ul { width: 50%; margin-right: 0; margin-bottom: 20px; } .footerBjt .footer ul:nth-child(3) li p { line-height: 30px; } .footerBjt .footer ul h6 { margin-bottom: 10px; color: #ddd; } .footerBjt .footer ul li a { color: #ddd; } .footerBjt .copyright { display: none; width: 60%; line-height: 20px; font-size: 12px; color: #ddd; position: absolute; left:2%; bottom:20px; text-align: left; } .footerBjt .max>img { display: none; } .footerBjt .copyright a { color: #ddd; } .footerBjt .footer ul li { font-size: 12px; margin-bottom: 5px; } .footerBjt .footer ul li { color: #ddd; } .corpoat .img img { max-width: 80%; max-height: 80%; } .WEB p{font-size:12px;line-height:22px;} /*璇︽儏椤?/ .content { font-size: 14px; } .cont_title h3 { font-size: 16px; line-height: 30px; margin: 0 0 10px 0; } .cont_title p { font-size: 14px; } .prevnext { margin: 15px auto; padding-top: 15px; } .prevnext .prevrecord { width: 100%; text-align: left; height: 30px; line-height: 30px; overflow: hidden; float: none; } .prevnext .nextrecord { width: 100%; text-align: left; height: 30px; line-height: 30px; overflow: hidden; float: none; } /***************************浠e伐鏈嶅姟********************/ .foundryService { padding: 0 0 50px 0; } /***************************瀹氬埗鏈嶅姟********************/ .customizedService { background-image: none; } /***************************鎷涜仒********************/ .rright { width: 70%; left: 5%; top: 25%; } .rright h6 { line-height: 60px; height: 60px; font-size: 16px; color: #7d7d7d; } .rright p { margin: 30px 0; } .rright .btn2 { margin-bottom: 30px; } .talentRecruitment .recruitment{padding:10px;} .talentRecruitment .recruitment .cont{margin-top:10px;height:130px;} .talentRecruitment .recruitment .cont p{line-height:25px;font-size:12px;} .talentRecruitment .come_on b { font-size: 24px; } .talentRecruitment .come_on h6 { font-size: 20px; } .talentRecruitment .come_on i { margin: 30px auto; } .talentRecruitment .come_on { margin-bottom: 60px; } /***************************鑱旂郴********************/ .contactus .title { margin: 0; } .contactus .map { width: 100%; } .contactus .map img { margin: 0 0 20px 0; } .contactus .map p { font-size: 14px; line-height: 30px; } /*---------------*/ .contactInformati { margin: 30px 0; } .contactInformati .conta { width: 100%; margin-bottom: 30px; text-align: center; float: left; } /*---------------*/ .form li { margin-bottom: 10px; } .form li span { display: none; } .form li textarea { width: 100%; font-size: 16px; text-indent: 1em; } .form li input { width: 100%; line-height: 40px; height: 40px; font-size: 14px; text-indent: 1em; } .form li input#code { width: calc(100% - 120px); } .form button { width: 150px; margin: 40px auto 60px auto; font-size: 16px; } /***************************浜у搧********************/ .product #oranger { width: 100%; margin-bottom: 30px; } .productCenter .product #oranger li { width: 22%; padding: 10px 0; margin-bottom: 0px; float: left; margin-right: 2.2%; } .productCenter .product #oranger li.hover{border:1px solid #b8001b;} .productCenter .product #oranger li:nth-child(4) { margin-right: 0%; } .productCenter .product #oranger li img { width: 30px; height: 30px; margin-bottom: 10px; text-align: center; } .productCenter .product #oranger li h6 { font-size: 12px; } .product .tablea { width: 100%; } .product .imgnews .center { padding: 10px; width: calc(50% - 25px); margin-right: 10px; margin-bottom: 10px; } .product .imgnews .center:nth-child(2n) { margin-right: 0px; } .product .imgnews .center:nth-child(3) { margin-right: 10px; } .no-more { font-size: 16px; margin: 30px auto; padding: 8px 0; width: 130px; } .productCenter { background-image: none; } /***************************绠€浠?*******************/ .icons_5 { padding: 20px 0; } .surveyP { font-size: 14px; line-height: 26px; } .clowid { margin: 30px 0px; } .clock { background-size: 70% 70% } .clock .image img { max-width: 100px; max-height: 100px; } .clock .img1 { top: -4%; left: 17%; } .clock .img2 { top: -4%; left: 57%; } .clock .img3 { position: absolute; top: 33%; left: 75%; } .clock .img4 { position: absolute; top: 73%; left: 56%; } .clock .img5 { position: absolute; top: 72%; left: 15%; } .clock .img6 { position: absolute; top: 33%; left: -2%; } .cultureP { font-size: 14px; } .cultureP .p1 { font-size: 14px; } .cultureImg { padding: 30px 0; } .cultureImg .img { float: left; width: 32%; margin-right: 2%; margin-bottom: 2%; } .cultureImg .img:nth-child(3n) { margin-right: 0%; } .cultureImg .img:nth-child(2n-1) { margin-top: 0; } .cultureVideo p { font-size: 14px; } .cultureVideo object, .cultureVideo video, .cultureVideo embed, .cultureVideo div { margin-top: 20px; max-width: 100%; max-height: 380px; } .frameworkP { font-size: 14px; } .frameworkSwiper { margin: 30px 0px; } .framework .swiper-button-next, .swiper-button-prev { top: 115%; right: 35%; width: 20px; height: 20px; } .framework .swiper-button-prev, .swiper-container-rtl .swiper-button-next { top: 115%; left: 35%; width: 20px; height: 20px; } .news .title { margin-top: 20px; } .newsList li .img { width: 100%; margin-right: 0px; } .newsList .list { width: 100%; } .newsList li:nth-child(2n) { display: none; } .newsList .list h6 { font-size: 14px; line-height: 20px; margin: 10px 0; } .newsList .list p { font-size: 14px; line-height: 40px; } .newsList .list p img { display: none; } .newsList .list p i { font-size: 24px; font-style: normal; display: block; } .newsList .list p>span { float: left; } .newsList .lis p { margin-bottom: 20px; } .newsList li { margin-bottom: 20px; } .gdxw { font-size: 16px; } .newsList { margin-bottom: 20px; } .newsList li:nth-child(2n) .img { margin-left: 0px; margin-right: 0px; } /***************************鏂伴椈********************/ .newsInformation .newsList .list { width: 100%; } .newsInformation .newsList li .img { width: 100%; margin-left: 0px; } .newsList .list p { margin-bottom: 10px; } .paging a { padding: 5px 7px; margin-right: 0px; font-size: 12px; } .newsInformation .paging { margin: 40px 0; } /*.talentRecruitment .swiper-button-next, .swiper-button-prev { display: none; }*/ /*.talentRecruitment .swiper-button-prev, .swiper-button-prev { display: none; }*/ .talentRecruitment .swiper-containerg { padding-bottom: 60px; } .tz { display: block; } #marquee1 { margin-top: 0px; }