.c_navigation_126-1672283161193 .p_navBox2 > div.warp { width: 94%; margin: 0 auto; display: flex; max-width: 1600px; justify-content: space-between; } .c_navigation_126-1672283161193 .p_navBox2 .warp .right .tit { font-size: 24px; line-height: 30px; font-weight: normal; margin-bottom: 30px; color: #333; text-align: left; } .c_navigation_126-1672283161193 .p_navBox2 .warp .right .con { display: flex; flex-direction: column; } .c_navigation_126-1672283161193 .p_navBox2 .warp .right .con a { width: 220px; height: 46px; font-size: 15px; color: #333; display: flex; justify-content: space-between; align-items: center; padding: 15px 30px; border: 1px solid #bfbfbf; margin-bottom: 15px; transition: all .5s ease; } .c_navigation_126-1672283161193 .p_navBox2 .warp .right .con a:hover { color: #fff; background: #337537; border: 2px solid #337537; } .c_navigation_126-1672283161193 .p_navBox2 .warp .right .con a svg { width: 12px; height: 12px; fill: #333; transition: all .5s ease; } .c_navigation_126-1672283161193 .p_navBox2 .warp .right .con a:hover svg { fill: #fff; } .c_navigation_126-1672283161193 .p_navBox2 .warp .right .tel { padding-top: 10px; text-align: left; } .c_navigation_126-1672283161193 .p_navBox2 .warp .right .tel .t { font-size: 16px; line-height: 20px; color: #666; margin-bottom: 10px; } .c_navigation_126-1672283161193 .p_navBox2 .warp .right .tel .c { font-size: 30px; font-family: arial; } .c_navigation_126-1672283161193 .p_navBox2 .warp .right .tel .c a { color: #337537; } .c_navigation_126-1672283161193 .header1 nav .hvr-left:hover .p_navBox2 { opacity: 1; visibility: visible; pointer-events: auto; } .c_navigation_126-1672283161193 .p_navBox2 ul { padding: 10px 0; } .c_navigation_126-1672283161193 .haveThree ul { padding: 0; } .c_navigation_126-1672283161193 .haveThree .p_navItem2 { width: auto; margin-right: 0px; } .c_navigation_126-1672283161193 .p_navItem2 a { display: flex; align-items: center; width: 100%; transition: all ease .3s; } .c_navigation_126-1672283161193 .p_navCon2 { font-size: 16px; text-align: left; color: #333; transition: all ease .15s; display: flex; width: 100%; padding: 0; line-height: 1.2; text-decoration: none; } .c_navigation_126-1672283161193 .haveThree .p_navCon2 { text-align: left; font-size: 20px; padding: 0px 25px; font-weight: normal; letter-spacing: 0; line-height: 60px; } .c_navigation_126-1672283161193 .p_navItem2 a span { width: 100%; } .c_navigation_126-1672283161193 .p_navItem2 img { width: 100%; max-width: 50px; margin-right: 25px; } .c_navigation_126-1672283161193 .haveThree .p_navItem2 img { margin-right: 20px; } .c_navigation_126-1672283161193 .haveThree .p_level3Box { margin-top: 0px; padding-top: 0px; } .c_navigation_126-1672283161193 .p_level3Item { margin-right: 0px; text-align: left; width: 100%; } .c_navigation_126-1672283161193 .p_level5Box .p_menuItemhat { font-size: 14px; font-weight: normal; color: #333; line-height: 1.6; transition: all ease .15s; } .c_navigation_126-1672283161193 .p_navCon3 { font-size: 16px; letter-spacing: 0; color: #333; padding: 0px 50px; line-height: 43px; transition: all ease .15s; font-weight: bold; } .c_navigation_126-1672283161193 .cur .p_navCon3 { border-left: 2px solid #337537; padding-right: 0; color: #337537; background: #fdfdfd; } .c_navigation_126-1672283161193 .cur .p_navCon3 span { color: #337537; } .c_navigation_126-1672283161193 .p_navItem1 { position: static; padding-left: 1.5vw; padding-right: 1.5vw; } .c_navigation_126-1672283161193 .haveThree .p_navBox2 { width: 100%; padding: 0px; } .c_navigation_126-1672283161193 .haveThree .p_level4Box { display: none; } .c_navigation_126-1672283161193 .haveThree .p_navBox2 .warp .center .sj_warp .pro_cur { display: block; } .c_navigation_126-1672283161193 .p_menuItem { font-size: 14px; font-weight: 500; color: rgb(255 255 255 / 50%); line-height: 1.7; transition: all ease .15s; } .c_navigation_126-1672283161193 .p_level4Item span {width: auto;margin-right: 0;font-size: 15px;color: #333;font-weight: normal;letter-spacing: 0px;display: block;line-height: 45px;text-align: left;} .c_navigation_126-1672283161193 .p_level4Item .p_dian { width: 15px; position: relative; } .c_navigation_126-1672283161193 .p_level4Item .p_dian::after { content: ''; width: 4px; height: 4px; background: rgb(0 0 0 / 40%); border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .c_navigation_126-1672283161193 .p_level4Item img { width: auto; } .c_navigation_126-1672283161193 .p_navItem2 a:hover, .c_navigation_126-1672283161193 .p_navItem2 .p_navCon3:hover, .c_navigation_126-1672283161193 .p_navItem2 .p_menuItem:hover, .c_navigation_126-1672283161193 .p_navItem2 .p_menuItemhat:hover { color: #1e9e3b; border-bottom: 1px solid #1e9e3b; } .c_navigation_126-1672283161193 .p_listthree img { width: auto; } .c_navigation_126-1672283161193 .p_listthree .p_menuItemhat { font-size: 14px; font-weight: 500; color: #333; line-height: 1.7; transition: all ease .15s; } .c_navigation_126-1672283161193 .p_navBox2.isdesign { display: none; opacity: 1; visibility: visible; } .c_navigation_126-1672283161193 .p_navItem1 > p a { padding: 0; width: 100%; } .c_navigation_126-1672283161193 .p_navBox2 { background: #f2f3f1; padding: 0px 0 0px; opacity: 0; visibility: hidden; width: 100%; border-bottom: 4px solid #337537; } .c_navigation_126-1672283161193 .p_navItem2 a span.p_img { width: auto; margin-right: 0; display: none; } .c_navigation_126-1672283161193 .haveThree .p_navItem2 a span { width: auto; margin-right: 0; font-size: 17px; color: #333; font-weight: normal; letter-spacing: 0px; } .c_navigation_126-1672283161193 .closeFrom { display: flex; flex-direction: column; justify-content: center; } .c_navigation_126-1672283161193 .closeFrom svg { fill: #1e9e3b; transition: all ease .3s; cursor: pointer; } .c_navigation_126-1672283161193 .closeFrom:hover svg { transform: rotate(90deg); } .c_navigation_126-1672283161193 .boxForm.active { top: 0; } .c_navigation_126-1672283161193 .e_form-28 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; background: #fff; position: fixed; top: -81px; left: 0; right: 0; height: 81px; padding: 0 15px; transition: all ease .5s; } .c_navigation_126-1672283161193 .e_form-28 > .p_formItem { max-width: 1600px; max-height: 100%; width: 94%; margin: 0 auto; display: flex; justify-content: space-between; } .c_navigation_126-1672283161193 .e_input-29 .p_phoneCode { width: 90px; margin-right: 10px; } .c_navigation_126-1672283161193 .e_formBtn-30 { position: relative; overflow: hidden; text-align: center; box-sizing: border-box; width: 120px; border-radius: 0; padding: 8px; height: 100%; display: flex; flex-direction: column; justify-content: center; background: none; border: 0; box-shadow: none; } .c_navigation_126-1672283161193 .e_formBtn-30 span { width: 100%; position: relative; z-index: 1; outline: 0; margin: 0px; overflow: hidden; background: #fff; height: 38px; border-radius: 55px; border: 1px solid #ccc; color: #333; display: flex; flex-direction: column; justify-content: center; line-height: 1; font-size: 15px; transition: all ease .3s; } .c_navigation_126-1672283161193 .e_formBtn-30::after { content: ""; position: absolute; width: 100%; height: 100%; transition: all .3s; z-index: 0; opacity: 0; top: 0; left: 0px; } .c_navigation_126-1672283161193 .e_formBtn-30:hover::after { opacity: 1; } .c_navigation_126-1672283161193 .e_form-28 .e_input-29 { width: 90%; margin: 0; display: flex; flex-direction: column; justify-content: center; } .c_navigation_126-1672283161193 .e_form-28 .e_input-29 input { height: 50px; border: 0; outline: 0; box-shadow: none; } @media only screen and (min-width:769px) { .c_navigation_126-1672283161193 .p_navBox2 .warp .left { width: 60%; padding: 0px; } .c_navigation_126-1672283161193 .p_navBox2 .warp .left .title { font-size: 26px; line-height: 26px; color: #333; font-weight: bold; margin-bottom: 20px; } .c_navigation_126-1672283161193 .p_navBox2 .warp .left .jieshao { font-size: 15px; line-height: 1.8; color: #777; margin-bottom: 15px; } .c_navigation_126-1672283161193 .p_navBox2 .warp .right { width: 28.6%; display: none; justify-content: flex-end; align-items: center; } .c_navigation_126-1672283161193 .p_navBox2 .warp .center { width: 33%; } .c_navigation_126-1672283161193 .p_navBox2 .warp .center .imgZoom { position: relative; display: block; width: 100%; height: 0; overflow: hidden; padding-bottom: 55%; } .c_navigation_126-1672283161193 .p_navBox2 .warp .center .imgZoom img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); width: 100%; height: auto; transition: all 0.8s ease .1s; } .c_navigation_126-1672283161193 .p_navItem2 a { padding: 15px 0px; border-bottom: 1px solid #ccc; } .c_navigation_126-1672283161193 .haveThree { position: static; } .c_navigation_126-1672283161193 .haveThree .p_navItem2 a { display: flex; align-items: center; padding: 0; width: 100%; transition: all ease .3s; border: none; } .c_navigation_126-1672283161193 .haveThree .center .nav_img { display: none; } .c_navigation_126-1672283161193 .haveThree .p_navBox2 { /*background: url(https://omo-oss-image1.thefastimg.com//portal-saas/demo_d83bc9af8bb342749ecf5b9c474b30c5/cms/image/9a2f15d9-414e-4f5e-a5b5-976b61771295.jpg ) #f2f3f1 no-repeat right center;*/ background-size: cover; } .c_navigation_126-1672283161193 .haveThree .p_navBox2 .warp .center { background: #fff; width: 25%; } .c_navigation_126-1672283161193 .haveThree .p_navBox2 .warp .left { width: 25%; padding: 40px 0px; } .c_navigation_126-1672283161193 .haveThree .p_navBox2 .warp .right { width: 25%; display: block; padding: 40px 0px; } .c_navigation_126-1672283161193 .haveThree .p_navBox2 .warp .right_riht{ width: 25%; display: block; } .c_navigation_126-1672283161193 .haveThree .p_navBox2 .warp .right_riht>div{ height:100%; } .c_navigation_126-1672283161193 .haveThree .p_navBox2 .warp .left .title { display: none; } .c_navigation_126-1672283161193 .haveThree .p_navBox2 .warp .left .jieshao { display: none; } .c_navigation_126-1672283161193 .haveThree .p_navItem2 a span.p_img { display: block; } .c_navigation_126-1672283161193 .p_navBox1 { display: flex; justify-content: flex-end; } .c_navigation_126-1672283161193 .p_navItem1 > p { display: flex; position: relative; } .c_navigation_126-1672283161193.active .e_navigationF-24 .p_navItem1 > p a { color: #333; } .c_navigation_126-1672283161193 .p_navItem1 > p a { display: block; line-height: 80px; color: #fff; } .c_navigation_126-1672283161193 .p_navItem1 > p svg { display: none; } .c_navigation_126-1672283161193 .p_navItem1 > p::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 0; margin: 0 auto; transition: all ease .3s; } .c_navigation_126-1672283161193 .p_navItem1:hover > p::after { width: 100%; } .c_navigation_126-1672283161193 .p_navBox2 { position: absolute; left: 50%; padding: 60px 0px; transform: translateX(-50%); top: 100%; display: flex; justify-content: center; z-index: 10; transition: all ease .3s; pointer-events: none; } .c_navigation_126-1672283161193 .p_navBox2 .left ul li { width: 33.33%; padding-right: 5%; } .c_navigation_126-1672283161193 .p_navBox2 ul { overflow: hidden; } .c_navigation_126-1672283161193 .haveThree ul.p_level5Box{ background: #fff; padding: 40px 0; height: 100%; display: none; } .c_navigation_126-1672283161193 .p_level5Box>p{ display: none; } .c_navigation_126-1672283161193 .haveThree .p_navBox2 .left ul li { width: 100%; margin-right: 0px; } .c_navigation_126-1672283161193 .haveThree .p_navBox2 .left ul li.cur { background: #fff; } .c_navigation_126-1672283161193 .haveThree .p_navItem2.cur a span { color: #337537; } .c_navigation_126-1672283161193 .haveThree .p_navItem2 svg { display: none; } .c_navigation_126-1672283161193 .haveThree .p_navBox2 .warp .center .sj_warp .p_level3Box { display: none; } .c_navigation_126-1672283161193 .haveThree .p_navBox2 .warp .center .sj_warp { padding: 40px 0px; } .c_navigation_126-1672283161193 .p_navCon3 .p_jtIcon { display: none; } .c_navigation_126-1672283161193 .p_navCon3 .sj_icon { margin-right: 10px; } .c_navigation_126-1672283161193 .p_level3Box .p_menuItemhat { font-size: 14px; font-weight: normal; color: #333; line-height: 1.6; transition: all ease .15s; } .c_navigation_126-1672283161193 .p_navItem2 a span { display: flex; flex-direction: column; justify-content: center; } .c_navigation_126-1672283161193 .p_navItem2 > p > svg { display: none; } .c_navigation_126-1672283161193 .p_navItem2 > p > a svg { width: 12px; height: 12px; } .c_navigation_126-1672283161193 .p_level3Box.p_listthree { flex-direction: column; } .c_navigation_126-1672283161193 .haveThree .p_level3Box { display: none; } .c_navigation_126-1672283161193 .haveThree .pro_cur{ display: block; } .c_navigation_126-1672283161193 .p_level3Item:hover .p_menuItemhat { color: #337537; text-decoration: underline; } .c_navigation_126-1672283161193 .p_level3Item:hover .sj_icon { fill: #1e9e3b; } .c_navigation_126-1672283161193 .p_navCon3 a { display: block; width: 100%; position: relative; } .c_navigation_126-1672283161193 .p_navItem1:hover > p a, .c_navigation_126-1672283161193.active .e_navigationF-24 .p_navItem1:hover > p a { color: #1e9e3b; } } .c_navigation_126-1672283161193 .haveThree .p_level4Box .p_navCon3 a { position: relative; } .c_navigation_126-1672283161193 .haveThree .p_level3Box a svg.sj_icon, .c_navigation_126-1672283161193 .haveThree .p_level4Box .p_navCon3 a svg.sj_icon { position: absolute; right: 0; top: 50%; margin: 0; transform: translateY(-50%); transition: all .5s ease; } .c_navigation_126-1672283161193 .haveThree .cur svg.sj_icon { right: -20px !important; }