@media screen and (max-width:1000px) { input, textarea { background: none; outline: none; border: none; border-radius: 0 !important; -webkit-appearance: none !important; } .wap_show { display: block; } .wap_hide { display: none; } .abouta { font-size: 15px; } .waph3, .pubh4 { font-size: 24px; font-weight: normal; } .waph3 span { padding-left: 30px; position: relative; } .waph3 span:before { position: absolute; width: 12px; height: 12px; left: 5px; border-radius: 50%; top: 50%; margin-top: -6px; content: ''; background: #04ac95; } .wapmaina, .wapmainb, .wapfoot, .abouta, .aboutb, .waptit, .tixia { padding-left: 5%; padding-right: 5%; box-sizing: border-box; } .w15, .abouta, .aboutbslider, .servbmr { width: 100%; box-sizing: border-box; } .wapmaina, .wapmainb, .abouta, .serva, .servbm, .tixib, .tixic, .tixid, .hnew { padding-top: 50px; padding-bottom: 50px; } } @media screen and (max-width:1440px) { .w1400 { width: 90%; margin: 0 auto; } .gcl-121-baner-cs-thumb img { left: -175px; top: 240px; } .gcloamore { padding: 0 25px; } .super_li1 { padding: 30px 50px; } .jchead_ul1 { font-size: 14px; } .nav li { width: 85px; } /* .servicea1_ul { width: 235px; } */ /* .servicea1_on { width: 430px; } */ /* .gcloamore { padding: 0 20px; } */ .gclo0amore2 { margin-right: 0; } /* .servicea1_li p { width: 150px; width: 198px; } */ /* .servicea1_on { width: 536px !important; } .servicea1_ul { width: 340px; } */ .jcbomed_li3 { top: 68%; height: 340px; } .gclo0asliderm { height: 365px; } .gclo0ap2 { padding: 35px 50px; } .jcbomed_p3 { font-size: 16px; /* height: 45px; */ color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .gclo0ams { height: 125px; } .gcloamore2 { margin-right: 0; } .gclo0atit_span1 { margin-top: 20px; } .jcbomed_p4 { margin-top: 15px; } .jcbomed_li5 { /* width: 458px; */ height: 278px; } } @media screen and (max-width:768px) { .w1200 { width: 90%; margin: 0 auto; } /*鎵嬫満瀵艰埅*/ .sthand_nav { width: 100%; position: fixed; top: 0; left: 0; z-index: 5; background: #f8fafb; display: flex; justify-content: space-between; align-items: center; padding: 15px 15px 15px 15px; background: #F6F9FA; /* position: relative; */ margin-top: 80px; } .sthand_nav_right { width: 30px; line-height: 10px; transition: all 0.3s ease; } .sthand_img { transform: rotatex(180deg); } .sthand_nav_right img { display: inline-block; width: 50%; transform: rotatex(0deg); } .sthand_list { position: absolute; top: 49px; left: 0; width: 100%; background: #F6F9FA; display: none; } .sthand_list li { padding: 10px 20px; font-size: 14px; border-bottom: 1px #ececec solid; width: 100%; } .sthand_list a { width: 100%; display: inline-block; } .xxmenu { width: 100%; height: 80px; background: #fff; display: flex; justify-content: space-between; align-items: center; position: fixed; top: 0; left: 0; z-index: 9; transition: all 0.5s ease; padding: 0 20px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .menu_logo { width: 40%; } .menu_msp { display: flex; align-items: center; justify-content: space-between; } .li1 { width: 20%; display: flex; align-items: center; } .li3 span { width: 24px; height: 2px; background: #333; display: block; margin: 5px 10px 5px 0; opacity: 0.8; transition: all 0.5s ease; } .mmeauom .msp1 { transform: rotate(45deg); margin: -2px; } .mmeauom .msp2 { opacity: 0; margin: 0; } .mmeauom .msp3 { margin: -2px; transform: rotate(-45deg); } .xxlist { width: 75vw; height: 100%; background: #DCE6EB; position: fixed; top: 0; left: -75vw; z-index: 180; transition: all 0.5s ease; } .xxlist_ul { padding: 10px 15px; } .xxlist_ul2 { padding: 0; } .bBor, .twoa { position: relative; list-style: unset; margin-left: 8px; } .bBor .menu_span1, .twoa .menu_span1 { width: 25px; height: 49px; position: absolute; right: 0; top: 0; background: url(../img/jia_black1.svg) no-repeat center; background-size: 16px; } .bBor .menu_span3, .twoa .menu_span3 { width: 25px; height: 49px; position: absolute; right: 0; top: 0; background: url(../img/pbtyuyan4.png) no-repeat center; background-size: 16px; transition: all 0.3s ease; } .bBor .menu_span3.on, .twoa .menu_span3.on { transform: rotatex(180deg); } .bBor .menu_span2, .twoa .menu_span2 { width: 25px; height: 49px; position: absolute; right: 0; top: 0; background: url(../img/jia_black1.svg) no-repeat center; background-size: 16px; } .bBor a, .twoa a { height: 48px; line-height: 48px; color: #333; font-size: 14px; display: block; } .bBor .proList, .twoa .proList { display: none; padding-left: 20px; } .bBor .proList li a, .twoa .proList li a { font-size: 13px; height: 36px; line-height: 36px; } .bBor.on .menu_span1 { background-image: url(../img/jian_black.svg); background-size: 15px; } .twoa.on .menu_span2 { background-image: url(../img/jian_black.svg); background-size: 15px; } .xxlistss { position: fixed; left: 0vw; top: 0; width: 75vw; height: 100%; } body { position: relative; } body, .mhead { left: 0; transition: all 0.4s ease; } body.hc-nav-open { left: 100px; } body.hc-nav-open { position: fixed; width: 100%; min-height: 100% } .tica-bg { position: fixed; left: 0; top: 0; background: #000; opacity: 0.5; display: none; z-index: 40; width: 100%; height: 100%; height: 100vh; } .tica-bg.on { display: block; } /*鎵嬫満瀵艰埅*/ .w1400 { width: 90%; margin: 0 auto; } .w1200 { width: 90%; margin: 0 auto; } .pc { display: none; } .phone { display: block; } /*index*/ .slah2 { font-size: 24px; } .sean1 { position: relative; height: 100vh; transform: translateY(0%); } .sldbantxt_p1 { color: #fff; font-size: 16px; width: 300px; margin: auto; } .sldbantxt { z-index: 5; position: absolute; min-width: 1200px; width: 85%; left: 50%; top: 52%; transform: translate(-50%, -50%); } /* 鍚戜笅 */ .scroll-down span { position: absolute; bottom: 45px; left: 50%; width: 24px; height: 40px; margin-left: -15px; border: 2px solid #fff; border-radius: 50px; box-sizing: border-box; z-index: 7777; cursor: pointer; } .scroll-down span::before { position: absolute; top: 6px; left: 50%; content: ''; width: 6px; height: 6px; margin-left: -3px; background-color: #fff; border-radius: 100%; -webkit-animation: sdb10 1s infinite; animation: sdb10 1s infinite; -moz-animation: sdb10 1s infinite; box-sizing: border-box; } @-webkit-keyframes sdb10 { 0% { -webkit-transform: translate(0, 0); opacity: 0; } 40% { opacity: 1; } 80% { -webkit-transform: translate(0, 20px); opacity: 0; } 100% { opacity: 0; } } @keyframes sdb10 { 0% { transform: translate(0, 0); opacity: 0; } 40% { opacity: 1; } 80% { transform: translate(0, 20px); opacity: 0; } 100% { opacity: 0; } } .pd40px { padding: 40px 0; } .cena { width: 100%; background: #f4f4f4; } .cena_p1 { font-size: 24px; font-weight: bold; color: #3372b5; text-align: center; } .cena_ul1 { margin-top: 30px; width: 100%; position: relative; display: inline-block; } .cena_li1 { padding: 30px; background: #fff; } .cena_p2 { font-size: 18px; color: #3372b5; } .cena_p3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .cena_li2 { position: absolute; top: 25%; left: 50%; transform: translate(-50%, -50%); } .cena_li4 { top: 35%; } .cena_li2 .viobtn { width: 50px; height: 50px; } .cena_li3 { background: #316bab; color: #fff; text-align: center; } .abt26btc { width: 77%; } .cena_li5 { color: #fff; height: 40px; line-height: 40px; top: 45%; left: 50%; width: 70%; } .cena_li5 span { margin-left: 10px; } .cene { height: 420px; } .cene_p2 { margin-top: 30px; color: #fff; } .cene_ul1 { display: flex; justify-content: space-between; margin-top: 60px; } .cene_li1 { width: 31%; text-align: center; } .cene_li1 img { width: 50%; } .cene_li1 p { color: #fff; margin-top: 10px; } /**/ .incareercslider2 { margin-top: 30px; } .car-scrollbar, .car-scrollbar2 { position: relative; width: 246px; height: 4px; margin: 0 auto; margin-top: 30px; background: none; } .car-scrollbar:before, .car-scrollbar2::before { content: ''; position: absolute; width: 100%; height: 2px; top: 1px; left: 0; background: #dcdedf; } .car-scrollbar .swiper-scrollbar-drag, .car-scrollbar2 .swiper-scrollbar-drag { background: #316091; height: 4px; } /**/ /*index*/ .xxbanerpage { height: 200px; margin-top: 80px; } .xxnew_ul2 { padding-top: 10px; } .xxnew1 { width: 90%; } .xxnew_p2 { font-size: 24px; } .xxfoot_nav, .xxfoot_nav2 { flex-wrap: wrap; } .xxfoot_nav { padding-top: 0px; } .xxfoot_navul1 { margin-top: 30px; } .nav2_p2 { padding-bottom: 20px; text-align: left; } .pd80px { padding: 40px 0; } .abouts_p1 { font-size: 24px; } .aboutd img { height: 350px; } .aboutd_ul1 { padding: 20px 30px; } /* .aboute { margin-top: 650px; } */ .aboute_ul1 li { width: 100%; } .staboute_img1 { height: 350px; } .aboute_li2 { padding: 20px 30px; } .staboute_item { width: 100%; margin-top: 30px; } .staboute_item:first-child { margin-top: 0; } .pd80px2 { padding: 20px 0 40px 0; } .aboute_p1 { text-align: center; } .join_ul1 img { height: 330px; } .join_li1 { width: 90%; left: 50%; top: 50%; } .joinb_span1, .joinb_top, .joinb_item { padding: 0 30px; } .resume { padding: 20px; } .resume_ul1 p { font-size: 14px; } .xxnew_top li a { padding: 0 10px; } .press_ul1 { width: 100%; } .press_ul3 { width: 100%; margin-top: 30px; } .prlist_ul1 { width: 100%; } .xxitem_ul1 { width: 100%; } .xxitem_ul2 { width: 100%; padding: 20px 30px; } .newpagenewm2 { margin-top: 40px !important; } .project_ul1 { width: 100%; margin-bottom: 40px; } .contact_ul1 { width: 100%; margin-top: 25px; padding:35px 30px; } .contact_p1 { font-size: 24px; } .product_ul2 { width: 100%; flex-wrap: wrap; } .product_li1 { text-align: center; /* width: 100%; */ width: 25%; margin: 0 auto; } .product_li2 { width: 70%; } .product_p4 { font-size: 14px; margin-top: 15px; } .jcbomed_p2, .jcbomed_10 { font-size: 14px; height: 42px; } .xxfoot_ul2 { width: 100%; display: inline-block; } .abouts_list p { margin-top: 20px; } .regardc_list { width: 100%; margin-top: 30px; } .product_ul1 { width: 100%; } .gw_box_tit2:first-child { margin-top: 60px; } .investor2_list .investor2_ul1 { width: 100%; } .investor2_list .investor2_ul2 { width: 100%; margin-top: 30px; } .investor1_li1 { margin-right: 0; margin-top: 10px; width: 90%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .investor1_ul1 { padding: 15px 0; } .gcl-121-baner { margin-top: 80px; } .gcl-121-nav { left: 10%; } .gcl-121-zw { /* margin-top: 230px; */ margin-top: 50px; flex-flow: column-reverse; } .gcl-121-baner-more { /* margin-top: 10px; */ margin-top: 45px; display: flex; } .gcl-121-baner-h3 { font-size: 24px; text-align: center; } .gcl-121-baner-p1 { font-size: 16px; margin-top: 0; text-align: center; } .gcl-121-baner-bg { height: 90%; } .gcl-121-baner-more a { font-size: 14px; background: #70b638; margin: 0 5px; border: 0; height: 40px; line-height: 40px; } .gcl-121-baner-cs-l { width: 90%; margin: 0 auto; justify-content: center; } .gcl-121-baner-cs-l2 { justify-content: space-between; } .product_ali1 { width: 100%; padding: 40px; } .gcl-121-baner-p2 span { font-size: 24px; } .product_bitem .product_bul1 { width: 100%; } .product_cul1 { width: 100%; } .gcl-121-baner-h5 { margin-top: 30px; } .gcl-121-c-flex-li { width: 100%; padding-top: 30px; } .gcl-121-a-w1 { width: 100%; } .gcl-121-a-wz { padding-top: 30px; } .gcl-121-a-w2 { width: 100%; margin-top: 30px; } .gcl-121-a-h2 { font-size: 24px; } .gcl-121-a-w3 { width: 100%; margin-top: 30px; } .gcl-121-a-w4 { width: 100%; /* margin-top: 30px; */ } .gcl-121-a-w5 { margin-top: 30px; } .solution3_li1 { width: 100%; } .investor2_li1 { margin-top: 15px; } .resume_ul4 input { height: 50px; } .inproclabel { top: 43px; } .gcl-121-c-tab-tb { margin-top: 30px; } .gcl-121-c-tab-tb-img img { max-width: 100%; margin-top: 30px; } .ystk { margin-top: 80px; } .powera_ul1 { margin-top: 30px; } .powera_li1 { position: relative; top: 0%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, 0%); padding: 30px 25px; } .powerb_list { padding: 30px 25px; margin-top: 0; } .pd80px4 { padding: 0 0 40px 0; } .powera_p1 { margin-top: 0; } .powerc_li1 { width: 100%; } .pipeline_tab table { font-size: 12px; } .pipeline_tab td { line-height: 40px; } .casea3_btn3 { width: 100%; } .slidcons3_itme { padding: 0; } .product_ul3 { margin-top: 30px; } .product_ul3:first-child { margin-top: 0; } .powerb_p3 { margin-top: 30px; } .cena_ul2 { margin-top: 0; } .project_li1 p { font-size: 14px; } .xxfoot_ul1 { margin: 20px 0; } .xxfoot_span1 { margin-top: 15px; margin-right: 0; top: 0; } .xxfoot_wx { left: 0; } .xxnew_li2 { width: 100%; } .xxnew_li1 { width: 100%; } .xxnew_li4 { margin-top: 30px; } .topa_div1 { margin-right: 0; padding: 10px; } .topa_div1.on { padding: 10px; } .topa_item2 { margin-top: 20px; } .topa_item { height: 100%; } .topa_ul { height: 70px; line-height: 70px; } .product_top { margin-top: -70px; } .join_p1 { font-size: 24px; } .emil_span1 { margin-left: 0px; } .product_p2 { font-size: 20px; } .product_p3 { font-size: 16px; } .powerc_p2 { font-size: 20px; margin-bottom: 15px; } .powerc_p1 { font-size: 20px; } .jcbomed_p8 { margin-top: 140px; } .aboutg_ul { width: 100%; } .aboutg_p2 { margin-bottom: 15px; } .abouth { margin-top: 650px; } .centerb_ul1 { width: 45%; } .gcl-121-baner-p3 { font-size: 14px; margin-top: 10px; } .gcl-h5 { font-size: 16px; text-align: center; margin: 15px 0; } .gcl-cs1 { margin-top: 0; } .gcl-more { margin-top: 20px; } .gcl-121-baner-cs-thumb img { left: 93px; /* top: -50px; */ top: 160px; } .gcl-121-zw2 { margin-top: 230px; } .search-result-main .input-warp { width: 100%; } .search-result-main { margin-top: 40px; } .searchtab { min-height: 200px; } .search-result-main-p { margin-top: 0; } /**/ .slidcons3_li3 { width: 100%; } .xxbanerpage3 { height: 200px; margin: 0; } .gcl-121-baner2 { height: 100%; margin-top: 80px; } .centerd_ul1 li img { height: 360px; } .centerd_li1 { top: 30%; } .centerd_ul3 li { width: 100%; padding: 10px 20px; } /***/ /**/ .solution2_ul2 { width: 100%; margin-top: 20px; } .solution2_ul1 { width: 100%; } .solution2_ul3 { width: 100%; } .solution2_ul4 { width: 100%; margin-top: 20px; } .solution4_ul1 { width: 100%; } .pd80px3 { padding: 0px 0 40px 0; } .solupage { margin-top: 129px; } /**/ /**/ .menu_img1 { height: 24px; } .lanChange.on { opacity: 1; visibility: visible; top: 88px; left: 0; width: 90px; } .lanChange.on dd { height: 30px; line-height: 30px; } .sjbyyxzbg { display: none; position: fixed; width: 100%; height: 100vh; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 50; } .sjbyyxzbg.on { display: block; } /**/ }