body { padding: 0 40px; } @media screen and (max-width:1024px) { body { padding: 0 10px; } } img{max-width:100%} .layout9 { /*20211008start*/ padding: 80px 60px 60px 60px; /*20211008end*/ background-color: #292B31; } .layout9>dt { max-width: 1500px; } .layout9>dl { max-width: 1500px; } /*20211008start*/ .layout9 dd:nth-child(1) { width: 50%; align-self: stretch; } /*20211008end*/ .layout9 dd:nth-child(2) { width: 46%; align-self: stretch; padding: 0px 0px 0px 90px; border-left: solid 1px #3D3F48; } @media screen and (max-width:1480px) { .layout9 dd:nth-child(2) { width: 46%; align-self: stretch; padding: 0px 0px 0px 50px; border-left: solid 1px #3D3F48; } } /*20211008start*/ @media screen and (max-width:1400px) { .layout9 dd:nth-child(2) { width: 50%; align-self: stretch; padding: 0px 0px 0px 40px; border-left: solid 1px #3D3F48; } /*20211008end*/ } @media screen and (max-width:1024px) { .layout9 dd:nth-child(2) {border-left: solid 0 #3D3F48;} .layout9>dt, .layout9>dl, .layout9 ._flex_m_block {display: block;} .layout9 ._m_t_100 { width: 100%; } .layout9 { padding: 30px 15px 30px 15px; background-color: #292B31; } .layout9 dd:nth-child(1) { width: 100%; } .layout9 dd:nth-child(2) { width: 100%; padding: 0px 0px 0px 0px; } } /*20211008start*/ .layout0 { padding: 0px 60px; background-color: #F7F7F7; } /*20211008end*/ .layout0>dt { max-width: 1330px; } .layout0>dl { max-width: 1500px; } .layout0 dd:nth-child(1) { width: 59%; align-self: stretch; padding: 80px 0px 80px 0px; } .layout0 dd:nth-child(2) { width: 41%; align-self: stretch; } @media screen and (max-width:1024px) { .layout0>dt, .layout0>dl, .layout0 ._flex_m_block { display: block; } .layout0 ._m_t_100 { width: 100%; } .layout0 { padding: 30px 15px 30px 15px;position: relative;z-index: 1; background-color: #F7F7F7; } .layout0 dd:nth-child(1) { width: 100%; padding: 0px 0px 0px 0px; } .layout0 dd:nth-child(2) { width: 100%; padding: 0px 60px 0px 60px; } } /*20211008start*/ .layout1 { padding: 100px 60px; background-color: #FFFFFF; } /*20211008end*/ /*20211016start*/ @media screen and (max-width: 1280px){ .layout1 { padding: 60px; } } /*20211016end*/ .layout1>dt { max-width: 1330px; } .layout1>dl { max-width: 1500px; } .layout1 dd:nth-child(1) { width: 100%; align-self: stretch; } @media screen and (max-width:1024px) { .layout1>dt, .layout1>dl, .layout1 ._flex_m_block { display: block; } .layout1 ._m_t_100 { width: 100%; } .layout1 { padding: 30px 15px 30px 15px; background-color: #FFFFFF; } .layout1 dd:nth-child(1) { width: 100%; } } .layout2 { padding: 100px 60px; background-color: #F7F7F7; } /*20211016start*/ @media screen and (max-width: 1280px){ .layout2 { padding: 60px; } } /*20211016end*/ .layout2>dt { max-width: 1330px; } .layout2>dl { max-width: 1500px; } .layout2 dd:nth-child(1) { width: 100%; align-self: stretch; } @media screen and (max-width:1024px) { .layout2>dt, .layout2>dl, .layout2 ._flex_m_block { display: block; } .layout2 ._m_t_100 { width: 100%; } .layout2 { padding: 30px 15px 30px 15px; background-color: #F7F7F7; } .layout2 dd:nth-child(1) { width: 100%; } } /*20211008start*/ .layout8 { padding: 0px 60px; } /*20211008end*/ .layout8:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(238, 238, 238, .99); } .layout8>dt { max-width: 1330px; } .layout8>dl { max-width: 1500px; } .layout8 dd:nth-child(1) { width: 100%; align-self: stretch; } @media screen and (max-width:1024px) { .layout8>dt, .layout8>dl, .layout8 ._flex_m_block { display: block; } .layout8 ._m_t_100 { width: 100%; } .layout8 dd:nth-child(1) { width: 100%; } .layout8 { padding: 0px 15px 0px 15px;position: relative;z-index: 1; } } .layout10>dt { max-width: 1920px; } .layout10>dl { max-width: 1920px; } .layout10 dd:nth-child(1) { width: 100%; align-self: stretch; } @media screen and (max-width:1024px) { .layout10>dt, .layout10>dl, .layout10 ._flex_m_block { display: block; } .layout10 ._m_t_100 { width: 100%; } .layout10 dd:nth-child(1) { width: 100%; } } /*20211008start*/ .layout3 { padding: 0px 60px; background-color: #F7F7F7; } /*20211008end*/ .layout3>dt { max-width: 1440px; } .layout3>dl { max-width: 1500px; } .layout3 dd:nth-child(1) { width: 100%; align-self: stretch; padding: 100px 0px 0px 0px; } /*20211008start*/ @media screen and (max-width: 1600px){ .layout3 dd:nth-child(1) { padding: 60px 0 0 0; } } /*202111008end*/ @media screen and (max-width:1024px) { .layout3>dt, .layout3>dl, .layout3 ._flex_m_block { display: block; } .layout3 ._m_t_100 { width: 100%; } /*20211008start*/ .layout3 { padding: 0 15px; background-color: #F7F7F7; } /*20211008end*/ .layout3 dd:nth-child(1) { width: 100%; padding: 0px 0px 0px 0px; } } .layout11>dt { max-width: 1920px; } .layout11>dl { max-width: 1920px; } .layout11 dd:nth-child(1) { width: 100%; align-self: stretch; } @media screen and (max-width:1024px) { .layout11>dt, .layout11>dl, .layout11 ._flex_m_block { display: block; } .layout11 ._m_t_100 { width: 100%; } .layout11 dd:nth-child(1) { width: 100%; } } /*20211008start*/ .layout12 { padding: 0px 60px; } /*20211008end*/ .layout12:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(238, 238, 238, .99); } .layout12>dt { max-width: 1330px; } .layout12>dl { max-width: 1500px; } .layout12 dd:nth-child(1) { width: 100%; align-self: stretch; } @media screen and (max-width:1024px) { .layout12>dt, .layout12>dl, .layout12 ._flex_m_block { display: block; } .layout12 ._m_t_100 { width: 100%; } .layout12 dd:nth-child(1) { width: 100%; } .layout12 { padding: 0px 15px 0px 15px;position: relative;z-index: 1; } } /*20211008start*/ .layout4 { padding: 80px 60px 80px 60px; background-color: #F7F7F7; } /*20211008end*/ /*20211016start*/ @media screen and (max-width:1280px) { .layout4 { padding: 60px; } } /*20211016end*/ .layout4>dt { max-width: 1600px; } .layout4>dl { max-width: 1500px; } .layout4 dd:nth-child(1) { width: 36%; align-self: stretch; } /*20211016start*/ @media screen and (max-width:1280px) { .layout4 dd:nth-child(1) { width: 24%; } } /*20211016end*/ .layout4 dd:nth-child(2) { width: 64%; align-self: stretch; padding: 0px 0px 0px 68px; } @media screen and (max-width:1024px) { .layout4>dt, .layout4>dl, .layout4 ._flex_m_block { display: block; } .layout4 ._m_t_100 { width: 100%; } .layout4 { padding: 30px 15px 30px 15px; background-color: #F7F7F7; } .layout4 dd:nth-child(1) { width: 100%; } .layout4 dd:nth-child(2) { width: 100%; padding: 0px 0px 0px 0px; } } .layout7 { padding: 100px 15px 100px 15px; } .layout7>dt { max-width: 1500px; } .layout7>dl { max-width: 1500px; } .layout7 dd:nth-child(1) { width: 100%; align-self: stretch; } @media screen and (max-width:1024px) { .layout7>dt, .layout7>dl, .layout7 ._flex_m_block { display: block; } .layout7 ._m_t_100 { width: 100%; } .layout7 { padding: 30px 15px 30px 15px; } .layout7 dd:nth-child(1) { width: 100%; } } .layout13>dt { max-width: 1920px; } .layout13>dl { max-width: 1920px; } .layout13 dd:nth-child(1) { width: 100%; align-self: stretch; } @media screen and (max-width:1024px) { .layout13>dt, .layout13>dl, .layout13 ._flex_m_block { display: block; } .layout13 ._m_t_100 { width: 100%; } .layout13 dd:nth-child(1) { width: 100%; } } /*20211008start*/ .layout14 { padding: 0px 60px 0px 60px; } @media screen and (max-width:1024px) { .layout14 { padding: 0px 15px 0px 15px; } } /*20211008end*/ .layout14:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(238, 238, 238, .99); } .layout14>dt { max-width: 1330px; } .layout14>dl { max-width: 1500px; } .layout14 dd:nth-child(1) { width: 100%; align-self: stretch; } @media screen and (max-width:1024px) { .layout14>dt, .layout14>dl, .layout14 ._flex_m_block { display: block; } .layout14 ._m_t_100 { width: 100%; } .layout14 dd:nth-child(1) { width: 100%;position: relative;z-index: 1; } } /*20211008start*/ .layout5 { padding: 100px 60px 90px 60px; background-color: #F7F7F7; } /*20211008end*/ /*20211016start*/ @media screen and (max-width:1280px) { .layout5 { width: calc(100% - 0px); padding: 0 60px 60px 60px; } } /*20211016end*/ .layout5>dt { max-width: 1330px; } .layout5>dl { max-width: 1500px; } .layout5 dd:nth-child(1) { width: 100%; align-self: stretch; } @media screen and (max-width:1024px) { .layout5>dt, .layout5>dl, .layout5 ._flex_m_block { display: block; } .layout5 ._m_t_100 { width: 100%; } .layout5 { padding: 30px 15px 30px 15px; background-color: #F7F7F7; } .layout5 dd:nth-child(1) { width: 100%; } } .layout17>dt { max-width: 1920px; } .layout17>dl { max-width: 1920px; } .layout17 dd:nth-child(1) { width: 100%; align-self: stretch; } @media screen and (max-width:1024px) { .layout17>dt, .layout17>dl, .layout17 ._flex_m_block { display: block; } .layout17 ._m_t_100 { width: 100%; } .layout17 dd:nth-child(1) { width: 100%; } } /*20211008start*/ .layout18 { padding: 0px 60px 0px 60px; } /*20211008end*/ .layout18:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(238, 238, 238, .99); } .layout18>dt { max-width: 1330px; } .layout18>dl { max-width: 1500px; } .layout18 dd:nth-child(1) { width: 100%; align-self: stretch; } @media screen and (max-width:1024px) { .layout18>dt, .layout18>dl, .layout18 ._flex_m_block { display: block; } .layout18 ._m_t_100 { width: 100%; } .layout18 dd:nth-child(1) { width: 100%; } .layout18 { padding: 0px 15px 0px 15px;position: relative;z-index: 1; } } /*20211008start*/ .layout19 { padding: 68px 60px 0px 60px; background-color: #F7F7F7; } /*20211008end*/ /*20211016start*/ @media screen and (max-width: 1280px){ .layout19 { padding: 60px; } } /*20211016end*/ .layout19>dt { max-width: 1330px; } .layout19>dl { max-width: 1500px; } .layout19 dd:nth-child(1) { width: 100%; align-self: stretch; } @media screen and (max-width:1024px) { .layout19>dt, .layout19>dl, .layout19 ._flex_m_block { display: block; } .layout19 ._m_t_100 { width: 100%; } .layout19 { padding: 30px 15px 0px 15px; background-color: #F7F7F7; } .layout19 dd:nth-child(1) { width: 100%; } } .layout6 { padding: 80px 60px; background-color: #F7F7F7; } /*20211016start*/ @media screen and (max-width: 1280px){ .layout6 { padding: 60px; } } /*20211016end*/ .layout6>dt { max-width: 1500px; } .layout6>dl { max-width: 1500px; } .layout6 dd:nth-child(1) { width: 76%; align-self: stretch; padding: 0px 50px 0px 0px; } .layout6 dd:nth-child(2) { width: 24%; align-self: stretch; } @media screen and (max-width:1024px) { .layout6>dt, .layout6>dl, .layout6 ._flex_m_block { display: block; } .layout6 ._m_t_100 { width: 100%; } .layout6 { padding: 30px 15px 30px 15px; background-color: #F7F7F7; } .layout6 dd:nth-child(1) { width: 100%; padding: 0px 0px 0px 0px; } .layout6 dd:nth-child(2) { width: 100%; } } .layout15>dt { max-width: 1920px; } .layout15>dl { max-width: 1920px; } .layout15 dd:nth-child(1) { width: 100%; align-self: stretch; } @media screen and (max-width:1024px) { .layout15>dt, .layout15>dl, .layout15 ._flex_m_block { display: block; } .layout15 ._m_t_100 { width: 100%; } .layout15 dd:nth-child(1) { width: 100%; } } /*20211008start*/ .layout16 { padding: 0px 60px; } /*20211008end*/ .layout16:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(238, 238, 238, .99); } .layout16>dt { max-width: 1330px; } .layout16>dl { max-width: 1500px; } .layout16 dd:nth-child(1) { width: 100%; align-self: stretch; } @media screen and (max-width:1024px) { .layout16>dt, .layout16>dl, .layout16 ._flex_m_block { display: block; } .layout16 ._m_t_100 { width: 100%; } .layout16 dd:nth-child(1) { width: 100%; } .layout16 { padding: 0px 15px 0px 15px;position: relative;z-index: 1; } } ._banv2-1_bg { border: none; width: 100%; } @media screen and (max-width:1024px) { ._banv2-1_bg { display: none; } } ._basis12-1_bg { width: 100%; } @media screen and (max-width:1024px) { ._basis12-1_bg { width: calc(100% - 0px); margin: 0px 0px 14px 0px; } } ._basis6-3_bg { width: 100%; } @media screen and (max-width:1024px) { ._basis6-3_bg { width: calc(100% - 0px); margin: 0px 0px 10px 0px; } } ._basis7-5_bg { width: calc(100% - 0px); margin: 14px 0px 0px 0px; } @media screen and (max-width:1024px) { ._basis7-5_bg { width: calc(100% - 0px); margin: 0px 0px 14px 0px; } } ._banv3-1_bg { width: calc(100% - 0px); margin: 20px 0px 0px 0px; } @media screen and (max-width:1024px) { ._banv3-1_bg { width: calc(100% - 0px); margin: 0px 0px 0px 0px; } } ._basis2-1_bg { padding: 0px 50px 0px 0px; width: calc(100% - 0px); margin: 30px 0px 0px 0px; } @media screen and (max-width:1024px) { ._basis2-1_bg { padding: 0px 0px 0px 0px; width: calc(100% - 0px); margin: 15px 0px 15px 0px; } } ._title2-1_bg { width: 100%; } ._basis3-1_bg { padding: 100px 0px 0px 0px; width: 100%; } @media screen and (max-width:1024px) { ._basis3-1_bg { padding: 0px 0px 0px 0px; } } ._basis4-1_bg { width: calc(100% - 0px); margin: 37px 0px 0px 0px; } @media screen and (max-width:1024px) { ._basis4-1_bg { width: calc(100% - 0px); margin: 0px 0px 0px 0px; } } ._title3-1_bg { width: 100%; } ._title3-2_bg { width: 100%; } ._tabs2-1_bg { width: 100%; } ._location2-1_bg { width: calc(100% - 0px); margin: 16px 0px; } /*20211016start*/ @media screen and (max-width:1280px) { ._location2-1_bg{margin: 10px 0;} } /*20211016end*/ @media screen and (max-width:1024px) { ._location2-1_bg { display: none; } } ._basis11-1_bg { width: calc(100% - 0px); margin: 37px 0px 0px 0px; } /*20211008start*/ @media screen and (max-width:1024px) { ._basis11-1_bg { width: calc(100% - 0px); margin: 0px 0px 0 0px; } } /*20211008end*/ ._imglist2-1_bg { width: 100%; } ._basis5-1_bg { width: 100%; } @media screen and (max-width:1024px) { ._basis5-1_bg { width: calc(100% - 30px); margin: 30px 15px 0px 15px; } } ._paging2-1_bg { width: calc(100% - 0px); margin: 80px 0px 100px 0px; } /*20211008start*/ @media screen and (max-width: 1600px){ ._paging2-1_bg { margin: 60px 0; } } /*202111008end*/ @media screen and (max-width:1024px) { ._paging2-1_bg { width: calc(100% - 0px); margin: 14px 0px 30px 0px; } } ._basis5-2_bg { width: 100%; } ._imglist2-2_bg { width: 100%; } ._tabs2-2_bg { width: 100%; } ._location2-2_bg { width: calc(100% - 0px); margin: 16px 0px; } /*20211008start*/ @media screen and (max-width: 1600px){ ._location2-2_bg { margin: 10px 0; } } /*202111008end*/ @media screen and (max-width:1024px) { ._location2-2_bg { display: none; } } ._basis6-1_bg { width: 100%; } @media screen and (max-width:1024px) { ._basis6-1_bg { width: calc(100% - 0px); margin: 0px 0px 16px 0px; } } ._basis7-1_bg { width: 100%; } ._basis8-1_bg { padding: 12px 0px 0px 0px; width: 100%; } @media screen and (max-width:1024px) { ._basis8-1_bg { padding: 0px 0px 0px 0px; } } ._basis2-2_bg { border: none; border-bottom: dashed 1px #E5E5E5; width: calc(100% - 0px); margin: 40px 0px 0px 0px; } /*20211016start*/ @media screen and (max-width:1280px) { ._basis2-2_bg { margin: 20px 0 0 0; } } /*20211016end*/ @media screen and (max-width:1024px) { ._basis2-2_bg { padding: 0px 0px 0px 0px; width: calc(100% - 0px); margin: 14px 0px 0px 0px;position: relative;z-index: 1; } } ._basis9-1_bg { width: calc(100% - 0px); margin: 68px 0px 0px 0px; } /*20211016start*/ @media screen and (max-width:1280px) { ._basis9-1_bg { margin: 30px 0 0 0; } } /*20211016end*/ @media screen and (max-width:1024px) { ._basis9-1_bg { padding: 12px 0px 0px 0px; width: calc(100% - 0px); margin: 0px 0px 0px 0px; } } ._title4-1_bg { width: 100%; } ._imglist2-3_bg { width: 100%; } ._tabs2-3_bg { width: 100%; } ._location2-3_bg { width: calc(100% - 0px); margin: 16px 0px; } @media screen and (max-width:1024px) { ._location2-3_bg { display: none; } ._imglist2-3_bg { width: 100%;margin-top: 50px; } } ._text2-1_bg { width: calc(100% - 0px); margin: 30px 0px 0px 0px; } @media screen and (max-width:1024px) { ._text2-1_bg { width: calc(100% - 0px); margin: 0px 0px 0px 0px; } } ._basis2-3_bg { width: calc(100% - 0px); margin: 50px 0px 0px 0px; } /*20211016start*/ @media screen and (max-width:1280px) { ._basis2-3_bg { margin: 20px 0 0 0; } } /*20211016end*/ @media screen and (max-width:1024px) { ._basis2-3_bg { width: calc(100% - 0px); margin: 14px 0px 0px 0px; } } ._imglist2-5_bg { width: 100%; } ._tabs2-5_bg { width: 100%; } ._location2-5_bg { width: calc(100% - 0px); margin: 16px 0px; } @media screen and (max-width:1024px) { ._location2-5_bg { display: none; } } ._title3-3_bg { width: 100%; } ._title5-1_bg { width: 100%; } @media screen and (max-width:1024px) { ._title5-1_bg { width: calc(100% - 0px); margin: 0px 0px 12px 0px; } } ._basis7-6_bg { width: calc(100% - 0px); margin: 0px 0px 75px 0px; } /*20211016start*/ @media screen and (max-width:1280px) { ._basis7-6_bg { width: calc(100% - 0px); margin: 0px 0px 30px 0px; } } /*20211016end*/ @media screen and (max-width:1024px) { ._basis7-6_bg { width: calc(100% - 0px); margin: 0px 0px 14px 0px; } } ._basis7-2_bg { width: 100%; } @media screen and (max-width:1024px) { ._basis7-2_bg { width: calc(100% - 30px); margin: 0px 15px 0px 15px; } } ._basis7-3_bg { width: calc(100% - 0px); margin: 0px 0px 20px 0px; } /*20211016start*/ @media screen and (max-width: 1280px){ ._basis7-3_bg { margin: 0 0 14px 0; } } /*20211016end*/ @media screen and (max-width:1024px) { ._basis7-3_bg { width: calc(100% - 30px); margin: 0px 15px 0px 15px; } } ._basis7-4_bg { padding: 40px 0px 0px 0px; border: none; border-top: solid 1px #E5E5E5; width: 100%; } /*20211016start*/ @media screen and (max-width: 1280px){ ._basis7-4_bg { padding: 30px 0 0 0; } } /*20211016end*/ ._basis7 img{width:100%} @media screen and (max-width:1024px) { ._basis7-4_bg { padding: 10px 0px 0px 0px; } } ._basis6-2_bg { width: 100%; } @media screen and (max-width:1024px) { ._basis6-2_bg { width: calc(100% - 0px); margin: 15px 0px 0px 0px; } } ._basis10-1_bg { width: calc(100% - 0px); margin: 30px 0px 0px 0px; } @media screen and (max-width:1024px) { ._basis10-1_bg { width: calc(100% - 0px); margin: 12px 0px 0px 0px; } } ._text3-1_bg { width: calc(100% - 0px); margin: 50px 0px 0px 0px; } @media screen and (max-width:1024px) { ._text3-1_bg { width: calc(100% - 15px); margin: 15px 0px 0px 15px; } } ._basis8-2_bg { width: calc(100% - 0px); margin: 50px 0px 0px 0px; } @media screen and (max-width:1024px) { ._basis8-2_bg { width: calc(100% - 15px); margin: 15px 15px 0px 0px; } } ._imglist2-4_bg { width: 100%; } ._tabs2-4_bg { width: 100%; } ._location2-4_bg { width: calc(100% - 0px); margin: 16px 0px; } /*20211016start*/ @media screen and (max-width: 1280px){ ._location2-4_bg { margin: 10px 0; } } /*20211016end*/ @media screen and (max-width:1024px) { ._location2-4_bg { display: none; } } ._banv2 { width: 100%; } ._banv2 ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: left; margin: -0px -5px; position: relative; padding-right: 92px; width: calc(100% + 10px); width: -ms-calc(100% + 10px); } @media screen and (max-width:1480px) { ._banv2 ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: left; margin: -0px -5px; position: relative; padding-right: 30px; width: calc(100% + 10px); width: -ms-calc(100% + 10px); } } ._banv2 ul li { padding: 0px 5px; } ._banv2 ul li .top { font-size: 16px; color: #FFFFFF; line-height: 22px; margin-bottom: 20px; font-weight: 700; } /*20211016start*/ @media screen and (max-width:1280px) { ._banv2 ul li .top {font-size: 14px;} } /*20211016end*/ ._banv2 ul li .bottom .ej { font-size: 14px; line-height: 20px; margin-bottom: 10px; font-weight: 400; width: 100%; flex-direction: column; } /*20211016start*/ @media screen and (max-width:1280px) { ._banv2 ul li .bottom .ej { font-size: 12px; } } /*20211016end*/ ._banv2 ul li .bottom .ej a { color: #BBBBBB; } ._banv2 ul li .bottom .ej a:hover { color: #FFFFFF; } ._banv2 ul li .bottom .ej:last-child { margin-bottom: 0; } ._banv3 { width: 100%; float: left; } ._banv3 .ctext { width: 100%; float: left; } ._banv3 .ctext .text1 { width: 100%; float: left; } ._banv3 .ctext .text1 ul { width: 100%; float: left; position: relative; margin-top: 0px; font-size: 0; text-align: left; } ._banv3 .ctext .text1 ul li { display: inline-block; vertical-align: middle; margin-right: 20px; position: relative; } ._banv3 .ctext .text1 ul li:last-child { margin-right: 0; } ._banv3 .ctext .text1 ul li i { font-size: 24px; line-height: 24px; color: #fff; } ._banv3 .ctext .text1 ul li a { width: 47px; height: 47px; float: left; border-radius: 30px 30px 30px 30px; background: #3F4243; } ._banv3 .ctext .text1 ul li a .icos{width: 100%;height: 100%;} ._banv3 .ctext .text1 ul li a span { width: 100%; height: 100%; float: left; } ._banv3 .ctext .text1 ul li:hover a { background: #002060; } ._banv3 li .i { float: left;opacity: 0; background: #fff; padding: 5px; position: absolute; left: 50%; bottom: 100%; margin: 0 0 14px 0; line-height: 0; z-index: 80; margin-left: -60px; -ms-transition: all 500ms cubic-bezier(.5, 1, .4, 1); transition: all 500ms cubic-bezier(.5, 1, .4, 1); -ms-transform-origin: 50% 90%; transform-origin: 50% 90%; -ms-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } ._banv3 li:hover .i{opacity: 1;} ._banv3 li .i:after { float: left; width: 0; height: 0; position: absolute; left: 50%; top: 100%; content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #fff; margin-left: -6px; } ._banv3 li:hover .i { opacity: 1; filter: alpha(opacity=100); display: block \9; pointer-events: auto; -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } ._banv3 li .i img { width: 120px; height: 120px; } @media screen and (max-width:1024px) { ._banv3 .ctext .text1 ul { text-align: center; } ._banv3 .ctext .text1 ul li i { font-size: 18px; line-height: 18px; } ._banv3 .ctext .text1 ul li a { width: 36px; height: 36px; border-radius: 20px 20px 20px 20px; } ._banv3 li .i img { width: 80px; height: 80px; } ._banv3 li .i { float: left;opacity: 0; background: #fff; padding: 5px; position: absolute; left: 50%; bottom: 100%; margin: 0 0 14px 0; line-height: 0; z-index: 80; margin-left: -40px; -ms-transition: all 500ms cubic-bezier(.5, 1, .4, 1); transition: all 500ms cubic-bezier(.5, 1, .4, 1); -ms-transform-origin: 50% 90%; transform-origin: 50% 90%; -ms-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } } ._paging2 { width: 100%; float: left; } ._paging2 .ctext { width: 100%; float: left; text-align: center; } ._paging2 .ctext .text a { width: 38px; height: 38px; line-height: 38px; border: 1px solid #e2e2e2; border-radius: 38px; color: #333; font-size: 14px; margin: 0 5px; display: inline-block; font-family: Arial; } /*20211008start*/ @media screen and (max-width: 1280px){ ._paging2 .ctext .text a { width: 30px;height: 30px;line-height: 28px;border-radius: 32px;font-size: 12px;margin: 0 4px; } } /*202111008end*/ ._paging2 .ctext .text a.on, ._paging2 .ctext .text a:hover { background: #002060; color: #fff; border: 1px solid #002060; } ._paging2 .ctext .text .l1, ._paging2 .ctext .text .r1 { width: 100px; line-height: 32px; font-size: 20px; color: #002060; } /*20211008start*/ @media screen and (max-width: 1280px){ ._paging2 .ctext .text .l1, ._paging2 .ctext .text .r1 { line-height: 28px; } } /*202111008end*/ ._paging2 .ctext .text_p { display: none; } @media screen and (max-width:1024px) { ._paging2 .ctext .text { display: none; } ._paging2 .ctext .text_p { display: block; text-align: center; font-size: 0; color: #333; } ._paging2 .ctext .text_p a { display: inline-block; vertical-align: middle; padding: 0 25px; font-size: 14px; line-height: 30px; background: #002060; color: #fff; border: transparent; border-radius: 30px; overflow: hidden; } ._paging2 .ctext .text_p span { display: inline-block; vertical-align: middle; padding: 0 25px; font-size: 14px; color: #333; } } ._location2 { width: 100%; float: left; } ._location2 .ctext { width: 100%; float: left; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; color: #8c8c8c; } ._location2 .ctext .ico { float: left; } ._location2 .ctext .ul1 { float: left; margin-left: 8px; } ._location2 .ctext .ul1 li { float: left; } ._location2 .ctext .ul1 li i { float: left; margin: 0 4px; } ._location2 .ctext .ul1 li a { float: left; color: #8c8c8c; font-size: 14px; line-height: 24px; } /*20211016start*/ @media screen and (max-width: 1280px){ ._location2 .ctext .ul1 li a { font-size: 12px; line-height: 20px; } } /*20211016end*/ ._location2 .ctext .ul1 li.on a, ._location2 .ctext .ul1 li:hover a { color: #002060; } ._title2 { width: 100%; float: left; } ._title2 .ctext { width: 100%; float: left; text-align: left; } ._title2 .ctext h2 { font-size: 45px; line-height: 53px; color: #FF0101; letter-spacing: 2px; font-weight: 700; } /*20211016start*/ @media screen and (max-width: 1280px){ ._title2 .ctext h2 { font-size: 30px; line-height: 36px; } } /*20211016end*/ ._title2 .ctext h3 { font-size: 45px; line-height: 53px; color: #032362; letter-spacing: 2px; font-weight: 700; margin: 6px 0 10px 0; } /*20211016start*/ @media screen and (max-width: 1280px){ ._title2 .ctext h3 { font-size: 26px; line-height: 34px; } } /*20211016end*/ ._title2 .ctext h4 { font-size: 26px; line-height: 36px; color: #363636; letter-spacing: 2px; font-weight: 700; } /*20211016start*/ @media screen and (max-width: 1280px){ ._title2 .ctext h4 { font-size: 20px; line-height: 24px; } } /*20211016end*/ ._title2 .ctext h6 { font-size: 20px; line-height: 26px; color: #363636; letter-spacing: 1px; padding: 14px 0 26px 0; } /*20211016start*/ @media screen and (max-width: 1280px){ ._title2 .ctext h6 { font-size: 16px; line-height: 20px; padding: 8px 0 14px 0; } } /*20211016end*/ ._title2 .ctext h5 { width: 100%; float: left; display: flex; justify-content: left; } ._title2 .ctext i { height: 2px; width: 26px; background: #032362; display: flex; } @media screen and (max-width:1024px) { ._title2 .ctext { text-align: left; } ._title2 .ctext h2 { font-size: 18px; line-height: 24px;display: inline-block;vertical-align: middle; } ._title2 .ctext h3 { font-size: 16px; line-height: 20px; margin: 2px 0 2px 0;display: inline-block;vertical-align: middle; } ._title2 .ctext h4 { font-size: 16px; line-height: 20px; } ._title2 .ctext h6 { font-size: 14px; line-height: 22px; padding: 2px 0 12px 0; } ._title2 .ctext i { height: 1px; width: 20px; } } ._title3 { width: 100%; float: left; } ._title3 .ctext { width: 100%; float: left; } ._title3 .ctext h4 { font-size: 32px; line-height: 36px; color: #002060; letter-spacing: 0px; font-weight: 700; white-space: pre-wrap; justify-content: center; display: flex; text-align: center; } /*20211016start*/ @media screen and (max-width: 1280px){ ._title3 .ctext h4 { font-size: 20px;line-height: 26px; } } /*20211016end*/ ._title3-3 .ctext i { margin: 30px 0; } ._title3 .ctext h6 { font-size: 20px; line-height: 26px; color: #363636; letter-spacing: 2px; font-weight: 400; padding: 12px 0 0 0; justify-content: center; display: flex; text-align: center; } /*20211016start*/ @media screen and (max-width: 1280px){ ._title3 .ctext h6 { font-size: 16px;line-height: 22px;padding: 8px 0 0 0; } } /*20211016end*/ ._title3 .ctext h5 { width: 100%; float: left; justify-content: center; display: flex; } ._title3 .ctext i { height: 2px; width: 30px; background: #363636; display: flex; margin: 30px 0; opacity: 1; } /*20211016start*/ @media screen and (max-width: 1280px){ ._title3 .ctext i { width: 24px;height: 1px;margin: 10px 0; } } /*20211016end*/ ._title3-3 .ctext h4 { font-size: 26px; letter-spacing: 2px; } /*20211016start*/ @media screen and (max-width:1280px) { ._title3-3 .ctext h4 { font-size: 18px; } } /*20211016end*/ @media screen and (max-width:1024px) { ._title3 .ctext {} ._title3 .ctext h4 { font-size: 18px; line-height: 24px; justify-content: center; text-align: center; } ._title3 .ctext h6 { font-size: 14px; line-height: 20px; padding: 6px 0 0px 0; justify-content: center; text-align: center; } ._title3 .ctext h5 { justify-content: center; } ._title3 .ctext i { height: 1px; width: 20px; margin: 12px 0; } } ._title3-3 .ctext h6 { font-size: 16px; padding: 8px 0 0px 0; } /*20211016start*/ @media screen and (max-width:1280px) { ._title3-3 .ctext h6 { font-size: 12px;padding: 6px 0 0 0; } } /*20211016end*/ @media screen and (max-width:1024px) { ._title3-3 .ctext h6 { padding: 4px 0 0px 0; } } ._title4 { float: left; width: 100%; } ._title4 .slick { float: left; width: 100%; } ._title4 .slick .content { display: block; float: left; width: 100%; border-bottom: 3px solid #333; } ._title4 .content h4 { color: #333; font-size: 22px; text-align: left; font-weight: 400; line-height: 24px; letter-spacing: 0px; margin-bottom: 10px; margin-top: 10px; } ._title4 .content h6 { color: #032362; font-size: 28px; text-align: left; font-weight: 700; line-height: 20px; letter-spacing: 0px; white-space: pre-wrap; } @media screen and (max-width:1024px) { ._title4 .slick .content { border-bottom: 2px solid #333; } ._title4 .content h4 { font-size: 18px; text-align: left; line-height: 24px; margin-bottom: 8px; margin-top: 4px; } ._title4 .content h6 { font-size: 14px; text-align: left; line-height: 20px; } } ._title5 { width: 100%; float: left; } ._title5 .ctext { position: relative; width: 100%; } ._title5 .ctext .backwords { font-size: 84px; font-weight: bold; text-align: center; text-transform: uppercase; color: #EEEEEE; } /*20211016start*/ @media screen and (max-width: 1280px){ ._title5 .ctext .backwords { font-size: 60px; } } /*20211016end*/ ._title5 .ctext h1 { width: 100%; font-size: 38px; text-align: center; font-weight: bold; position: absolute; top: 50%; letter-spacing: 2px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); color: #032362; } /*20211016start*/ @media screen and (max-width: 1280px){ ._title5 .ctext h1 { font-size: 24px; } } /*20211016end*/ ._title5 .ctext h1::before { width: 0px; height: 0px; background-color: #464646; content: ""; display: block; position: absolute; left: 50%; margin-left: -120px; top: 50%; margin-top: -0px; } ._title5 .ctext h1::after { width: 0px; height: 0px; background-color: #464646; content: ""; display: block; position: absolute; right: 50%; margin-right: -120px; top: 50%; margin-top: -0px; } @media screen and (max-width:1024px) { ._title5 .ctext .backwords { font-size: 40px; } ._title5 .ctext h1 { font-size: 18px; top: 50%; } ._title5 .ctext h1::before { width: 0px; content: ""; display: block; margin-left: -80px; height: 0px; } ._title5 .ctext h1::after { width: 0px; content: ""; display: block; margin-right: -80px; height: 0px; } } ._tabs2 { width: 100%; float: left; } ._tabs2 .slick { width: 100%; float: left; } ._tabs2 .slick-list { margin: -0px -0px; } ._tabs2 ul.slick-list { display: flex; justify-content: flex-start; flex-wrap: wrap; } ._tabs2 .slick-list li { float: left; width: 16.6666666666667%; padding: 0px 0px; display: flex; position: relative; height: auto; margin-bottom: 0px; } ._tabs2 .slick-list li:before { width: 1px; float: left; height: 26px; content: ''; background: #aaaaaa; opacity: 20%; position: absolute; right: 0; top: 50%; margin-top: -13px; } ._tabs2 .slick-list li:last-child:before { display: none; } ._tabs2 .slick-list li a { float: left; width: 100%; color: #373737; text-align: center; font-size: 16px; line-height: 56px; height: 56px; position: relative; z-index: 3; text-align: center; } @media screen and (max-width: 1280px){ ._tabs2 .slick-list li a { font-size: 14px; line-height: 40px; height: 40px; } } ._tabs2.on .slick-list li a {background-color: #fff;margin-right: 6px;} ._tabs2.on .slick-list li:before {display: none;} ._tabs2 .slick-list li a:before { width: 0; height: 0; float: left; content: ''; position: absolute; left: 50%; top: 100%; border-left: 0px solid transparent; border-right: 0px solid transparent; border-top: 0px solid #032362; margin-left: -0px; display: none; } ._tabs2 .slick-list li.on a, ._tabs2 .slick-list li:hover a { background: #032362; color: #fff; } ._tabs2 .slick-list li.on a:before, ._tabs2 .slick-list li:hover a:before { display: block; } @media screen and (max-width:1024px) { ._tabs2 .slick-list { margin: -0px -0px; } ._tabs2 ul.slick-list {display: block; white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%; } ._tabs2 .slick-list li { float: none; display: inline-block; vertical-align: middle; width: 30%; padding: 0px 0px; margin-bottom: 0px; } ._tabs2 .slick-list li:before { height: 16px; margin-top: -8px; } ._tabs2 .slick-list li a { font-size: 14px; line-height: 36px; height: 36px; } ._tabs2 .slick-list li a:before { border-left: 0px solid transparent; border-right: 0px solid transparent; border-top: 0px solid #032362; margin-left: -0px; } } ._tabs2-5 .slick-list li a:before { border-left: 12px solid transparent; border-right: 12px solid transparent; margin-left: -12px; } ._basis2 p { font-size: 16px; font-weight: 400; letter-spacing: 0px; line-height: 36px; white-space: pre-wrap; font-family: '微软雅黑'; color: #666666; text-align: left; opacity: 100%; position: relative; z-index: 6; } /*20211016start*/ @media screen and (max-width: 1280px){ ._basis2 p { font-size: 12px; line-height: 20px; } } @media screen and (max-width:1024px) { ._basis2 p { font-size: 14px; font-weight: 400; letter-spacing: 0px; line-height: 20px; text-align: left; } } ._basis2-2 p { font-size: 18px; line-height: 30px; color: #464646; } /*20211016start*/ @media screen and (max-width:1280px) { ._basis2-2 p { font-size: 14px;line-height: 24px; } } /*20211016end*/ @media screen and (max-width:1024px) { ._basis2-2 p { line-height: 24px;font-size: 14px; } } ._basis2-3 p { font-weight: 700; line-height: 34px; text-align: center; } /*20211016start*/ @media screen and (max-width:1280px) { ._basis2-3 p { line-height: 20px; } } /*20211016end*/ @media screen and (max-width:1024px) { ._basis2-3 p { line-height: 24px; text-align: center; } } ._basis3 { width: 100%; float: left; } ._basis3 .ctext { width: 100%; float: left; position: relative; padding: 60px; } ._basis3 .ctext em { float: left; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%; } ._basis3 .ctext ._wl { z-index: 1; background: #3A9997; opacity: 15%; } ._basis3 .ctext ._nl { z-index: 4; background: #0472BF; opacity: 45%; } ._basis3 .ctext .box { width: 100%; float: left; position: relative; z-index: 3; padding: 40px; border-radius: 50%; } ._basis3 .ctext i { float: left; width: 100%; position: relative; z-index: 5; line-height: 0; overflow: hidden; border-radius: 50%; box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); } ._basis3 .ctext i img { float: left; width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } ._basis3 .ctext .pic1 { padding-bottom: 100%; } ._basis3 .ctext .pic2 { height: 356px; } @media screen and (max-width:1024px) { ._basis3 .ctext { padding: 20px; } ._basis3 .ctext .box { padding: 15px; } ._basis3 .ctext i { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } ._basis3 .ctext .pic1 { padding-bottom: 100%; } ._basis3 .ctext .pic2 { height: 356px; } } ._basis4 { width: 100%; float: left; } ._basis4 .slick { width: 100%; float: left; } ._basis4 .slick-list { margin: -15px -15px; width: -ms-calc(100% + 30px); width: calc(100% + 30px); } ._basis4 .slick-list li { padding: 15px 15px; float: left; width: 33.3333333333333%; position: relative; } ._basis4 .slick-list li .content { display: block; float: left; width: 100%; background: #F7F7F7; transition: all 0.5s linear; border: 2px solid #F7F7F7; padding: 60px 45px 80px 45px; border-radius: 6px 6px 6px 6px; } /*20211016start*/ @media screen and (max-width: 1280px){ ._basis4 .slick-list li .content { padding: 30px; } } /*20211016end*/ ._basis4 .slick-list li .content .top .icon { height: 50px; width: 50px; background: rgba(0, 32, 96, 1); border-radius: 100%; text-align: center; float: left; } ._basis4 .slick-list li .content .top .icon i { font-size: 30px; color: #fff; line-height: 50px; } ._basis4 .slick-list li .content .top .icon img { max-width: 100%; } ._basis4 .slick-list li .content h4 { color: #252525; font-size: 18px; font-weight: 400; line-height: 26px; letter-spacing: 0px; float: left; margin-left: 0;padding-left: 20px; white-space: pre-wrap; width: calc(100% - 54px); width: -ms-calc(100% - 54px); width: -o-calc(100% - 54px); width: -moz-calc(100% - 54px); width: -webkit-calc(100% - 54px); } /*20211016start*/ @media screen and (max-width: 1280px){ ._basis4 .slick-list li .content h4 { font-size: 14px;line-height: 20px;padding-left: 14px; } } /*20211016end*/ ._basis4 .slick-list li .content h6 { color: #666; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: 0px; float: left; margin-top: 30px; height: 210px; white-space: pre-wrap; overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 210px; } /*20211016start*/ @media screen and (max-width: 1280px){ ._basis4 .slick-list li .content h6 { font-size: 12px;line-height: 24px;margin-top: 16px;height: 120px;max-height: 120px; } } /*20211016end*/ ._basis4 .slick-list li .content h6::-webkit-scrollbar{ width: 3px;} ._basis4 .slick-list li .content h6::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} ._basis4 .slick-list li .content h6::-webkit-scrollbar-thumb{ width: 3px; background-color: #002060; border-radius: 3px;} ._basis4 .slick-list li:hover .content { border: 2px solid #002060; } @media screen and (max-width:1024px) { ._basis4 .slick-list { margin: -5px -5px; width: -ms-calc(100% + 10px); width: calc(100% + 10px); } ._basis4 .slick-list li { padding: 5px 5px; width: 100%; } ._basis4 .slick-list li .content { padding: 20px 20px 20px 20px; border-radius: 6px 6px 6px 6px; } ._basis4 .slick-list li .content .top .icon { height: 40px; width: 40px; } ._basis4 .slick-list li .content .top .icon i { font-size: 24px; line-height: 40px; } ._basis4 .slick-list li .content h4 { font-size: 16px; line-height: 20px; margin-left: 0; padding-left: 14px; width: calc(100% - 70px); width: -ms-calc(100% - 70px); width: -o-calc(100% - 70px); width: -moz-calc(100% - 70px); width: -webkit-calc(100% - 70px); } ._basis4 .slick-list li .content h6 { font-size: 14px; line-height: 24px; margin-top: 20px; height: 144px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; } ._basis4 .slick-dots{ position: absolute; bottom: -10px; height: 6px; text-align: center;} ._basis4 .slick-dots li{ vertical-align: top; width: 6px; height: 6px;border-radius: 6px; margin: 0 4px; background: #dddddd;} ._basis4 .slick-dots li.slick-active{ background: #002060;width: 18px;} } ._basis5 { width: 100%; float: left; } ._basis5 .slick-list { margin: -15px -15px; overflow: hidden; width: -ms-calc(100% + 30px); width: calc(100% + 30px); } ._basis5 .slick-list li { padding: 15px 15px; float: left; width: 100%; } ._basis5 .slick-list li a { display: flex; background: #fff; padding: 30px; float: left; justify-content: space-between; align-items: center; width: 100%; box-shadow: 0px 0px 0px 0px #888; border: 1px solid #E5E5E5; } ._basis5 .slick-list li a:hover{background-color: rgba(255,255,255,0.5);} ._basis5 .slick-list .img { position: relative; overflow: hidden; width: 20%; float: right; } ._basis5 .slick-list li a .pic1 { padding-bottom: 13%; position: relative; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} ._basis5 .slick-list li a .pic1 img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align: middle; -ms-interpolation-mode: bicubic;} ._basis5 .slick-list li a:hover .pic1 img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);} ._basis5 .slick-list .tit { width: 60%; float: left; position: relative; } ._basis5 .slick-list .tit h4 { font-size: 20px; color: #333; font-weight: 400; letter-spacing: 1px; line-height: 20px; } /*20211008start*/ @media screen and (max-width: 1280px){ ._basis5 .slick-list .tit h4 { font-size: 16px; } } /*202111008end*/ ._basis5 .slick-list .tit h6 { font-size: 16px; color: #555555; font-weight: 400; letter-spacing: 1px; line-height: 30px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-top: 20px; } ._basis5 .slick-list .data { text-align: center; float: left; display: block; width: 10%; position: relative; } ._basis5 .slick-list h2 { float: left; font-size: 36px; line-height: 40px; color: #666666; width: 100%; letter-spacing: 3px; } /*20211008start*/ @media screen and (max-width: 1280px){ ._basis5 .slick-list h2 { font-size: 28px;line-height: 34px; } } /*202111008end*/ ._basis5 .slick-list h3 { float: left; font-size: 16px; line-height: 30px; color: #666666; width: 100%; } /*20211008start*/ @media screen and (max-width: 1280px){ ._basis5 .slick-list h3 { font-size: 14px;line-height: 24px; } } /*202111008end*/ ._basis5 .slick-list li:hover h4 { color: #002060; } ._basis5 .slick-list li:hover .sub { background: #002060; } ._basis5 .slick-list .sub { width: 36px; height: 36px; line-height: 36px; background: #002060; color: #FFF; float: left; left: 50%; transform: translate(-50%, 0px); position: relative; border-radius: 100%; margin-top: 20px; } /*20211008start*/ @media screen and (max-width: 1280px){ ._basis5 .slick-list .sub { width: 30px;height: 30px;line-height: 30px;margin-top: 14px; } } /*202111008end*/ ._basis5 .slick-list .data::before { content: ""; width: 1px; height: 100%; background: #e5e5e5; position: absolute; left: 120%; } @media screen and (max-width:1024px) { ._basis5 .slick-list li a .pic1 { padding-bottom: 0; height: 160px; position: relative; overflow: hidden;width: 100%;} ._basis5 .slick-list .data { display: none; } ._basis5 .slick-list { margin: -5px -5px; overflow: hidden; width: -ms-calc(100% + 10px); width: calc(100% + 10px); } ._basis5 .slick-list li { padding: 5px 5px; float: left; width: 100%; } ._basis5 .slick-list li a { padding: 14px; display: block; position: relative; } ._basis5 .slick-list .img { width: 35%; float: left; } ._basis5 .slick-list .tit { width: 100%; float: right;position: absolute;left:0;bottom: 14px;padding: 0 14px; } ._basis5 .slick-list .tit h4 { font-size: 18px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } ._basis5 .slick-list .tit h6 { font-size: 14px; margin-top: 10px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } ._basis5 .slick-list .data { width: 61%; overflow: hidden; position: absolute; left: 40%; bottom: 14px; } ._basis5 .slick-list h2 { float: left; font-size: 26px; line-height: 30px; letter-spacing: 1px; float: left; width: auto; } ._basis5 .slick-list h3 { float: left; font-size: 14px; line-height: 24px; float: none; width: auto; float: left; margin-left: 4px; } ._basis5 .slick-list .sub { width: 16px; height: 16px; line-height: 16px; margin-top: 0; } ._basis5 .slick-list .data::before { background: none; } ._basis5 .slick-list .pic1 { padding-bottom: 30%; } ._basis5 .slick-list .pic2 { height: 200px; } ._basis5 .slick-list li a { display: block;position: relative;padding-bottom: 120px; } } ._basis5-2 .slick-list li a { border: 0px solid #002060; } ._basis5-2 .slick-list .img { width: 23%; } ._basis5-2 .slick-list .tit h4 { color: #000000; } ._basis5-2 .slick-list .tit h6 { color: #464646; line-height: 36px; margin-top: 30px; } /*20211008start*/ @media screen and (max-width: 1280px){ ._basis5-2 .slick-list .tit h6 { line-height: 30px;margin-top: 20px;font-size: 14px; } } /*202111008end*/ ._basis5-2 .slick-list h2 { color: #888; } ._basis5-2 .slick-list h3 { color: #888; } ._basis5-2 .slick-list .sub { margin-top: 30px; } @media screen and (max-width:1024px) { ._basis5-2 .slick-list .tit h4 { font-size: 14px; line-height: 20px; } ._basis5-2 .slick-list .tit h6 { margin-top: 8px; line-height: 20px; } ._basis5-2 .slick-list .pic2 { height: 260px; } } ._basis6 { display: flex; justify-content: left; } ._basis6 .dis { display: inline-block; } ._basis6 .dis.wid1 { width: 100%; } ._basis6 .dis.wid2 { width: 0px; } ._basis6 .dis .pic1 { padding-bottom: 59.12%; } ._basis6 .dis .pic2 { height: 323px; } /*20211016start*/ @media screen and (max-width:1280px) { ._basis6 .dis .pic2 { height: 240px; } } /*20211016end*/ ._basis6 .dis i { display: block; width: 100%; line-height: 0; overflow: hidden; position: relative; border-radius: 0px 0px 0px 0px; } ._basis6 .dis i img { width: 100%; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; min-width: 100%; min-height: 100%; background: #fff; padding: 0px; } @media screen and (max-width:1024px) { ._basis6 { justify-content: center; } ._basis6 .dis i { border-radius: 0px 0px 0px 0px; } ._basis6 .dis .pic1 { padding-bottom: 59.12%; } ._basis6 .dis .pic2 { height: 200px; } ._basis6 .dis i img { padding: 0px; } } ._basis6-2 { display: flex; justify-content: center; } ._basis6-2 .dis { display: inline-block; width: 100%; } ._basis6-2 .dis .pic1 { padding-bottom: 59.12%; } ._basis6-2 .dis .pic2 { height: 160px; } /*20211016start*/ @media screen and (max-width: 1280px){ ._basis6-2 .dis .pic2 { height: 120px; } } /*20211016end*/ ._basis6-2 .dis i { display: block; width: 100%; line-height: 0; overflow: hidden; position: relative; border-radius: 0px 0px 0px 0px; } ._basis6-2 .dis i img { width: 100%; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; max-width: 100%; min-height: 100%; } @media screen and (max-width:1024px) { ._basis6-2 .dis i { border-radius: 0px 0px 0px 0px; } ._basis6-2 .dis .pic1 { padding-bottom: 59.12%; } ._basis6-2 .dis .pic2 { height: 100px;width: 95%;margin: 0 auto; } } ._basis6-3 { display: flex; } ._basis6-3 .dis { display: inline-block; } ._basis6-3 .dis.wid1 { width: 100%; } ._basis6-3 .dis.wid2 { width: 110px; } ._basis6-3 .dis .pic1 { padding-bottom: 59.12%; } ._basis6-3 .dis .pic2 { height: 110px; } ._basis6-3 .dis i { display: block; width: 100%; line-height: 0; overflow: hidden; position: relative; border-radius: 0px 0px 0px 0px; } ._basis6-3 .dis i img { width: 100%; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; min-width: 100%; min-height: 100%; padding: 0px; } @media screen and (max-width:1024px) { ._basis6-3 .dis.wid1 { width: 100%; } ._basis6-3 .dis.wid2 { width: 80px; } ._basis6-3 .dis i { border-radius: 0px 0px 0px 0px; } ._basis6-3 .dis .pic1 { padding-bottom: 59.12%; } ._basis6-3 .dis .pic2 { height: 80px; } ._basis6-3 .dis i img { padding: 0px; } } ._basis7 p { text-align: left; white-space:nowrap; font-size: 36px; font-weight: 700; letter-spacing: 0px; line-height: 40px; font-family: '微软雅黑'; color: #002060; opacity: 1; position: relative; word-break: break-all; float: left; padding: 0px 0px 0px 0px; width: 100%; left: 0%; transform: translate(-0%, 0px); border: 0px solid #fff; overflow: hidden; } /*20211016start*/ @media screen and (max-width:1280px) { ._basis7 p { font-size: 24px;line-height: 32px; } } /*20211016end*/ ._basis7-2 p { text-align: center; font-size: 28px; font-weight: 700; letter-spacing: 0px; line-height: 30px; white-space: pre-wrap; font-family: '微软雅黑'; color: #333333; opacity: 1; position: relative; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } /*20211016start*/ @media screen and (max-width: 1280px){ ._basis7-2 p { font-size: 20px;line-height: 24px; } } /*20211016end*/ @media screen and (max-width:1024px) { ._basis7-2 p { text-align: center; font-size: 20px; font-weight: 700; letter-spacing: 0px; line-height: 22px; opacity: 1; -webkit-line-clamp: 2; } ._basis7 p { font-size: 20px; font-weight: 700; letter-spacing: 0px; line-height: 22px; opacity: 1; -webkit-line-clamp: 2; } } ._basis7-3 p { text-align: center; font-size: 16px; font-weight: 400; letter-spacing: 1px; line-height: 60px; white-space: pre-wrap; font-family: '微软雅黑'; color: #666666; opacity: 0.8; position: relative; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } /*20211016start*/ @media screen and (max-width: 1280px){ ._basis7-3 p { font-size: 14px;line-height: 40px; } } /*20211016end*/ @media screen and (max-width:1024px) { ._basis7-3 p { text-align: center; font-size: 14px; font-weight: 400; letter-spacing: 1px; line-height: 40px; opacity: 0.8; -webkit-line-clamp: 1; } } ._basis7-4 p { text-align: left; font-size: 16px;white-space:initial; font-weight: 400; letter-spacing: 1px; line-height: 30px; font-family: '微软雅黑'; color: #464646; opacity: 1; position: relative; word-break: break-all; float: left; padding: 0px 0px 0px 0px; width: 100%; left: 0%; transform: translate(-0%, 0px); border: 0px solid #fff; overflow: hidden; } /*20211016start*/ @media screen and (max-width: 1280px){ ._basis7-4 p { font-size: 12px;line-height: 24px; } } /*20211016end*/ ._basis7-4 p.ps{text-indent: 2em;} @media screen and (max-width:1024px) { ._basis7-4 p { text-align: center; font-size: 14px; font-weight: 400; letter-spacing: 1px; line-height: 20px; opacity: 1; padding: 0px 0px 0px 0px; left: 0%; transform: translate(-0%, 0px); } } ._basis7-5 p { text-align: center; font-size: 16px; font-weight: 400; letter-spacing: 0px; line-height: 24px; white-space: pre-wrap; font-family: '微软雅黑'; color: #FFFFFF; opacity: 1; position: relative; word-break: break-all; float: left; padding: 0px 12px 0px 0px; width: 100%; left: 0%; transform: translate(-0%, 0px); border: 0px solid #fff; overflow: hidden; } @media screen and (max-width:1024px) { ._basis7-5 p { text-align: center; font-size: 14px; font-weight: 400; letter-spacing: 0px; line-height: 20px; opacity: 1; padding: 0px 0px 0px 0px; left: 0%; transform: translate(-0%, 0px); } } ._basis7-6 p { text-align: center; font-size: 20px; font-weight: 400; letter-spacing: 0px; line-height: 24px; white-space: pre-wrap; font-family: '微软雅黑'; color: #333333; opacity: 1; position: relative; word-break: break-all; float: left; padding: 0px 0px 0px 0px; width: 100%; left: 0%; transform: translate(-0%, 0px); border: 0px solid #fff; overflow: hidden; } /*20211016start*/ @media screen and (max-width: 1280px){ ._basis7-6 p { font-size: 16px;line-height: 20px; } } /*20211016end*/ @media screen and (max-width:1024px) { ._basis7-6 p { text-align: left; font-size: 14px; font-weight: 400; letter-spacing: 0px; line-height: 24px; opacity: 1; padding: 0px 0px 0px 0px; left: 0%; transform: translate(-0%, 0px); white-space: pre-wrap; } } ._basis8 { width: 100%; float: left; } ._basis8 .ctext { font-size: 0; width: 100%; float: left; text-align: right; } ._basis8 .ctext a { position: relative; } ._basis8 .ctext a span { font-size: 16px; line-height: 0px; color: #333; margin-right: 10px; display: inline-block; vertical-align: middle; } /*20211016start*/ @media screen and (max-width:1280px) { ._basis8 .ctext a span { font-size: 12px;line-height: 4px; } } /*20211016end*/ ._basis8 .ctext a i { font-size: 16px; color: #fff; width: 0px; height: 0px; line-height: 0px; text-align: center; background: #002060; border-radius: 50%; display: inline-block; vertical-align: middle; } ._basis8 .ctext a img { display: inline-block; vertical-align: middle; height: 17px; } /*20211016start*/ @media screen and (max-width:1280px) { ._basis8 .ctext a img { height: 12px; } } /*20211016end*/ ._basis8 .ctext a:hover span { color: #002060; } @media screen and (max-width:1024px) { ._basis8 .ctext { text-align: right; } ._basis8 .ctext a span { font-size: 14px; line-height: 0px; margin-right: 5px; } ._basis8 .ctext a i { font-size: 14px; width: 0px; height: 0px; line-height: 0px; } ._basis8 .ctext a img { display: inline-block; vertical-align: middle; height: 15px; } } ._basis8-2 { width: 100%; float: left; } ._basis8-2 .ctext { font-size: 0; width: 100%; float: left; text-align: right; } ._basis8-2 .ctext a { position: relative; } ._basis8-2 .ctext a span { font-size: 16px; line-height: 36px; color: #333; margin-right: 10px; display: inline-block; vertical-align: middle; } /*20211016start*/ @media screen and (max-width: 1280px){ ._basis8-2 .ctext a span { font-size: 14px;line-height: 30px; } } /*20211016end*/ ._basis8-2 .ctext a i { font-size: 16px; color: #fff; width: 36px; height: 36px; line-height: 36px; text-align: center; background: #002060; border-radius: 50%; display: inline-block; vertical-align: middle; } /*20211016start*/ @media screen and (max-width: 1280px){ ._basis8-2 .ctext a i { font-size: 14px;height: 30px;width: 30px;line-height: 30px; } } /*20211016end*/ ._basis8-2 .ctext a:hover span { color: #002060; } @media screen and (max-width:1024px) { ._basis8-2 .ctext { text-align: right; } ._basis8-2 .ctext a span { font-size: 14px; line-height: 24px; margin-right: 5px; } ._basis8-2 .ctext a i { font-size: 14px; width: 24px; height: 24px; line-height: 24px; } } ._basis9 { width: 100%; } ._basis9 .ctext { text-align: left; } ._basis9 .ctext a { display: inline-block; font-size: 0; background-color: #3d4047; padding: 12px 62px; } /*20211016start*/ @media screen and (max-width:1280px) { ._basis9 .ctext a { padding: 8px 20px; } } /*20211016end*/ ._basis9 .ctext a:hover { background-color: #002060; } ._basis9 .ctext a .iconbox { display: inline-block; vertical-align: middle; margin-right: 10px; } ._basis9 .ctext a .iconbox i { font-size: 0px; color: #000; } ._basis9 .ctext a .iconbox .icon { width: 28px; height: 28px; } /*20211016start*/ @media screen and (max-width:1280px) { ._basis9 .ctext a .iconbox .icon { width: 18px;height: 18px; } } /*20211016end*/ ._basis9 .ctext a .words { font-size: 18px; color: #ffffff; line-height: 18px; display: inline-block; vertical-align: middle; } /*20211016start*/ @media screen and (max-width:1280px) { ._basis9 .ctext a .words { font-size: 14px;line-height: 14px; } } /*20211016end*/ @media screen and (max-width:1024px) { ._basis9 .ctext { text-align: left; } ._basis9 .ctext a { padding: 4px 24px; } ._basis9 .ctext a .iconbox { margin-right: 8px; } ._basis9 .ctext a .iconbox i { font-size: 0px; } ._basis9 .ctext a .iconbox .icon { width: 26px; height: 26px; } ._basis9 .ctext a .words { font-size: 14px; line-height: 14px; } } ._basis10 { width: 100%; float: left; } ._basis10 .slick { width: 100%; float: left; } ._basis10 .slick-list li { float: left; width: 100%; padding: 20px 15px; position: relative; } /*20211016start*/ @media screen and (max-width: 1280px){ ._basis10 .slick-list li { padding: 10px; } } /*20211016end*/ ._basis10 .slick .slick-list { margin: -20px -15px; float: left; width: -ms-calc(100% + 30px); width: calc(100% + 30px); } ._basis10 .slick .slick-list i { float: left; } ._basis10 .slick-list li a { display: flex; float: left; box-shadow: 0px 0px 0px 0px #888; } ._basis10 .slick-list li .content { float: left; margin-left: 15px; } /*20211016start*/ @media screen and (max-width: 1280px){ ._basis10 .slick-list li .content { margin-left: 8px; } } /*20211016end*/ ._basis10 .slick-list li i { font-weight: bold; font-size: 16px; } ._basis10 .slick-list li h4 { font-size: 16px; color: #333333; font-weight: 700; line-height: 20px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } /*20211016start*/ @media screen and (max-width: 1280px){ ._basis10 .slick-list li h4 { font-size: 14px;line-height: 18px; } } /*20211016end*/ ._basis10 .slick-list li h6 { font-size: 16px; color: #555555; line-height: 40px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } /*20211016start*/ @media screen and (max-width: 1280px){ ._basis10 .slick-list li h6 { font-size: 14px;line-height: 26px; } } /*20211016end*/ ._basis10 .slick-list li span { font-size: 14px; color: #888888; } /*20211016start*/ @media screen and (max-width: 1280px){ ._basis10 .slick-list li span { font-size: 12px; } } /*20211016end*/ ._basis10 .slick-list li:hover h4 { color: #002060; } ._basis10 .slick-list li:hover i { color: #002060; } @media screen and (max-width:1024px) { ._basis10 .slick .slick-list { margin: -5px -5px; width: -ms-calc(100% + 10px); width: calc(100% + 10px); } ._basis10 .slick-list li { width: 100%; padding: 5px 5px; } ._basis10 .slick-list li h4 { font-size: 14px; font-weight: 700; line-height: 18px; } ._basis10 .slick-list li h6 { font-size: 14px; line-height: 30px; } ._basis10 .slick-list li span { font-size: 14px; } } ._basis11 { width: 100%; float: left; } ._basis11 .slick { float: left; width: 100%; } ._basis11 .slick-list { float: left; margin: -15px -15px; width: -ms-calc(100% + 30px); width: calc(100% + 30px); } ._basis11 .slick-list li { float: left; width: 33.3333333333333%; padding: 15px 15px; } ._basis11 .slick-list li .a { display: block; float: left; width: 100%; position: relative; overflow: hidden; border-radius: 0px 0px 0px 0px; box-shadow: 0px 0px 0px 0px #888; } ._basis11 .slick-list li .pic { float: left; width: 100%; line-height: 0; position: relative; padding-bottom: 50.7%; overflow: hidden; } ._basis11 .slick-list li .pic img { float: left; width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -ms-transform: translate(-50%, -50%) scale(1.01, 1.01); transform: translate(-50%, -50%) scale(1.01, 1.01); -ms-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } ._basis11 .slick-list li:hover i img { -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } ._basis11 .slick-list li .text1 { display: inline-block; font-size: 20px; line-height: 50px; height: 50px; overflow: hidden; padding: 0 25px; color: #323232; background: #fff; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; } /*20211008start*/ @media screen and (max-width: 1600px){ ._basis11 .slick-list li .text1 { display: inline-block; font-size: 16px; line-height: 38px; height: 38px; } } /*20211008end*/ /*20211016start*/ @media screen and (max-width: 1280px){ ._basis11 .slick-list li .text1 { font-size: 14px;line-height: 30px;height: 30px; } } /*20211016end*/ ._basis11 .slick-list li .text2 { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; background: rgba(0, 32, 96, 0.8); } ._basis11 .slick-list li .text2 .pos { position: absolute; left: 0; top: 50%; width: 100%; padding: 0 50px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } /*20211008start*/ @media screen and (max-width: 1600px){ ._basis11 .slick-list li .text2 .pos { position: absolute; left: 0; top: 50%; width: 100%; padding: 0 20px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } /*20211008end*/ ._basis11 .slick-list li .text2 h6 { text-align: left; font-size: 36px; font-weight: bold; color: #fff; } ._basis11 .slick-list li .text2 h4 { text-align: left; margin-top: 10px; font-size: 18px; line-height: 22px; height: 22px; overflow: hidden; color: #fff; } /*20211008start*/ @media screen and (max-width: 1600px){ ._basis11 .slick-list li .text2 h4 { text-align: left; margin-top: 6px; font-size: 16px; line-height: 20px; height: 20px; overflow: hidden; color: #fff; } } /*20211008end*/ /*20211016start*/ @media screen and (max-width: 1280px){ ._basis11 .slick-list li .text2 h4 { font-size: 14px;line-height: 18px;height: 18px; } } /*20211016end*/ ._basis11 .slick-list li .text2 .line { margin: 10px 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.2); } /*20211008start*/ @media screen and (max-width: 1600px){ ._basis11 .slick-list li .text2 .line { margin: 6px 0; } } /*202111008end*/ ._basis11 .slick-list li .text2 h5 { text-align: left; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; color: #fff; } /*20211008start*/ @media screen and (max-width: 1600px){ ._basis11 .slick-list li .text2 h5 { text-align: left; font-size: 12px; line-height: 18px; height: 36px; overflow: hidden; color: #fff; } } /*20211008end*/ ._basis11 .slick-list li .bot { margin-top: 34px; padding: 0 30px; background: #fff; border-radius: 32px; display: inline-block; font-size: 0; } /*20211008start*/ @media screen and (max-width: 1600px){ ._basis11 .slick-list li .bot { margin-top: 20px; } } /*20211008end*/ ._basis11 .slick-list li .bot span { font-size: 16px; line-height: 32px; margin-right: 6px; color: #002060; display: inline-block; vertical-align: middle; } /*20211008start*/ @media screen and (max-width: 1600px){ ._basis11 .slick-list li .bot span {font-size: 14px;line-height: 30px;} } /*20211008end*/ ._basis11 .slick-list li .bot em { width: 13px; height: 13px; border: 3px solid #002060; border-radius: 50%; display: inline-block; vertical-align: middle; } ._basis11 .slick-list li:hover .text1 { display: none; } ._basis11 .slick-list li:hover .text2 { display: block; } ._basis11 .slick-list li .text2 i { font-size: 26px; color: #fff; text-align: left; display: block; } /*20211008start*/ @media screen and (max-width: 1600px){ ._basis11 .slick-list li .text2 i { font-size: 20px; color: #fff; text-align: left; display: block; } } /*20211008end*/ ._basis11-1 { width: 100%; float: left; } ._basis11-1 .slick { width: 100%; float: left; } ._basis11-1 .slick ul { float: left; width: 100%; } ._basis11-1 .slick .slick-dots { bottom: 25px; } ._basis11-1 .slick .slick-dots li { height: 6px; width: 6px; border-radius: 6px 6px 6px 6px; background: #a1a1a1; transition: all 0.5s linear; } ._basis11-1 .slick .slick-dots li.slick-active { width: 24px; height: 6px; background: #002060; border-radius: 6px 6px 6px 6px; } ._basis11-1 .slick-arrow { height: 40px; width: 40px; z-index: 2; background-color: rgba(255, 255, 255, 1); opacity: 1; display: flex; color: #222; align-items: center; justify-content: center; transition: all 0.4s; transform: translateY(-50%); border-radius: 40px; position: absolute; top: 50%; z-index: 11; -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 15%); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .15); box-shadow: 0 0 5px rgba(0 0 0 / 15%); } ._basis11-1 .slick-prev { left: 0px; } ._basis11-1 .slick-next { right: 0px; } ._basis11-1 .slick-prev::before { content: ""; width: 14px; height: 1px; background: #555; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } ._basis11-1 .slick-prev::after { content: ""; display: block; margin-left: -3px; width: 6px; height: 6px; border-top: 1px solid #555; border-right: 1px solid #555; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%) rotate(225deg); transform: translate(-50%, -50%) rotate(225deg); } ._basis11-1 .slick-next::before { content: ""; width: 14px; height: 1px; background: #555; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } ._basis11-1 .slick-next::after { content: ""; display: block; margin-left: 3px; width: 6px; height: 6px; border-top: 1px solid #555; border-right: 1px solid #555; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } ._basis11-1 .slick-next:hover:before { background: #fff; } ._basis11-1 .slick-prev:hover:before { background: #fff; } ._basis11-1 .slick-next:hover:after { border-top: 1px solid #fff; border-right: 1px solid #fff; } ._basis11-1 .slick-prev:hover:after { border-top: 1px solid #fff; border-right: 1px solid #fff; } ._basis11-1 .slick-arrow:hover { background-color: #002060; color: #fff; opacity: 1; } @media screen and (max-width:1024px) { ._basis11 .slick-list { float: left; margin: -5px -5px; width: -ms-calc(100% + 10px); width: calc(100% + 10px); } ._basis11 .slick-list li { float: left; width: 100%; padding: 5px 5px; } ._basis11 .slick-list li .a { border-radius: 0px 0px 0px 0px; } ._basis11 .slick-list li .text1 { font-size: 16px; line-height: 30px; height: 30px; padding: 0 10px; } ._basis11 .slick-list li .text2 .pos { padding: 0 15px; } ._basis11 .slick-list li .text2 h6 { font-size: 24px; } ._basis11 .slick-list li .text2 h4 { margin-top: 5px; font-size: 18px; line-height: 22px; height: 22px; overflow: hidden; color: #fff; } ._basis11 .slick-list li .text2 .line { margin: 5px 0; } ._basis11 .slick-list li .text2 h5 { font-size: 16px; line-height: 24px; height: 48px; } ._basis11 .slick-list li .bot { margin-top: 10px; padding: 0 30px; border-radius: 32px; } ._basis11 .slick-list li .bot span { font-size: 14px; line-height: 32px; margin-right: 5px; } ._basis11 .slick-list li .bot em { width: 12px; height: 12px; border: 2px solid #002060; } ._basis11 .slick-list li .text2 i { font-size: 20px; } ._basis11-1 .slick .slick-dots { bottom: -30px; } ._basis11-1 .slick .slick-dots li { height: 5px; width: 5px; border-radius: 5px 5px 5px 5px; } ._basis11-1 .slick .slick-dots li.slick-active { width: 18px; height: 5px; border-radius: 5px 5px 5px 5px; } ._basis11-1 .slick-arrow { height: 30px; width: 30px; border-radius: 20px; top: 50%; } ._basis11-1 .slick-prev { left: 0px; } ._basis11-1 .slick-next { right: 0px; } ._basis11-1 .slick-prev::before { width: 10px; } ._basis11-1 .slick-prev::after { margin-left: -2px; width: 5px; height: 5px; } ._basis11-1 .slick-next::before { width: 10px; } ._basis11-1 .slick-next::after { margin-left: 2px; width: 5px; height: 5px; } } ._basis12 { float: left; width: 100%; } ._basis12 .ctext { float: left; width: 100%; } ._basis12 .ctext ul { margin: -12px -17px; overflow: hidden; font-size: 0; text-align: left; width: -moz-calc(100% + 34px); width: -o-calc(100% + 34px); width: -webkit-calc(100% + 34px); width: calc(100% + 34px); } ._basis12 .ctext li { display: inline-block; position: relative; padding: 12px 17px; font-size: 0; width: 100%; } @media screen and (max-width: 1480px){ ._basis12 .ctext li { display: inline-block; position: relative; padding: 12px 0; font-size: 0; width: 100%; } } ._basis12 .ctext li::after { content: ""; display: block; position: absolute; right: -17px; top: 50%; width: 1px; height: 14px; background: #FFFFFF; opacity: 60%; transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); } ._basis12 .ctext li:last-child::after { display: none; } ._basis12 .ctext li a { width: 100%; font-size: 0; } ._basis12 .ctext li i { display: inline-block; vertical-align: middle; width: 18px; height: 18px; line-height: 0; overflow: hidden; } ._basis12 .ctext li .i { font-size: 18px; line-height: 18px; padding-bottom: 0; color: #FFFFFF; } ._basis12 .ctext li i img { width: 18px;height: 18px; } ._basis12 .ctext li p { margin-left: 10px; font-size: 16px; font-weight: 400; line-height: 30px; color: #BBBBBB; display: inline-block; vertical-align: middle; width: calc(100% - 34px); width: -ms-calc(100% - 34px); width: -o-calc(100% - 34px); width: -moz-calc(100% - 34px); width: -webkit-calc(100% - 34px); } ._basis12 .ctext li p.ps{margin-left: 109px;margin-top: 22px;} .bottomnav ._basis12 .ctext li p.ps{margin-left: 114px;} @media screen and (max-width:1400px) { .bottomnav ._basis12 .ctext li p.ps{margin-left: 30px;} ._basis12 .ctext li p.ps{margin-left: 30px;} /*20211008start*/ ._basis12 .ctext li p { font-size: 12px;letter-spacing: 0;line-height:16px; } /*20211008end*/ } @media screen and (max-width:1024px) { ._basis12 .ctext li br{display:none} ._basis12 .ctext ul { margin: -6px -5px; text-align: left; width: -moz-calc(100% + 10px); width: -o-calc(100% + 10px); width: -webkit-calc(100% + 10px); width: calc(100% + 10px); } ._basis12 .ctext li p.ps{margin-left: 25px;margin-top: 0;} .bottomnav ._basis12 .ctext li p.ps{margin-left: 25px;} ._basis12 .ctext li { padding: 6px 5px; width: 100%; } ._basis12 .ctext li::after { right: -5px; height: 10px; width: 0; height: 10px; } ._basis12 .ctext li i { width: 20px; height: 20px; } ._basis12 .ctext li .i { font-size: 20px; line-height: 20px } ._basis12 .ctext li p { margin-left: 5px; font-size: 14px; font-weight: 400; line-height: 20px; width: calc(100% - 28px); } } ._imglist2 { float: left; width: 100%; overflow: hidden; } ._imglist2 .slick { float: left; width: 100%; } ._imglist2 .slick .slick-slider { float: left; width: 100%; } ._imglist2 .slick .slick-slider { float: left; width: 100%; } ._imglist2 .slick .slick-list { margin: -0px -0px; float: left; width: -moz-calc(100% + 0px); width: -o-calc(100% + 0px); width: -webkit-calc(100% + 0px); width: calc(100% + 0px); } ._imglist2 .slick .slick-list li { float: left; width: 100%; padding: 0px 0px; position: relative; } ._imglist2 .slick .slick-list li a { display: block; width: 100%; line-height: 0; border-radius: 0px 0px 0px 0px; } ._imglist2 .slick .slick-list li .img2 { display: none; } @media screen and (max-width:1024px) { ._imglist2 .slick .slick-list { margin: -0px -0px; width: -moz-calc(100% + 0px); width: -o-calc(100% + 0px); width: -webkit-calc(100% + 0px); width: calc(100% + 0px); } ._imglist2 .slick .slick-list li { width: 100%; padding: 0px 0px; } ._imglist2 .slick .slick-list li a { border-radius: 0px 0px 0px 0px; } ._imglist2 .slick .slick-list li .img1 { display: none; width: 100%; } ._imglist2 .slick .slick-list li .img2 { display: block; width: 100%; } ._imglist2 { float: left; width: 100%; overflow: hidden;margin-top: 50px; } } ._text2 { width: 100%; float: left; } ._text2 .slick-list { margin: -15px -15px; width: -ms-calc(100% + 30px); width: calc(100% + 30px); } ._text2 .slick-list li { padding: 15px 15px; float: left; width: 50%; position: relative; } /*20211016start*/ @media screen and (max-width:1280px) { ._text2 .slick-list li { padding: 8px; } } /*20211016end*/ ._text2 .slick-list li a { display: block; padding: 40px 30px 40px 40px; border-radius: 10px 10px 10px 10px; box-shadow: 0px 0px 20px 0px #e5e5e5; } /*20211016start*/ @media screen and (max-width:1280px) { ._text2 .slick-list li a { padding: 20px; } } /*20211016end*/ ._text2 .slick-list li .tit { display: flex; justify-content: space-between; align-items: center; } ._text2 .slick-list li h2 { font-size: 24px; color: #002060; font-weight: 400; letter-spacing: 1px; } /*20211016start*/ @media screen and (max-width:1280px) { ._text2 .slick-list li h2 { font-size: 18px; } } /*20211016end*/ ._text2 .slick-list li h2::after { content: ""; height: 1px; width: 30px; background: #333; display: block; margin-top: 15px; position: absolute; } /*20211016start*/ @media screen and (max-width:1280px) { ._text2 .slick-list li h2::after { margin-top: 8px; } } /*20211016end*/ ._text2 .slick-list li h3 { color: #f0f0f0; font-size: 37px; font-weight: 700; } ._text2 .slick-list li h4 { margin-top: 60px; font-size: 16px; color: #000000; font-weight: 700; margin-bottom: 5px; } /*20211016start*/ @media screen and (max-width:1280px) { ._text2 .slick-list li h4 { margin-top: 20px; font-size: 14px; } } /*20211016end*/ ._text2 .slick-list li h6 { color: #464646; font-size: 16px; line-height: 30px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; height:150px; overflow: hidden; } /*20211016start*/ @media screen and (max-width:1280px) { ._text2 .slick-list li h6 { font-size: 12px;line-height: 24px; } } /*20211016end*/ ._text2 .slick-list li .info { margin-top: calc(20px + 0px); } @media screen and (max-width:1024px) { ._text2 .slick-list li .tit { } ._text2 .slick-list { margin: -12px; width: -ms-calc(100% + 24px); width: calc(100% + 24px); } ._text2 .slick-list li { padding: 12px; width: 100%; } ._text2 .slick-list li a { padding: 20px 15px 20px 20px; border-radius: 8px 8px 8px 8px; } ._text2 .slick-list li h2 { font-size: 20px; } ._text2 .slick-list li h2::after { width: 20px; height: 1px; margin-top: 10px; } ._text2 .slick-list li h3 { font-size: 30px; } ._text2 .slick-list li h4 { margin-top: 18px; font-size: 14px; margin-bottom: 3px; } ._text2 .slick-list li h6 { font-size: 14px; line-height: 24px; height:auto; } ._text2 .slick-list li .info { margin-top: 0px; } } ._text3 { width: 100%; float: left; } ._text3 .slick { width: 100%; float: left; display: flex; align-items: center; } ._text3 .slick .page { float: left; } ._text3 .slick .page a { display: flex; align-items: center; } ._text3 .slick .page i { font-size: 20px; color: #555555; float: left; } ._text3 .slick .page h4 { font-size: 16px; color: #555555; line-height: 16px; float: left; } /*20211016start*/ @media screen and (max-width: 1280px){ ._text3 .slick .page h4 { font-size: 14px;line-height: 14px; } } /*20211016end*/ ._text3 .slick .pre { padding-right: 15px; } ._text3 .slick .next { padding-left: 15px; } ._text3 .slick .bg { width: 1px; height: 20px; background: #ebeced; } ._text3 .slick .pre h4 { margin-left: 10px; } ._text3 .slick .next h4 { margin-right: 10px; } ._text3 .slick .page:hover h4, ._text3 .slick .page:hover i { color: #002060; } @media screen and (max-width:1024px) { ._text3 .slick .page i { font-size: 14px; } ._text3 .slick .page h4 { font-size: 12px; line-height: 14px; } ._text3 .slick .pre { padding-right: 10px; } ._text3 .slick .next { padding-left: 10px; } ._text3 .slick .pre h4 { margin-left: 5px; } ._text3 .slick .next h4 { margin-right: 5px; } } /*导出之后切图*/ /*人才战略*/ .rc_section2{width: 100%;float: left;min-height: 474px;border-radius: 0 80px 0 80px;} .rc_section2 .boxs{width: 50%;float: left;padding: 0 90px 0 70px;} .rc_section2 .boxs .border{width: 1px;height: 110px;background-color: #fff;margin: 0 auto;} .rc_section2 .boxs .dian{width: 10px;height: 10px;background-color: #fff;margin: 0 auto;border-radius: 100%;} .rc_section2 .boxs .tit{width: 100%;text-align: center;font-size: 30px;color: #ffffff;line-height: 36px;margin-top: 10px;margin-bottom: 34px;} .rc_section2 .boxs .tit h3{font-size: 30px;line-height: 36px;} .rc_section2 .boxs .tit h2{font-size: 30px;line-height: 36px;font-weight: bold;} .rc_section2 .boxs .info{font-size: 16px;color: #ffffff;line-height: 36px;text-align: center;} /*20211016start*/ @media screen and (max-width: 1280px){ .rc_section2{min-height: 300px;} .rc_section2 .boxs{padding: 0 40px;} .rc_section2 .boxs .border{height: 40px;} .rc_section2 .boxs .dian{width: 6px;height: 6px;} .rc_section2 .boxs .tit{font-size: 18px;line-height: 24px;margin-top: 6px;margin-bottom: 14px;} .rc_section2 .boxs .tit h3{font-size: 16px;line-height: 24px;} .rc_section2 .boxs .tit h2{font-size: 16px;line-height: 24px;} .rc_section2 .boxs .info{font-size: 14px;line-height: 24px;} } /*20211016end*/ @media screen and (max-width: 1024px){ .rc_section2{min-height: 1px;border-radius: 0 30px 0 30px;padding: 0 12px;} .rc_section2 .boxs{width: 100%;padding: 12px 0;} .rc_section2 .boxs:nth-child(2){border-top: 1px solid rgba(255,255,255,0.4);} .rc_section2 .boxs .border{display: none;} .rc_section2 .boxs .dian{width: 8px;height: 8px;} .rc_section2 .boxs .tit{font-size: 18px;line-height: 24px;margin-top: 8px;margin-bottom: 12px;} .rc_section2 .boxs .tit h3{font-size: 18px;line-height: 24px;} .rc_section2 .boxs .tit h2{font-size: 18px;line-height: 24px;} .rc_section2 .boxs .info{font-size: 14px;line-height: 24px;text-align: left;} } /*产品详情*/ .cpxq_section{width: 100%;padding-top: 50px;float: left;} .cpxq_section ul{margin: -15px;overflow: hidden; width: calc(100% + 30px); width: -ms-calc(100% + 30px); width: -o-calc(100% + 30px); width: -moz-calc(100% + 30px); width: -webkit-calc(100% + 30px);} .cpxq_section ul li{width: 25%;float: left;padding: 15px;} .cpxq_section ul li a{display: block;width: 100%;border: 1px solid #e5e7eb;padding: 42px 36px 44px 28px;} .cpxq_section ul li a h3{font-size: 18px;color: #002060;line-height: 24px;margin-bottom: 20px;font-weight: bold; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .cpxq_section ul li a .info{font-size: 16px;color: #464646;line-height: 26px;margin-bottom: 32px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5;} .cpxq_section ul li a .more{width: 90px;height: 36px;border: 1px solid #002060;border-radius: 4px;line-height: 34px;text-align: center;font-size: 14px;color: #002060;} .cpxq_section ul li a:hover .more{color: #fff;background-color: #002060;} @media screen and (max-width: 1024px){ .cpxq_section{padding-top: 14px;} .cpxq_section ul{margin: -5px 0;width: 100%;} .cpxq_section ul li{width: 100%;padding: 5px 0;} .cpxq_section ul li a{padding: 12px;} .cpxq_section ul li a h3{font-size: 16px;line-height: 20px;margin-bottom: 10px;} .cpxq_section ul li a .info{font-size: 14px;line-height: 20px;margin-bottom: 12px;} .cpxq_section ul li a .more{width: 70px;height: 28px;line-height: 26px;font-size: 14px;} } /*公用*/ /*通用*/ /*效果过渡*/ ._ea{-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } /*超出隐藏*/ ._el{overflow:hidden;white-space: nowrap; text-soverflow:ellipsis;} ._el1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} ._el2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} ._el3{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} ._el4{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} ._el5{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} ._el6{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 6;-webkit-box-orient: vertical;} ._el7{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 7;-webkit-box-orient: vertical;} ._el8{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 8;-webkit-box-orient: vertical;} ._el9{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 9;-webkit-box-orient: vertical;} ._el10{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 10;-webkit-box-orient: vertical;} /*主体宽度*/ .w_1840{ max-width:1840px; margin-right: auto; margin-left: auto;} .w_1500{ max-width:1500px; margin-right: auto; margin-left: auto;} /*两边距离*/ .w_width{padding-left: 15px;padding-right: 15px;} @media screen and (max-width: 1040px){ .w_width{padding-left: 15px;padding-right: 15px;} } @media screen and (max-width: 991px){ } @media screen and (max-width: 767px){ } /*顶部导航*/ body.on{overflow: hidden;height: 100vh;} .t_navs{ width: 100%;} .t_navs::after{content: "";display: block;clear: both;} /*正常屏幕显示*/ .t_navs .top{ width: 100%; float: left; position: relative;} /*logo*/ .t_navs .top .logo{ margin: 20px 0; line-height: 0; float: left;} .t_navs .top .logo img{ width: auto; height: 88px;} /*一级导航*/ .t_navs .top .right{ float: right;} .t_navs .top .right .menu{float: left;} .t_navs .top .right .menu ul{float: left;} .t_navs .top .menu .nli{ float: left; position: relative;padding: 0 22px;} .t_navs .top .menu .nli span a{ display: block;color: #272727; position: relative;padding: 52px 0;font-size: 18px;} /*鼠标经过样式*/ .t_navs .top .menu .nli.on span a,.t_navs .top .menu .nli:hover span a{ color: #002060;} .t_navs .top .menu .nli.on span a::after,.t_navs .top .menu .nli:hover span a::after{ content: ""; display: block; width: 38px; height: 3px; background: #002060; position: absolute; bottom: 42px; left: 50%; transform: translate(-50%,0); -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0);} /*二级导航*/ .t_navs .top .sub{ display: none; position: absolute; width: auto; top:80%; left: 0; background: #002060; z-index: 4;left: 50%;transform: translate(-50%, 0);} .t_navs .top .sub .l2{ width: 100%;text-align: center;font-size: 16px;border-bottom: 1px solid #fff;} .t_navs .top .sub .l2:last-child{border-bottom: 0;} .t_navs .top .sub .l2 a{display: block; color: #fff;padding: 8px;white-space:nowrap;} .t_navs .top .sub .l2 a:hover{opacity: 0.6;} .t_navs .top .search{float: left;margin: 54px 40px 54px 80px;position: relative} .t_navs .top .search input[type="text"]{width: 160px;height: 34px;border: 1px solid #999;background-color: rgba(255,255,255,0); position: absolute;right: -20%;top: 50%;font-size: 16px;color: #000;padding-right: 30px;padding-left: 12px;opacity: 0;z-index: 3; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .t_navs .top .search:hover input{right: -10px;opacity: 1;} .t_navs .top .search .but{font-size: 0;position: relative;z-index: 4;} .t_navs .top .search .but .words{font-size: 16px;color: #383838;line-height: 20px;display: inline-block;vertical-align: middle;margin-right: 8px;} .t_navs .top .search .but .ico{width: 20px;height: 20px;display: inline-block;vertical-align: middle;} .t_navs .top .search:hover .but .words{opacity: 0;} .t_navs .top .yyqh{float: left;font-size: 0;margin: 53px 0;margin-left: 10px;} .t_navs .top .yyqh a{display: inline-block;vertical-align: middle;margin-left: 24px;font-size: 16px;color: #383838;line-height: 22px;} .t_navs .top .yyqh a:hover, .t_navs .top .yyqh a.on{color: #002060;} /*隐藏手机显示*/ .t_navs .menuph{ display: none;} .t_navs .xialaph{ display: none;} @media screen and (max-width:1830px) { .t_navs .top .menu .nli{padding: 0 20px;} } @media screen and (max-width:1600px) { .t_navs .top .menu .nli{padding: 0 12px;} .t_navs .top .search{margin-left: 50px;} .t_navs .top .search:hover input{background-color: #fff;} } @media screen and (max-width:1400px) { .t_navs .top .menu .nli{padding: 0 10px;} .t_navs .top .search{margin-left: 30px;} .t_navs .top .yyqh a{margin-left: 12px;} } @media screen and (max-width:1280px) { .t_navs .top .logo img{height: 60px;} /*20211016start*/ .t_navs .top .yyqh a{font-size: 14px;line-height: 22px;} .t_navs .top .menu .nli span a{padding: 45px 0;font-size: 14px;} .t_navs .top .search .but .words{font-size: 14px;} .t_navs .top .sub .l2{font-size: 12px;} /*20211016end*/ .t_navs .top .menu .nli.on span a::after, .t_navs .top .menu .nli:hover span a::after{bottom: 30px;} .t_navs .top .search{margin: 44px 0;margin-left: 30px;} .t_navs .top .yyqh{margin: 43px 0;margin-left: 0;} } @media screen and (max-width:1180px) { .t_navs .top .logo img{height: 50px;} .t_navs .top .menu .nli span a{padding: 37px 0;font-size: 16px;} .t_navs .top .menu .nli.on span a::after, .t_navs .top .menu .nli:hover span a::after{bottom: 25px;} .t_navs .top .search{margin: 39px 0;margin-left: 10px;} .t_navs .top .yyqh{margin: 38px 0;margin-left: 0;} } @media screen and (max-width:1075px) { .t_navs .top .menu .nli span a{font-size: 14px;} } @media screen and (max-width:1024px) { /*电脑端导航隐藏*/ .t_navs .top .search{display: none;} .t_navs .top .yyqh{display: none;} .t_navs .menu{ display: none;} /*手机端导航显示*/ .t_navs .menuph{ display: block;} .t_navs .xialaph{ display: block;} /*手机端样式*/ .t_navs .top{ padding: 0 15px; width: 100%; position: fixed; top: 0; left: 0; z-index: 4; background: #fff;box-shadow: 0 4px 5px -3px rgba(0,0,0,0.1);} /*logo*/ .t_navs .top .logo{ margin: 8px 0;} .t_navs .top .logo img{ height: 34px;} /*右侧三条杠*/ .t_navs .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 14px 0;} .t_navs .menuph .point { display: inline-block; width: 28px; height: 22px; position: relative;} .t_navs .menuph .point:hover .navbtn, .t_navs .menuph .point:hover .navbtn::after, .t_navs .menuph .point:hover .navbtn::before { width: 28px;} .t_navs .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background: #002060; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} .t_navs .menuph .navbtn::after, .t_navs .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #002060; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} .t_navs .menuph .navbtn::after { top: -11px;} .t_navs .menuph .navbtn::before { top: 11px;} .t_navs .menuph .point.active .navbtn{ background: transparent;} .t_navs .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0;} .t_navs .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0;} /*一级导航*/ .t_navs .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding: 51px 15px 100px 15px; display: none; z-index:3; background:#fff;} .t_navs .xialaph .ul2, .t_navs .xialaph .ul3{ display: none;} .t_navs .xialaph h4 a{ float: left; width: 60%; color: #333333;line-height: 50px;font-size: 16px;} .t_navs .xialaph h4{ float: left; width: 100%; position: relative;} .t_navs .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;} .t_navs .xialaph h4:hover a, .t_navs .xialaph h5:hover a{ color: #002060;} .t_navs .xialaph h5 a{ float: left; width: 100%; color: #1f1f1f;line-height: 40px; text-transform: uppercase;font-size: 14px;} .t_navs .xialaph h5{ float: left; width: 100%; position: relative;} .t_navs .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;} .t_navs .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;} .t_navs .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: -25px; margin-right: 18px; cursor: pointer;} .t_navs .xialaph h4.active img.img_s, .t_navs .xialaph h5.active img.img_s{ display: none;} .t_navs .xialaph h4.active img.img_d, .t_navs .xialaph h5.active img.img_d{ display: block;} .t_navs .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;} .t_navs .xialaph .ul3{padding-bottom: 10px; padding-left: 15px; z-index: -1; position: relative;} .t_navs .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;} .t_navs .xialaph li:last-child .ul3::after{ display: none;} .t_navs .xialaph .ul3 li a{ color: #333;line-height: 35px; display: block;font-size: 14px;} .t_navs .xialaph .ul3 li:hover a{color: #002060;} .t_navs .xialaph .ul3 li{ padding-top: 5px;} .t_navs .xialaph .ul3 li:first-child{ padding-top: 0;} .t_navs .xialaph .ss{width: 100%;position: relative;border: 1px solid #eee;float: left;margin-top: 16px;padding-left: 12px;padding-right: 40px;} .t_navs .xialaph .ss input{width: 100%;height: 36px;background-color: rgb(255,255,255,0);font-size: 16px;color: #333;} .t_navs .xialaph .ss .ico{width: 20px;height: 20px;position: absolute;right: 10px;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .t_navs .xialaph .yy{float: left;width: 100%;font-size: 0;text-align: center;margin-top: 12px;} .t_navs .xialaph .yy a{display: inline-block;vertical-align: middle;font-size: 14px;color: #555;} .t_navs .xialaph .yy a:hover, .t_navs .xialaph .yy a.on{color: #002060;font-weight: bold;} .t_navs .xialaph .yy span{font-size: 14px;color: #555;display: inline-block;vertical-align: middle;margin: 0 5px;} /*二级三级导航箭头*/ .t_navs .img_d, .t_navs .disno{ display: none;} } /*底导航漂浮*/ .q_d_m{ float: left; width: 100%; height: 50px;} .pf_down{ width: 100%; float: left; position: fixed; left: 0; bottom: 0; height: 50px; z-index: 16;padding: 0 10px;} .pf_down li{ width: 33.3%; float: left; text-align: center; padding: 7px 0 4px 0; border-right: 1px solid #fff; box-shadow: 0 -5px 10px rgba(0,0,0,0.2); background: #002060;} .pf_down li .ico7{ width: 100%; float: left; height: 20px;} .pf_down li .d_name{ width: 100%; float: left; margin-top: 4px; font-size: 12px; color: #fff; line-height: 14px;} .pf_down li.l1 .ico7{ background: url(../image/zimg4.png) no-repeat center; background-size: 20px 20px;} .pf_down li.l2 .ico7{ background: url(../image/zimg3.png) no-repeat center; background-size: 20px 20px;} .pf_down li.l3 .ico7{ background: url(../image/zimg2.png) no-repeat center; background-size: 20px 20px;} .pf_down li:last-child{ border: none;} .pf_down li:nth-child(3n){ border: none;} /*版权*/ .bq_section{font-size: 14px;color: #a9a9a9;line-height: 20px;text-align: center;background-color: #292b31;border-top: 1px solid #37393e;float: left;width: 100%;padding: 22px 15px;letter-spacing: 0;} /*20211016start*/ @media screen and (max-width: 1280px){ .bq_section{font-size: 12px;} } /*20211016end*/ @media screen and (max-width: 1024px){ .bq_section{font-size: 12px;line-height: 18px;padding: 15px;margin-bottom: 50px;} } /*首页banner*/ .sy_banner{width: 100%;position: relative;} .sy_banner .li{height: auto;width: 100%;position: relative;} .sy_banner .li img{display: block;width: 100%;} .sy_banner .wordsbox{width: 100%;position: absolute;left: 0;top: 50%;padding: 0 15px; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .sy_banner .wordsbox .tit1{font-size: 72px;color: #ffffff;line-height: 76px;font-weight: bold;margin-bottom: 24px;} .sy_banner .wordsbox .tit2{font-size: 45px;color: #ffffff;line-height: 50px;margin-bottom: 20px;font-weight: lighter;} .sy_banner .wordsbox .tit2 span{font-weight: bold;} .sy_banner .wordsbox .tit3{font-size: 24px;color: #ffffff;line-height: 36px;font-weight: lighter;} .sy_banner .slick-dots{ position: absolute; bottom: 48px; height: 18px; text-align: center;width: auto;left: 50%;padding: 0 108px; transform: translate(-50%,0); -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0);} .sy_banner .slick-dots::before{content: "";display: block;width: 123px;height: 1px;background-color: #002060;position: absolute;left: 0;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .sy_banner .slick-dots::after{content: "";display: block;width: 123px;height: 1px;background-color: #002060;position: absolute;right: 0;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .sy_banner .slick-dots li{ vertical-align: middle; width: 9px; height: 9px;border-radius: 100%; margin: 0 15px; background: #002060;position: relative;} .sy_banner .slick-dots li.slick-active{ background: rgba(255,255,255,0);width: 18px;height: 18px;border: 4px solid #002060;} .sy_banner .slick-dots li::after{content: "";display: block;width: 30px;height: 1px;background-color: #002060;position: absolute;left: 100%;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .sy_banner .slick-dots li.slick-active::after{width: 36px;} @media screen and (max-width: 1024px){ .sy_banner{margin-top: 50px;} .sy_banner .wordsbox .tit1{font-size: 18px;line-height: 26px;margin-bottom: 10px;} .sy_banner .wordsbox .tit2{font-size: 14px;line-height: 24px;margin-bottom: 10px;} .sy_banner .wordsbox .tit3{font-size: 14px;line-height: 24px;} .sy_banner .slick-dots{bottom: 20px; height: 14px;padding: 0 20px;} .sy_banner .slick-dots::before{width: 25px;} .sy_banner .slick-dots::after{width: 25px;} .sy_banner .slick-dots li{width: 8px; height: 8px;margin: 0 5px;} .sy_banner .slick-dots li.slick-active{ width: 14px;height: 14px;border: 2px solid #002060;} .sy_banner .slick-dots li::after{width: 10px;} .sy_banner .slick-dots li.slick-active::after{width: 15px;} } /*首页版块1*/ /*20211008start*/ .sy_section1{width: 100%;background-color: #f7f7f7;padding:76px 60px;} /*20211008end*/ .sy_section1 .titbox{width: 100%;overflow: hidden;margin-bottom: 52px;} .sy_section1 .titbox .left{float: left;font-size: 30px;color: #000000;line-height: 34px;} .sy_section1 .titbox .right{float: right;font-size: 18px;line-height: 34px;} .sy_section1 .titbox .right a{color: #002060;} .sy_section1 .titbox .right a:hover{opacity: 0.6;} .sy_section1 .content{width: 100%;overflow: hidden;} .sy_section1 .content .left{width: 70.13%;float: left;padding-right: 15px;} .sy_section1 .content .left ul{margin: -15px;overflow: hidden; width: calc(100% + 30px); width: -ms-calc(100% + 30px); width: -o-calc(100% + 30px); width: -moz-calc(100% + 30px); width: -webkit-calc(100% + 30px);} .sy_section1 .content .left ul li{width: 50%;float: left;padding: 15px;} .sy_section1 .content .left ul li a{display: block;width: 100%;} .sy_section1 .content .left ul li a .boxs1{width: 100%;border: 1px solid #e5e7eb;background-color: #fff;height: 270px;padding: 42px 48px 36px 38px;} .sy_section1 .content .left ul li a .boxs1 h3{font-size: 18px;color: #002060;line-height: 24px;margin-bottom: 14px;font-weight: bold;letter-spacing: 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .sy_section1 .content .left ul li a .boxs1 .info{font-size: 14px;color: #464646;line-height: 26px;margin-bottom: 30px;letter-spacing: 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;} .sy_section1 .content .left ul li a .boxs1 .more{width: 90px;height: 36px;line-height: 34px;text-align: center;border: 1px solid #002060;border-radius: 4px;font-size: 14px;color: #002060;} .sy_section1 .content .left ul li a .boxs2{width: 100%;height: 270px;position: relative;display: none;} .sy_section1 .content .left ul li a .boxs2::after{content: "";display: block;width: 100%;height: 100%;background-color: rgba(0,32,96,0.85);position: absolute;left: 0;top: 0;z-index: 3;} .sy_section1 .content .left ul li a .boxs2 .wordsbox{width: 100%;position: absolute;left: 0;top: 50%;z-index: 4; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .sy_section1 .content .left ul li a .boxs2 .wordsbox h3{font-size: 18px;color: #ffffff;line-height: 24px;margin-bottom: 8px;text-align: center;font-weight: bold; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .sy_section1 .content .left ul li a .boxs2 .wordsbox h4{font-size: 16px;color: #ffffff;line-height: 22px;margin-bottom: 24px;text-align: center;text-transform:uppercase; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .sy_section1 .content .left ul li a .boxs2 .more{width: 90px;height: 36px;line-height: 34px;text-align: center;border: 1px solid #fff;border-radius: 4px;font-size: 14px;color: #fff;margin: 0 auto;} .sy_section1 .content .left ul li a .boxs2 .more:hover{background-color: #fff;color: #002060;} .sy_section1 .content .left ul li a:hover .boxs1{display: none;} .sy_section1 .content .left ul li a:hover .boxs2{display: block;} .sy_section1 .content .right{width: 29.87%;float: right;padding-left: 15px;} .sy_section1 .content .right .boxs1{width: 100%;border: 1px solid #e5e7eb;background-color: #fff;height: 570px;position: relative;} .sy_section1 .content .right .boxs1 .wordsbox{width: 100%;position: absolute;left: 0;top: 50%;padding: 0 50px; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .sy_section1 .content .right .boxs1 h3{font-size: 18px;color: #002060;line-height: 24px;margin-bottom: 24px;font-weight: bold;letter-spacing: 0;text-align: center; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .sy_section1 .content .right .boxs1 .info{font-size: 14px;color: #464646;line-height: 26px;margin-bottom: 52px;letter-spacing: 0;text-align: center; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;} .sy_section1 .content .right .boxs1 .more{width: 90px;height: 36px;line-height: 34px;text-align: center;border: 1px solid #002060;border-radius: 4px;font-size: 14px;color: #002060;margin: 0 auto;} .sy_section1 .content .right .boxs2{width: 100%;height: 570px;position: relative;display: none;} .sy_section1 .content .right .boxs2::after{content: "";display: block;width: 100%;height: 100%;background-color: rgba(0,32,96,0.85);position: absolute;left: 0;top: 0;z-index: 3;} .sy_section1 .content .right .boxs2 .wordsbox{width: 100%;position: absolute;left: 0;top: 50%;z-index: 4; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .sy_section1 .content .right .boxs2 .wordsbox h3{font-size: 18px;color: #ffffff;line-height: 24px;margin-bottom: 8px;text-align: center;font-weight: bold; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .sy_section1 .content .right .boxs2 .wordsbox h4{font-size: 16px;color: #ffffff;line-height: 22px;margin-bottom: 24px;text-align: center;text-transform:uppercase; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .sy_section1 .content .right .boxs2 .more{width: 90px;height: 36px;line-height: 34px;text-align: center;border: 1px solid #fff;border-radius: 4px;font-size: 14px;color: #fff;margin: 0 auto;} .sy_section1 .content .right .boxs2 .more:hover{background-color: #fff;color: #002060;} .sy_section1 .content .right:hover .boxs1{display: none;} .sy_section1 .content .right:hover .boxs2{display: block;} /*20211016start*/ @media screen and (max-width: 1280px){ .sy_section1{padding:60px 60px;} .sy_section1 .titbox{margin-bottom: 30px;} .sy_section1 .titbox .left{font-size: 20px;line-height: 26px;} .sy_section1 .titbox .right{font-size: 14px;line-height: 26px;} .sy_section1 .content .left{width: 70%;padding-right: 10px;} .sy_section1 .content .left ul{margin: -10px; width: calc(100% + 20px); width: -ms-calc(100% + 20px); width: -o-calc(100% + 20px); width: -moz-calc(100% + 20px); width: -webkit-calc(100% + 20px);} .sy_section1 .content .left ul li{padding: 10px;} .sy_section1 .content .left ul li a .boxs1{height: 220px;padding: 30px;} .sy_section1 .content .left ul li a .boxs1 h3{font-size: 16px;line-height: 22px;margin-bottom: 10px;} .sy_section1 .content .left ul li a .boxs1 .info{font-size: 12px;line-height: 24px;margin-bottom: 20px;} .sy_section1 .content .left ul li a .boxs1 .more{width: 80px;height: 32px;line-height: 30px;font-size: 12px;} .sy_section1 .content .left ul li a .boxs2{height: 220px;} .sy_section1 .content .left ul li a .boxs2 .wordsbox h3{font-size: 16px;line-height: 20px;margin-bottom: 6px;} .sy_section1 .content .left ul li a .boxs2 .wordsbox h4{font-size: 14px;line-height: 20px;margin-bottom: 16px;} .sy_section1 .content .left ul li a .boxs2 .more{width: 80px;height: 32px;line-height: 30px;font-size: 12px;} .sy_section1 .content .right{width: 30%;padding-left: 10px;} .sy_section1 .content .right .boxs1{height: 460px;} .sy_section1 .content .right .boxs1 .wordsbox{padding: 0 26px;} .sy_section1 .content .right .boxs1 h3{font-size: 16px;line-height: 20px;margin-bottom: 18px;} .sy_section1 .content .right .boxs1 .info{font-size: 12px;line-height: 22px;margin-bottom: 30px;} .sy_section1 .content .right .boxs1 .more{width: 80px;height: 32px;line-height: 30px;font-size: 12px;} .sy_section1 .content .right .boxs2{height: 460px;} .sy_section1 .content .right .boxs2 .wordsbox h3{font-size: 16px;line-height: 20px;margin-bottom: 6px;} .sy_section1 .content .right .boxs2 .wordsbox h4{font-size: 14px;line-height: 20px;margin-bottom: 16px;} .sy_section1 .content .right .boxs2 .more{width: 80px;height: 32px;line-height: 30px;font-size: 12px;} } /*20211016end*/ @media screen and (max-width: 1024px){ .sy_section1{padding:30px 15px;} .sy_section1 .titbox{margin-bottom: 14px;} .sy_section1 .titbox .left{font-size: 18px;line-height: 24px;} .sy_section1 .titbox .right{font-size: 14px;line-height: 24px;} .sy_section1 .content .left{width: 100%;padding-right: 0;padding-bottom: 5px;} .sy_section1 .content .left ul{margin: -5px; width: calc(100% + 10px); width: -ms-calc(100% + 10px); width: -o-calc(100% + 10px); width: -moz-calc(100% + 10px); width: -webkit-calc(100% + 10px);} .sy_section1 .content .left ul li{padding: 5px;} .sy_section1 .content .left ul li a .boxs1{height: 160px;padding: 12px;} .sy_section1 .content .left ul li a .boxs1 h3{font-size: 16px;line-height: 22px;margin-bottom: 10px;} .sy_section1 .content .left ul li a .boxs1 .info{font-size: 12px;line-height: 20px;margin-bottom: 12px;} .sy_section1 .content .left ul li a .boxs1 .more{width: 70px;height: 28px;line-height: 26px;font-size: 12px;} .sy_section1 .content .left ul li a .boxs2{height: 160px;} .sy_section1 .content .left ul li a .boxs2 .wordsbox{padding: 0 10px;} .sy_section1 .content .left ul li a .boxs2 .wordsbox h3{font-size: 16px;line-height: 22px;margin-bottom: 6px;} .sy_section1 .content .left ul li a .boxs2 .wordsbox h4{font-size: 16px;line-height: 22px;margin-bottom: 10px;} .sy_section1 .content .left ul li a .boxs2 .more{width: 70px;height: 28px;line-height: 26px;font-size: 12px;} .sy_section1 .content .right{width: 100%;padding-left: 0;padding-top: 5px;} .sy_section1 .content .right .boxs1{height: 200px;} .sy_section1 .content .right .boxs1 .wordsbox{padding: 0 10px;} .sy_section1 .content .right .boxs1 h3{font-size: 16px;line-height: 22px;margin-bottom: 10px;} .sy_section1 .content .right .boxs1 .info{font-size: 12px;line-height: 20px;margin-bottom: 12px;} .sy_section1 .content .right .boxs1 .more{width: 70px;height: 28px;line-height: 26px;font-size: 12px;} .sy_section1 .content .right .boxs2{height: 200px;} .sy_section1 .content .right .boxs2 .wordsbox h3{font-size: 16px;line-height: 22px;margin-bottom: 6px;} .sy_section1 .content .right .boxs2 .wordsbox h4{font-size: 14px;line-height: 20px;margin-bottom: 12px;} .sy_section1 .content .right .boxs2 .more{width: 70px;height: 28px;line-height: 26px;font-size: 12px;} } /*首页模块2*/ /*20211008start*/ .sy_section2{width: 100%;background-color: #f7f7f7;padding: 0 60px;padding-bottom: 98px;} /*20211008end*/ .sy_section2 .titbox{width: 100%;overflow: hidden;margin-bottom: 46px;} .sy_section2 .titbox .left{float: left;font-size: 30px;color: #000000;line-height: 34px;} .sy_section2 .titbox .qh_t{float: right;font-size: 0;} .sy_section2 .titbox .qh_t .li{font-size: 18px;color: #383838;line-height: 34px;display: inline-block;vertical-align: middle;margin-left: 48px;cursor: pointer;} .sy_section2 .titbox .qh_t .li.on{color: #002060;} .sy_section2 .content{width: 100%;} .sy_section2 .content ul{width: 100%;} .sy_section2 .content ul::after{content: "";display: block;clear: both;} .sy_section2 .content ul li{width: 33.3333%;float: left;} .sy_section2 .content ul li:nth-child(4){display:none} .sy_section2 .content ul li a{display: block;width: 100%;border: 1px solid #e4e5ea;padding: 42px 72px 48px 72px;position: relative; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section2 .content ul li a::after{content: "";display: block;width: 0;height: 4px;background-color: #002060;position: absolute;left: 0;bottom: 0; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section2 .content ul li a:hover::after{width: 100%;} .sy_section2 .content ul li a:hover{background-color: #fff;border-color: rgba(255,255,255,0); box-shadow: 0 0 10px rgba(0,0,0,0.1);} .sy_section2 .content ul li a .date{font-size: 30px;color: #666666;line-height: 34px;font-weight: bold;margin-bottom: 10px;opacity: 0; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section2 .content ul li a:hover .date{opacity: 1;} .sy_section2 .content ul li a h3{font-size: 18px;color: #000000;line-height: 24px;margin-bottom: 18px;letter-spacing: 0; word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .sy_section2 .content ul li a:hover h3{font-weight: bold;color: #002060;} .sy_section2 .content ul li a .info{font-size: 16px;color: #666666;line-height: 32px;margin-bottom: 34px;letter-spacing: 0;height: 96px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;} .sy_section2 .content ul li a .pic{ width: 100%; padding-bottom: 55.11%; position: relative; overflow: hidden; min-height: 50px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .sy_section2 .content ul li a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align: middle; -ms-interpolation-mode: bicubic;} .sy_section2 .content ul li a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);} .sy_section2 .content ul li a .icobox{width: 45px;height: 45px;margin-top: 40px;border-radius: 100%;overflow: hidden;} .sy_section2 .content ul li a:hover .icobox{background-color: #002060;} .sy_section2 .content ul li a .icobox .ico{width: 100%;height: 100%;} .sy_section2 .content ul li a .icobox .ico.ico2{display: none;} .sy_section2 .content ul li a:hover .icobox .ico.ico1{display: none;} .sy_section2 .content ul li a:hover .icobox .ico.ico2{display: block;} /*20211016start*/ @media screen and (max-width: 1280px){ .sy_section2{padding: 0 60px;padding-bottom: 60px;} .sy_section2 .titbox{margin-bottom: 30px;} .sy_section2 .titbox .left{font-size: 20px;line-height: 26px;} .sy_section2 .titbox .qh_t .li{font-size: 14px;line-height: 26px;margin-left: 16px;} .sy_section2 .content ul li a{padding: 36px;} .sy_section2 .content ul li a::after{height: 3px;} .sy_section2 .content ul li a .date{font-size: 22px;line-height: 26px;margin-bottom: 6px;} .sy_section2 .content ul li a h3{font-size: 14px;line-height: 20px;margin-bottom: 12px;} .sy_section2 .content ul li a .info{font-size: 14px;line-height: 24px;margin-bottom: 20px;height: 72px;} .sy_section2 .content ul li a .icobox{width: 30px;height: 30px;margin-top: 20px;} } /*20211016end*/ @media screen and (max-width: 1024px){ /*20211008start*/ .sy_section2{padding: 0 15px;} /*20211008end*/ .sy_section2 .content ul li:nth-child(4){display:block} .sy_section2{padding-bottom: 30px;} .sy_section2 .titbox{margin-bottom: 14px;} .sy_section2 .titbox .left{font-size: 18px;line-height: 24px;} .sy_section2 .titbox .qh_t .li{font-size: 14px;line-height: 24px;margin-left: 10px;} .sy_section2 .content ul li{width: 50%;float: left;} .sy_section2 .content ul li a{padding: 12px;} .sy_section2 .content ul li a::after{height: 2px;} .sy_section2 .content ul li a .date{font-size: 14px;line-height: 20px;margin-bottom: 6px;} .sy_section2 .content ul li a h3{font-size: 16px;line-height: 22px;margin-bottom: 10px;} .sy_section2 .content ul li a .info{font-size: 14px;line-height: 20px;margin-bottom: 12px;height: 60px;} .sy_section2 .content ul li a .icobox{width: 30px;height: 30px;margin-top: 12px;} .sy_section2 .content ul li{display: block!important;} } /*首页版块3*/ /*20211008start*/ .sy_section3{width: 100%;padding:0 60px;padding-bottom: 80px;background-color: #f7f7f7;} /*20211008end*/ .sy_section3 .titbox{width: 100%;overflow: hidden;margin-bottom: 58px;} .sy_section3 .titbox .left{float: left;font-size: 30px;color: #000000;line-height: 40px;} .sy_section3 .titbox .right{float: right;font-size: 18px;color: #002060;line-height: 34px;} .sy_section3 .titbox .right a{color: #002060;} .sy_section3 .titbox .right a:hover{opacity: 0.6;} .sy_section3 .content{width: 100%;} .sy_section3 .content .ul_t{margin: 0 -45px;padding: 0 54px;margin-bottom: 60px; width: calc(100% + 90px); width: -ms-calc(100% + 90px); width: -o-calc(100% + 90px); width: -moz-calc(100% + 90px); width: -webkit-calc(100% + 90px);} .sy_section3 .content .ul_t li{padding: 0 45px;height: auto;text-align: center;position: relative;} .sy_section3 .content .ul_t li img{display: inline-block;vertical-align: middle;height: 60px;max-width: 100%;} .sy_section3 .content .ul_t .slick-prev{width: 14px;height: 25px;background: url(../image/zimg29.png) no-repeat center center; background-size: cover;left: 45px;top: 50%;} .sy_section3 .content .ul_t .slick-next{width: 14px;height: 25px;background: url(../image/zimg30.png) no-repeat center center; background-size: cover;right: 45px;top: 50%;} .sy_section3 .content .ul_b{width: 100%;margin: -20px; width: calc(100% + 40px); width: -ms-calc(100% + 40px); width: -o-calc(100% + 40px); width: -moz-calc(100% + 40px); width: -webkit-calc(100% + 40px);} .sy_section3 .content .ul_b li{padding: 20px;width: 100%;height: auto;position: relative;} .sy_section3 .content .ul_b li.slick-current::after{content: "";display: block;width: 33px;height: 19px;background: url(../image/zimg32.png)no-repeat center center;background-size: cover;position: absolute;top: 2px;left: 170px;} .sy_section3 .content .ul_b li a{display: block;width: 100%;background-color: #fff;overflow: hidden;padding: 38px 60px;font-size: 0;border: 1px solid #e4e5ea;} .sy_section3 .content .ul_b li a .icobox{display: inline-block;vertical-align: middle;width: 170px;height: 170px;background-color: #f7f7f7;border-radius: 100%;position: relative;overflow: hidden;} .sy_section3 .content .ul_b li a .icobox img{height: 38px;position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);} .sy_section3 .content .ul_b li a .wordsbox{font-size: 14px;display: inline-block;vertical-align: middle;padding-left: 46px; width: calc(100% - 172px); width: -ms-calc(100% - 172px); width: -o-calc(100% - 172px); width: -moz-calc(100% - 172px); width: -webkit-calc(100% - 172px);} .sy_section3 .content .ul_b li a .wordsbox .tit{font-size: 0;margin-bottom: 26px;} .sy_section3 .content .ul_b li a .wordsbox .tit .yh{width: 47px;height: 39px;display: inline-block;vertical-align: middle;} .sy_section3 .content .ul_b li a .wordsbox .tit .border{width: 60px;height: 1px;background-color: #002060;display: inline-block;vertical-align: middle;margin: 0 18px 0 38px;} .sy_section3 .content .ul_b li a .wordsbox .tit .words{font-size: 28px;color: #002060;line-height: 34px;display: inline-block;vertical-align: middle; width: calc(100% - 166px); width: -ms-calc(100% - 166px); width: -o-calc(100% - 166px); width: -moz-calc(100% - 166px); width: -webkit-calc(100% - 166px);} .sy_section3 .content .ul_b li a:hover .wordsbox .tit .words{font-weight: bold;} .sy_section3 .content .ul_b li a .wordsbox .info{font-size: 16px;color: #666666;line-height: 32px;padding-left: 86px;} /*20211016start*/ @media screen and (max-width: 1280px){ .sy_section3{padding-bottom: 60px;} .sy_section3 .titbox{margin-bottom: 30px;} .sy_section3 .titbox .left{font-size: 20px;line-height: 26px;} .sy_section3 .titbox .right{font-size: 14px;line-height: 26px;} .sy_section3 .content .ul_t{margin: 0 -20px;padding: 0 20px;margin-bottom: 30px; width: calc(100% + 40px); width: -ms-calc(100% + 40px); width: -o-calc(100% + 40px); width: -moz-calc(100% + 40px); width: -webkit-calc(100% + 40px);} .sy_section3 .content .ul_t li{padding: 0 20px;} .sy_section3 .content .ul_t li img{height: 36px;} .sy_section3 .content .ul_b{margin: -10px; width: calc(100% + 20px); width: -ms-calc(100% + 20px); width: -o-calc(100% + 20px); width: -moz-calc(100% + 20px); width: -webkit-calc(100% + 20px);} .sy_section3 .content .ul_b li{padding: 10px;} .sy_section3 .content .ul_b li.slick-current::after{content: "";display: block;width: 33px;height: 19px;background: url(../image/zimg32.png)no-repeat center center;background-size: cover;position: absolute;top: 2px;left: 170px;} .sy_section3 .content .ul_b li a{padding: 20px 14px;} .sy_section3 .content .ul_b li a .icobox{width: 120px;height: 120px;} .sy_section3 .content .ul_b li a .icobox img{height: 30px;} .sy_section3 .content .ul_b li a .wordsbox{padding-left: 20px; width: calc(100% - 124px); width: -ms-calc(100% - 124px); width: -o-calc(100% - 124px); width: -moz-calc(100% - 124px); width: -webkit-calc(100% - 124px);} .sy_section3 .content .ul_b li a .wordsbox .tit{margin-bottom: 16px;} .sy_section3 .content .ul_b li a .wordsbox .tit .yh{width: 47px;height: 39px;} .sy_section3 .content .ul_b li a .wordsbox .tit .border{width: 40px;margin: 0 10px 0 20px;} .sy_section3 .content .ul_b li a .wordsbox .tit .words{font-size: 18px;line-height: 26px; width: calc(100% - 140px); width: -ms-calc(100% - 140px); width: -o-calc(100% - 140px); width: -moz-calc(100% - 140px); width: -webkit-calc(100% - 140px);} .sy_section3 .content .ul_b li a .wordsbox .info{font-size: 14px;line-height: 26px;padding-left: 123px;} } /*20211016end*/ @media screen and (max-width: 1024px){ /*20211008start*/ .sy_section3{padding: 0 15px;padding-bottom: 30px;} /*20211008end*/ .sy_section3 .titbox{margin-bottom: 14px;} .sy_section3 .titbox .left{font-size: 18px;line-height: 24px;} .sy_section3 .titbox .right{font-size: 14px;line-height: 24px;} .sy_section3 .content .ul_t{margin: 0 -5px;padding: 0 20px;margin-bottom: 30px; width: calc(100% + 10px); width: -ms-calc(100% + 10px); width: -o-calc(100% + 10px); width: -moz-calc(100% + 10px); width: -webkit-calc(100% + 10px);} .sy_section3 .content .ul_t li{padding: 0 5px;} .sy_section3 .content .ul_t li img{height: 30px;} .sy_section3 .content .ul_t .slick-prev{width: 10px;height: 16px;left: 5px;} .sy_section3 .content .ul_t .slick-next{width: 10px;height: 16px;right: 5px;} .sy_section3 .content .ul_b li.slick-current::after{width: 20px;height: 13px;top: 9px;left: 110px;} .sy_section3 .content .ul_b li a{padding: 12px;} .sy_section3 .content .ul_b li a .icobox{width: 120px;height: 120px;margin: 0 auto 12px auto;display: block;} .sy_section3 .content .ul_b li a .icobox img{height: 26px;} .sy_section3 .content .ul_b li a .wordsbox{display: block; padding-left: 0;width: 100%;} .sy_section3 .content .ul_b li a .wordsbox .tit{margin-bottom: 10px;} .sy_section3 .content .ul_b li a .wordsbox .tit .yh{width: 30px;height: 25px;} .sy_section3 .content .ul_b li a .wordsbox .tit .border{width: 20px;margin: 0 8px 0 12px;} .sy_section3 .content .ul_b li a .wordsbox .tit .words{font-size: 16px;line-height: 24px; width: calc(100% - 74px); width: -ms-calc(100% - 74px); width: -o-calc(100% - 74px); width: -moz-calc(100% - 74px); width: -webkit-calc(100% - 74px);} .sy_section3 .content .ul_b li a .wordsbox .info{font-size: 14px;line-height: 24px;padding-left: 0;} } /*战略品牌*/ /*20211008start*/ .zlpp_section1{width: 100%;padding: 70px 60px 64px 60px;background-color: #f7f7f7;} /*20211008end*/ .zlpp_section1 ul{margin: -15px;overflow: hidden; width: calc(100% + 30px); width: -ms-calc(100% + 30px); width: -o-calc(100% + 30px); width: -moz-calc(100% + 30px); width: -webkit-calc(100% + 30px);} .zlpp_section1 ul li{width: 25%;float: left;padding: 15px;} .zlpp_section1 ul li a{display: block;width: 100%;background-color: #fff;} .zlpp_section1 ul li a .logos{width: 100%;border-bottom: 1px solid #f7f7f7;padding: 30px 10px;overflow: hidden;text-align: center;} .zlpp_section1 ul li a .logos img{display: inline-block;height: 60px;max-width: 100%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s;} .zlpp_section1 ul li a:hover .logos img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .zlpp_section1 ul li a .wordsbox{width: 100%;padding: 25px 22px 36px 22px;} .zlpp_section1 ul li a .wordsbox .info{font-size: 16px;color: #464646;line-height: 32px;height: 192px;overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 192px;padding-right: 10px;} .zlpp_section1 ul li a .wordsbox .info::-webkit-scrollbar{ width: 8px;} .zlpp_section1 ul li a .wordsbox .info::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 8px;} .zlpp_section1 ul li a .wordsbox .info::-webkit-scrollbar-thumb{ width: 8px; background-color: #002060; border-radius: 8px;} .zlpp_section1 .pages{margin: 64px 0 0 0;overflow: hidden;} /*20211016start*/ @media screen and (max-width: 1280px){ .zlpp_section1{padding: 60px;} .zlpp_section1 ul{margin: -8px; width: calc(100% + 16px); width: -ms-calc(100% + 16px); width: -o-calc(100% + 16px); width: -moz-calc(100% + 16px); width: -webkit-calc(100% + 16px);} .zlpp_section1 ul li{padding: 8px;} .zlpp_section1 ul li a .logos{padding: 16px 6px;} .zlpp_section1 ul li a .logos img{height: 36px;} .zlpp_section1 ul li a .wordsbox{padding: 20px;} .zlpp_section1 ul li a .wordsbox .info{font-size: 12px;line-height: 24px;height: 120px;max-height: 120px;padding-right: 6px;} .zlpp_section1 ul li a .wordsbox .info::-webkit-scrollbar{ width: 6px;} .zlpp_section1 ul li a .wordsbox .info::-webkit-scrollbar-track{border-radius: 6px;} .zlpp_section1 ul li a .wordsbox .info::-webkit-scrollbar-thumb{ width: 6px;border-radius: 6px;} .zlpp_section1 .pages{margin: 30px 0 0 0;overflow: hidden;} } /*20211016end*/ @media screen and (max-width: 1024px){ .zlpp_section1{width: 100%;padding: 30px 15px;} .zlpp_section1 ul{margin: -6px 0;width: 100%;} .zlpp_section1 ul li{width: 100%;padding: 6px 0;} .zlpp_section1 ul li a .logos{padding: 12px 6px;} .zlpp_section1 ul li a .logos img{height: 34px;} .zlpp_section1 ul li a .wordsbox{padding: 12px;} .zlpp_section1 ul li a .wordsbox .info{font-size: 14px;line-height: 24px;height: auto;max-height: 10000000000px;padding-right: 0;} .zlpp_section1 ul li a .wordsbox .info::-webkit-scrollbar{ display: none;} .zlpp_section1 .pages{margin: 14px 0 0 0;} } /*新产品发布*/ /*20211008start*/ .xcpfb_section{padding: 80px 60px 70px 60px;width: 100%;background-color: #f7f7f7;} /*20211008end*/ .xcpfb_section ul{margin: -15px;overflow: hidden; width: calc(100% + 30px); width: -ms-calc(100% + 30px); width: -o-calc(100% + 30px); width: -moz-calc(100% + 30px); width: -webkit-calc(100% + 30px);} .xcpfb_section ul li{width: 33.3%;float: left;padding: 15px;} .xcpfb_section ul li a{display: block;width: 100%;position: relative;height: 325px;} .xcpfb_section ul li a .boxs1{width: 100%;height: 100%;position: absolute;left: 0;top: 0;border: 1px solid #e5e7eb;background-color: #fff;padding: 40px 34px 20px 28px; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .xcpfb_section ul li a .boxs1 h3{font-size: 18px;color: #002060;line-height: 24px;margin-bottom: 16px;font-weight: bold;letter-spacing: 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .xcpfb_section ul li a .boxs1 .info{font-size: 16px;color: #464646;line-height: 26px;margin-bottom: 32px;letter-spacing: 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5;} .xcpfb_section ul li a .boxs1 .more{width: 90px;height: 36px;line-height: 34px;text-align: center;font-size: 14px;color: #002060;border: 1px solid #002060;border-radius: 4px;} .xcpfb_section ul li a:hover .boxs1{opacity: 0;} .xcpfb_section ul li a .boxs2{width: 100%;height: 100%;overflow: hidden;position: absolute;left: 0%;top: 0%;opacity: 0; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .xcpfb_section ul li a:hover .boxs2{opacity: 1;} .xcpfb_section ul li a .boxs2::after{content: "";display: block;width: 0%;height: 0%;position: absolute;left: 50%;top: 50%;background-color: rgba(0,32,96,0.85);z-index: 4; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);} .xcpfb_section ul li a:hover .boxs2::after{width: 100%;height: 100%;} .xcpfb_section ul li a .boxs2 .wordsbox{width: 100%;position: absolute;left: 0;top: 50%;padding: 0 10px;z-index: 5; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .xcpfb_section ul li a .boxs2 .wordsbox h3{font-size: 18px;color: #ffffff;line-height: 24px;text-align: center;margin-bottom: 8px;font-weight: bold;} .xcpfb_section ul li a .boxs2 .wordsbox h4{font-size: 16px;color: #ffffff;line-height: 22px;text-align: center;margin-bottom: 24px;text-transform:uppercase;letter-spacing: 0;} .xcpfb_section ul li a .boxs2 .wordsbox .more{width: 90px;height: 36px;line-height: 34px;font-size: 14px;color: #fff;text-align: center;border: 1px solid #fff;border-radius: 4px;margin: 0 auto;} .xcpfb_section ul li a .boxs2 .wordsbox .more:hover{background-color: #fff;color: #002060;} .xcpfb_section .pages{margin: 60px 0 0 0;overflow: hidden;} /*20211016start*/ @media screen and (max-width: 1280px){ .xcpfb_section{padding: 60px;} .xcpfb_section ul{margin: -8px; width: calc(100% + 16px); width: -ms-calc(100% + 16px); width: -o-calc(100% + 16px); width: -moz-calc(100% + 16px); width: -webkit-calc(100% + 16px);} .xcpfb_section ul li{padding: 8px;} .xcpfb_section ul li a{height: 230px;} .xcpfb_section ul li a .boxs1{padding: 24px;} .xcpfb_section ul li a .boxs1 h3{font-size: 14px;line-height: 20px;margin-bottom: 10px;} .xcpfb_section ul li a .boxs1 .info{font-size: 12px;line-height: 20px;margin-bottom: 14px;} .xcpfb_section ul li a .boxs1 .more{width: 80px;height: 33px;line-height: 30px;font-size: 12px;} .xcpfb_section ul li a .boxs2 .wordsbox{padding: 0 6px;} .xcpfb_section ul li a .boxs2 .wordsbox h3{font-size: 14px;line-height: 20px;margin-bottom: 6px;} .xcpfb_section ul li a .boxs2 .wordsbox h4{font-size: 12px;line-height: 20px;margin-bottom: 12px;} .xcpfb_section ul li a .boxs2 .wordsbox .more{width: 80px;height: 32px;line-height: 30px;font-size: 12px;} .xcpfb_section .pages{margin: 30px 0 0 0;} } /*20211016end*/ @media screen and (max-width: 1024px){ .xcpfb_section{padding: 30px 15px;} .xcpfb_section ul{margin: -5px 0;width: 100%;} .xcpfb_section ul li{width: 100%;padding: 5px 0;} .xcpfb_section ul li a{height: 220px;} .xcpfb_section ul li a .boxs1{padding: 20px;} .xcpfb_section ul li a .boxs1 h3{font-size: 16px;line-height: 22px;margin-bottom: 8px;} .xcpfb_section ul li a .boxs1 .info{font-size: 14px;line-height: 20px;margin-bottom: 10px;} .xcpfb_section ul li a .boxs1 .more{width: 70px;height: 28px;line-height: 26px;font-size: 12px;} .xcpfb_section ul li a .boxs2 .wordsbox h3{font-size: 16px;line-height: 22px;margin-bottom: 6px;} .xcpfb_section ul li a .boxs2 .wordsbox h4{font-size: 14px;line-height: 20px;margin-bottom: 12px;} .xcpfb_section ul li a .boxs2 .wordsbox .more{width: 70px;height: 28px;line-height: 26px;font-size: 12px;} .xcpfb_section .pages{margin: 14px 0 0 0;} } /*无banner标题*/ /*20211008start*/ .tits_section{width: 100%;background-color: #eeeeee;padding: 34px 60px 30px 60px;} /*20211008end*/ .tits_section h2{font-size: 30px;color: #002060;line-height: 36px;font-weight: bold;} /*20211016start*/ @media screen and (max-width: 1280px){ .tits_section{ padding: 20px 60px; } } /*20211016end*/ @media screen and (max-width: 1024px){ .tits_section{padding: 22px 15px;margin-top: 50px;} .tits_section h2{font-size: 18px;line-height: 24px;} } /*解决方案版块1*/ /*20211008start*/ .jjfa_section1{width: 100%;background-color: #f7f7f7;padding: 70px 60px 66px 60px;} /*20211008end*/ .jjfa_section1 h2{font-size: 24px;color: #032362;line-height:30px;margin-bottom: 40px;} .jjfa_section1 .con{width: 100%;overflow: hidden;position: relative;padding-bottom: 14px;} .jjfa_section1 .con::after{content: "";display: block;width: 1px;height: 100%;background-color: #dedede;position: absolute;top: 0;left: 41.66%;} .jjfa_section1 .con .left{width: 41.66%;float: left;padding-right: 32px;} .jjfa_section1 .con .right{width: 58.34%;float: right;padding-left: 32px;} .jjfa_section1 .con p{font-size: 16px;color: #454545;line-height: 30px;text-indent: 2em;text-align: justify;letter-spacing: 0;} /*20211016start*/ @media screen and (max-width: 1280px){ .jjfa_section1{padding: 60px;} .jjfa_section1 h2{font-size: 18px;line-height:24px;margin-bottom: 20px;} .jjfa_section1 .con{padding-bottom: 10px;} .jjfa_section1 .con .left{padding-right: 12px;} .jjfa_section1 .con .right{padding-left: 12px;} .jjfa_section1 .con p{font-size: 12px;line-height: 20px;} } /*20211016end*/ @media screen and (max-width: 1024px){ .jjfa_section1{padding: 30px 15px;} .jjfa_section1 h2{font-size: 18px;line-height:24px;margin-bottom: 12px;} .jjfa_section1 .con{padding-bottom: 0;} .jjfa_section1 .con::after{display: none;} .jjfa_section1 .con .left{width: 100%;padding-right: 0;padding-bottom: 12px;border-bottom: 1px solid #dedede;} .jjfa_section1 .con .right{width: 100%;padding-left: 0;padding-top: 12px;} .jjfa_section1 .con p{font-size: 14px;line-height: 24px;} } /*解决方案版块2*/ /*20211008start*/ .jjfa_section2{width: 100%;padding: 74px 60px 74px 60px;background-color: #ffffff;} /*20211008end*/ .jjfa_section2 .con{width: 100%;overflow: hidden;position: relative;} .jjfa_section2 .con::after{content: "";display: block;width: 1px;height: 100%;background-color: #dedede;position: absolute;top: 0;left: 41.66%;} .jjfa_section2 .con .left{width: 41.66%;float: left;padding-right: 32px;} .jjfa_section2 .con .right{width: 58.34%;float: right;padding-left: 32px;} .jjfa_section2 .con h2{font-size: 24px;color: #032362;line-height: 28px;margin-bottom: 44px;} .jjfa_section2 .con .pic{width: 100%;border: 1px solid #e5e5e5;} .jjfa_section2 .con .pic img{width: 100%;display: block;} .jjfa_section2 .con .info{font-size: 16px;color: #454545;line-height: 30px;text-indent: 2em;} /*20211016start*/ @media screen and (max-width: 1280px){ .jjfa_section2{padding: 60px;} .jjfa_section2 .con .left{padding-right: 12px;} .jjfa_section2 .con .right{padding-left: 12px;} .jjfa_section2 .con h2{font-size: 18px;line-height: 24px;margin-bottom: 20px;} .jjfa_section2 .con .info{font-size: 12px;line-height: 20px;} } /*20211016end*/ @media screen and (max-width: 1024px){ .jjfa_section2{padding: 30px 15px;} .jjfa_section2 .con::after{display: none;} .jjfa_section2 .con .left{width: 100%;padding-right: 0;padding-bottom: 16px;border-bottom: 1px solid #dedede;} .jjfa_section2 .con .right{width: 100%;padding-left: 0;padding-top: 14px;} .jjfa_section2 .con h2{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .jjfa_section2 .con .info{font-size: 14px;line-height: 24px;} } /*解决方案版块3*/ /*20211008start*/ .jjfa_section3{width: 100%;padding:74px 60px;background-color: #f7f7f7;} /*20211008end*/ .jjfa_section3 .tit{width: 100%;font-size: 0;} .jjfa_section3 .tit h2{font-size: 24px;color: #032362;line-height: 28px;display: inline-block;vertical-align: middle;margin-right: 16px;} .jjfa_section3 .tit h3{font-size: 18px;color: #454545;line-height: 28px;display: inline-block;vertical-align: middle;} .jjfa_section3 .con{width: 100%;margin-top: 46px;} .jjfa_section3 .con .bdbox{width: 100%;border: 1px solid #e5e5e5;} .jjfa_section3 .con .bdbox ._t{width: 100%;overflow: hidden;border-bottom: 1px solid #e5e5e5;background-color: #f2f6fe;} .jjfa_section3 .con .bdbox ._t .boxs{float: left;border-right: 1px solid #e5e5e5;height: 74px;position: relative;overflow: hidden;} .jjfa_section3 .con .bdbox ._t .boxs .words{font-size: 18px;color: #242424;line-height: 26px;position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);} .jjfa_section3 .con .bdbox ._t .boxs .words span{font-size: 12px;} .jjfa_section3 .con .bdbox ._t .boxs.boxs1{width: 24.8%;} .jjfa_section3 .con .bdbox ._t .boxs.boxs2{width: 13.73%;} .jjfa_section3 .con .bdbox ._t .boxs.boxs3{width: 16.8%;} .jjfa_section3 .con .bdbox ._t .boxs.boxs4{width: 11.33%;} .jjfa_section3 .con .bdbox ._t .boxs.boxs5{width: 10.8%;} .jjfa_section3 .con .bdbox ._t .boxs.boxs6{width: 10.8%;} .jjfa_section3 .con .bdbox ._t .boxs.boxs7{width: 11.74%;border-right: 0;} .jjfa_section3 .con .bdbox ._b{width: 100%;background-color: #fff;} .jjfa_section3 .con .bdbox ._b .li{width: 100%;border-bottom: 1px solid #e5e5e5;position: relative;overflow: hidden;} .jjfa_section3 .con .bdbox ._b .li:last-child{border: 0;} .jjfa_section3 .con .bdbox ._b .li .left{width: 24.8%;border-right: 1px solid #e5e5e5;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;} .jjfa_section3 .con .bdbox ._b .li .left .words{width: 100%;text-align: center;padding: 0 15px;font-size: 18px;color: #242424;line-height: 24px;font-weight: bold;position: absolute;left: 0;top: 50%;letter-spacing: 0; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .jjfa_section3 .con .bdbox ._b .li .right{float: right;width: 75.2%;} .jjfa_section3 .con .bdbox ._b .li .right .list{width: 100%;overflow: hidden;border-bottom: 1px solid #e5e5e5;} .jjfa_section3 .con .bdbox ._b .li .right .list:last-child{border-bottom: 0;} .jjfa_section3 .con .bdbox ._b .li .right .list .boxs{font-size: 16px;color: #242424;line-height: 52px;float: left;border-right: 1px solid #e5e5e5;text-align: center;letter-spacing: 0;} .jjfa_section3 .con .bdbox ._b .li .right .list .boxs.boxs1{width: 18.32%;} .jjfa_section3 .con .bdbox ._b .li .right .list .boxs.boxs2{width: 22.26%;} .jjfa_section3 .con .bdbox ._b .li .right .list .boxs.boxs3{width: 15.1%;} .jjfa_section3 .con .bdbox ._b .li .right .list .boxs.boxs4{width: 14.36%;} .jjfa_section3 .con .bdbox ._b .li .right .list .boxs.boxs5{width: 14.41%;} .jjfa_section3 .con .bdbox ._b .li .right .list .boxs.boxs6{width: 15.55%;border-right: 0;} /*20211016start*/ @media screen and (max-width: 1280px){ .jjfa_section3{padding:60px;} .jjfa_section3 .tit h2{font-size: 18px;line-height: 24px;margin-right: 10px;} .jjfa_section3 .tit h3{font-size: 14px;line-height: 20px;} .jjfa_section3 .con{margin-top: 20px;} .jjfa_section3 .con .bdbox ._t .boxs{height: 40px;} .jjfa_section3 .con .bdbox ._t .boxs .words{font-size: 14px;line-height: 20px;} .jjfa_section3 .con .bdbox ._b .li .left .words{;padding: 0 6px;font-size: 12px;line-height: 30px;} .jjfa_section3 .con .bdbox ._b .li .right .list .boxs{font-size: 12px;line-height: 30px;} } /*20211016end*/ @media screen and (max-width: 1024px){ .jjfa_section3{padding:30px 15px;} .jjfa_section3 .tit h2{font-size: 16px;line-height: 22px;margin-right: 4px;letter-spacing: 0;} .jjfa_section3 .tit h3{font-size: 12px;line-height: 22px;letter-spacing: 0;} .jjfa_section3 .con{margin-top: 14px; white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;} .jjfa_section3 .con::-webkit-scrollbar{ display: none;} .jjfa_section3 .con .bdbox{width: 100%;border: 1px solid #e5e5e5;width: 800px;} .jjfa_section3 .con .bdbox ._t .boxs{height: 52px;} .jjfa_section3 .con .bdbox ._t .boxs .words{font-size: 14px;line-height: 20px;} .jjfa_section3 .con .bdbox ._t .boxs .words span{font-size: 12px;} .jjfa_section3 .con .bdbox ._b .li .left .words{padding: 0 6px;font-size: 14px;line-height: 20px;} .jjfa_section3 .con .bdbox ._b .li .right .list .boxs{font-size: 14px;line-height: 30px;} .jjfa_section3 .con .bdbox ._b .li .right .list .boxs.boxs1{width: 18.26%;} .jjfa_section3 .con .bdbox ._b .li .right .list .boxs.boxs2{width: 22.4%;} .jjfa_section3 .con .bdbox ._b .li .right .list .boxs.boxs3{width: 15.1%;} .jjfa_section3 .con .bdbox ._b .li .right .list .boxs.boxs4{width: 14.3%;} .jjfa_section3 .con .bdbox ._b .li .right .list .boxs.boxs5{width: 14.3%;} .jjfa_section3 .con .bdbox ._b .li .right .list .boxs.boxs6{width: 15.64%;border-right: 0;} } /*产品中心三级四级导航*/ /*20211008start*/ .dh_section{width: 100%;padding: 56px 60px;background-color: #f7f7f7;} /*20211008end*/ .dh_section .sj_nav{width: 100%;background-color: #eeeeee;} .dh_section .sj_nav ul{width: 100%;} .dh_section .sj_nav ul li{height: auto;border-right: 1px solid #f7f7f7;border-bottom: 1px solid #f7f7f7;border-top: 1px solid #eee; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .dh_section .sj_nav ul li.on, .dh_section .sj_nav ul li:hover{border-bottom-color: #e5e5e5;background-color: #e5e5e5;border-top: 1px solid #032362;} .dh_section .sj_nav ul li a{display: block;width: 100%;padding: 16px 5px;} .dh_section .sj_nav ul li a .tit1{font-size: 18px;color: #232323;line-height: 24px;text-align: center;margin-bottom: 2px;letter-spacing: 0; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .dh_section .sj_nav ul li.on a .tit1, .dh_section .sj_nav ul li:hover a .tit1{color: #0041c1;} .dh_section .sj_nav ul li a .tit2{font-size: 18px;color: #797979;line-height: 24px;text-align: center;letter-spacing: 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .dh_section .sjs_nav{width: 100%;font-size: 0;text-align: center;background-color: #e5e5e5;border-top: 1px solid #e1e1e1;padding: 18px 0;} .dh_section .sjs_nav a{display: inline-block;vertical-align: middle;font-size: 16px;color: #232323;line-height: 22px;letter-spacing: 0;} .dh_section .sjs_nav a:hover{opacity: 0.6;} .dh_section .sjs_nav a.on{color: #032362;font-weight: bold;} .dh_section .sjs_nav span{display: inline-block;vertical-align: middle;font-size: 16px;color: #232323;line-height: 22px;letter-spacing: 0;margin: 0 18px;} /*20211016start*/ @media screen and (max-width: 1280px){ .dh_section{padding: 36px 60px;} .dh_section .sj_nav ul li a{padding: 10px 4px;} .dh_section .sj_nav ul li a .tit1{font-size: 14px;line-height: 20px;} .dh_section .sj_nav ul li a .tit2{font-size: 14px;line-height: 20px;} .dh_section .sjs_nav{padding: 8px 0;} .dh_section .sjs_nav a{font-size: 12px;line-height: 18px;} .dh_section .sjs_nav span{font-size: 12px;line-height: 18px;margin: 0 6px;} } /*20211016end*/ @media screen and (max-width: 1024px){ .dh_section{padding: 30px 15px;} .dh_section .sj_nav ul li a{padding: 12px 3px;} .dh_section .sj_nav ul li a .tit1{font-size: 16px;line-height: 20px;} .dh_section .sj_nav ul li a .tit2{font-size: 12px;line-height: 20px;} .dh_section .sjs_nav{padding: 12px;} .dh_section .sjs_nav .cons{width: 100%;white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;} .dh_section .sjs_nav .cons::-webkit-scrollbar{ display: none;} .dh_section .sjs_nav a{font-size: 14px;line-height: 20px;} .dh_section .sjs_nav span{font-size: 14px;line-height: 20px;margin: 0 6px;} } /*产品中心*/ /*20211008start*/ .cpzx_section{width: 100%;padding:0 60px 88px 60px;background-color: #f7f7f7;} /*20211008end*/ .cpzx_section .content{width: 100%;} .cpzx_section .content .bdbox{width: 100%;border: 2px solid #e5e5e5;} .cpzx_section .content .bdbox ._t{width: 100%;background-color: #f2f6fe;overflow: hidden;border-bottom:2px solid #e5e5e5; float:left;display:flex;justify-content:space-evenly;overflow-x:auto; border-bottom:2px solid #E5E5E5; } .cpzx_section .content .bdbox ._t.yichu{justify-content:flex-start;} .cpzx_section .content .bdbox ._t.yichu .boxs{min-width:11%;display:inline-block;} .cpzx_section .content .bdbox i{height:38px;background:#e5e5e5;padding:0 1px} .cpzx_section .content .bdbox ._t .boxs{font-size: 14px;color: #242424;line-height: 38px;float: left;white-space:nowrap; text-align: center;letter-spacing: 0;} .cpzx_section .content .bdbox ._t .boxs span{font-size: 12px;} .cpzx_section .content .bdbox ._t .boxs.boxs1{width: 10.2%;} /*.cpzx_section .content .bdbox ._t .boxs.boxs2{width: 5.66%;} .cpzx_section .content .bdbox ._t .boxs.boxs3{width: 6.93%;} .cpzx_section .content .bdbox ._t .boxs.boxs4{width: 4.66%;} .cpzx_section .content .bdbox ._t .boxs.boxs5{width: 4.46%;} .cpzx_section .content .bdbox ._t .boxs.boxs6{width: 4.46%;} .cpzx_section .content .bdbox ._t .boxs.boxs7{width: 4.46%;} .cpzx_section .content .bdbox ._t .boxs.boxs8{width: 4.46%;} .cpzx_section .content .bdbox ._t .boxs.boxs9{width: 4.46%;} .cpzx_section .content .bdbox ._t .boxs.boxs10{width: 11.2%;} .cpzx_section .content .bdbox ._t .boxs.boxs11{width: 11.2%;} .cpzx_section .content .bdbox ._t .boxs.boxs12{width: 11.2%;} .cpzx_section .content .bdbox ._t .boxs.boxs13{width: 5.66%;} .cpzx_section .content .bdbox ._t .boxs.boxs14{width: 5.66%;}*/ .cpzx_section .content .bdbox ._t .boxs.boxs99{width: 5.33%;border-right: 0;} .cpzx_section .content .bdbox ._b{width: 100%;} .cpzx_section .content .bdbox ._b .list{width: 100%;overflow: hidden;border-bottom: 2px solid #e5e5e5;display:flex;justify-content:space-evenly; overflow-x:auto;} .cpzx_section .content .bdbox ._b .list.yichu{justify-content:flex-start;} .cpzx_section .content .bdbox ._b .list.yichu .boxs{min-width:11%;display:inline-block;} .cpzx_section .content .bdbox ._b .list .boxs{font-size: 14px;color: #242424;line-height: 38px;float: left;text-align: center;letter-spacing: 0;white-space: nowrap;} .cpzx_section .content .bdbox ._b .list .boxs.boxs1{width: 10.2% !important;} /*.cpzx_section .content .bdbox ._b .list .boxs.boxs2{width: 5.66%;} .cpzx_section .content .bdbox ._b .list .boxs.boxs3{width: 6.93%;} .cpzx_section .content .bdbox ._b .list .boxs.boxs4{width: 4.66%;} .cpzx_section .content .bdbox ._b .list .boxs.boxs5{width: 4.46%;} .cpzx_section .content .bdbox ._b .list .boxs.boxs6{width: 4.46%;} .cpzx_section .content .bdbox ._b .list .boxs.boxs7{width: 4.46%;} .cpzx_section .content .bdbox ._b .list .boxs.boxs8{width: 4.46%;} .cpzx_section .content .bdbox ._b .list .boxs.boxs9{width: 4.46%;} .cpzx_section .content .bdbox ._b .list .boxs.boxs10{width:11.2%} .cpzx_section .content .bdbox ._b .list .boxs.boxs11{width: 11.2%} .cpzx_section .content .bdbox ._b .list .boxs.boxs12{width: 11.2%;} .cpzx_section .content .bdbox ._b .list .boxs.boxs13{width: 5.66%;} .cpzx_section .content .bdbox ._b .list .boxs.boxs14{width: 5.66%;}*/ .cpzx_section .content .bdbox ._b .list .boxs.boxs99{width: 5.33% !important;border-right: 0;} .cpzx_section .content .bdbox ._b .list .boxs.boxs99 a{display: block;width: 100%;padding-top: 9px;} .cpzx_section .content .bdbox ._b .list .boxs.boxs99 a img{width: 20px;height: 20px;} .cpzx_section .content .bdbox ._b .list .boxs .ttc{display:flex;justify-content:center;} .cpzx_section .content .bdbox ._b .list::-webkit-scrollbar{height:0} .cpzx_section .content .bdbox ._b .list:last-child::-webkit-scrollbar{height: 5px;} .cpzx_section .content .bdbox ._b .list:last-child::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} .cpzx_section .content .bdbox ._b .list:last-child::-webkit-scrollbar-thumb{ height: 3px; background-color: #032362; border-radius: 3px;} .cpzx_section .content .bdbox ._t::-webkit-scrollbar{ height: 0px;height: 0px;display:none} .cpzx_section .content .bdbox ._t::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} .cpzx_section .content .bdbox ._t::-webkit-scrollbar-thumb{ height: 3px; background-color: #032362; border-radius: 3px;} @media screen and (max-width: 1600px){ .cpzx_section .content .bdbox ._t .boxs{font-size: 12px;line-height: 38px;} .cpzx_section .content .bdbox ._b .list .boxs{font-size: 12px;line-height: 38px;} } @media screen and (max-width: 1500px){ .cpzx_section .content{width: 100%;white-space:nowrap;overflow: hidden; scrollbar-width: thin; max-width: 100%;} .cpzx_section .content .bdbox{width: 1400px;} } @media screen and (max-width: 1024px){ .cpzx_section{padding:0 15px 30px 15px;} .cpzx_section .content .bdbox ._t .boxs{font-size: 12px;line-height: 30px;} .cpzx_section .content .bdbox ._b .list .boxs{font-size: 12px;line-height: 30px;} .cpzx_section .content .bdbox ._b .list .boxs.boxs18 a{padding-top: 7px;} .cpzx_section .content .bdbox ._b .list .boxs.boxs18 a img{width: 16px;height: 16px;} .cpzx_section .content::-webkit-scrollbar{ display: none;} } /*支持中心*/ /*20211008start*/ .zczx_section{width: 100%;padding:72px 60px;background-color: #f7f7f7;} /*20211008end*/ .zczx_section .content{width: 100%;overflow: hidden;display:flex;align-items:stretch;justify-content: space-between;} .zczx_section .content .left{width: 47%;float: left;padding: 10px;background-color: #fff;} .zczx_section .content .left .pic{width: 100%;height: 618px;} .zczx_section .content .right{width: calc(53% - 20px);float: right;background: #fff;display: flex;justify-content: flex-start;align-items: center;} .zczx_section .content .right .listbox{width: 100%;background-color: #ffffff;} .zczx_section .content .right .listbox .list{width: 100%;padding: 0px 24px;margin-bottom: 40px;} .zczx_section .content .right .listbox .list:last-child{margin-bottom: 0;} .zczx_section .content .right .listbox .list .tit{font-size: 18px;color: #032362;line-height: 22px;margin-bottom: 22px;font-weight: bold;} .zczx_section .content .right .listbox .list ul{width: 100%;} .zczx_section .content .right .listbox .list ul li{width: 100%;overflow: hidden;margin-bottom: 16px;} .zczx_section .content .right .listbox .list ul li:last-child{margin-bottom: 0;} .zczx_section .content .right .listbox .list ul li:nth-child(2){margin-top: 40px;} .zczx_section .content .right .listbox .list ul li .ico{width: 20px;height: 20px;float: left;} .zczx_section .content .right .listbox .list ul li .words{font-size: 16px;color: #373737;line-height: 24px;padding-left: 10px;float: left; width: calc(100% - 20px); width: -ms-calc(100% - 20px); width: -o-calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px);} .zczx_section .content .right .boxs{width: 100%;} .zczx_section .content .right .boxs .qh_t{width: 100%;font-size: 0;overflow: hidden;} .zczx_section .content .right .boxs .qh_t .li{font-size: 20px;color: #373737;line-height: 49px;border-top: 2px solid #edeef3;float: left; background-color: #edeef3;padding: 0 26px;cursor: pointer;} .zczx_section .content .right .boxs .qh_t .li.on{background-color: #fff;border-top: 2px solid #032362;} .zczx_section .content .right .boxs .qh_b{width: 100%;background-color: #fff;height: 157px;padding: 48px 24px 20px 24px;} .zczx_section .content .right .boxs .qh_b .li{font-size: 20px;color: #373737;line-height: 24px; overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 72px;} .zczx_section .content .right .boxs .qh_b .li::-webkit-scrollbar{ display: none;} /*20211016start*/ @media screen and (max-width: 1280px){ .zczx_section{padding:60px;} .zczx_section .content .left{padding: 6px;} .zczx_section .content .left .pic{height: 458px;} .zczx_section .content .right{padding-left: 14px;} .zczx_section .content .right .listbox .list{padding: 20px;} .zczx_section .content .right .listbox .list .tit{font-size: 16px;line-height: 22px;margin-bottom: 14px;} .zczx_section .content .right .listbox .list ul li{margin-bottom: 10px;} .zczx_section .content .right .listbox .list ul li .ico{width: 14px;height: 14px;} .zczx_section .content .right .listbox .list ul li .words{font-size: 12px;line-height: 20px;padding-left: 6px; width: calc(100% - 16px); width: -ms-calc(100% - 16px); width: -o-calc(100% - 16px); width: -moz-calc(100% - 16px); width: -webkit-calc(100% - 16px);} .zczx_section .content .right .boxs .qh_t .li{font-size: 20px;color: #373737;line-height: 49px;border-top: 2px solid #edeef3;float: left; background-color: #edeef3;padding: 0 26px;cursor: pointer;} .zczx_section .content .right .boxs .qh_t .li.on{background-color: #fff;border-top: 2px solid #032362;} .zczx_section .content .right .boxs .qh_b{width: 100%;background-color: #fff;height: 157px;padding: 48px 24px 20px 24px;} .zczx_section .content .right .boxs .qh_b .li{font-size: 20px;color: #373737;line-height: 24px; overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 72px;} .zczx_section .content .right .boxs .qh_b .li::-webkit-scrollbar{ display: none;} } /*20211016end*/ @media screen and (max-width: 1024px){ .zczx_section{padding:30px 15px;} .zczx_section .content{flex-direction:column;display: block;} .zczx_section .content .left{width: 100%;padding: 10px;} .zczx_section .content .left .pic{height: 260px;} .zczx_section .content .right{width: 100%;padding-left: 0;padding-top: 14px;display: block;} .zczx_section .content .right .listbox{margin-bottom: 12px;} .zczx_section .content .right .listbox .list{padding: 0 14px;margin-bottom: 20px;} .zczx_section .content .right .listbox .list .tit{font-size: 16px;line-height: 20px;margin-bottom: 10px;} .zczx_section .content .right .listbox .list ul li{margin-bottom: 10px;} .zczx_section .content .right .listbox .list ul li:nth-child(2){margin-top: 14px;} .zczx_section .content .right .listbox .list ul li .ico{width: 16px;height: 16px;} .zczx_section .content .right .listbox .list ul li .words{font-size: 14px;line-height: 20px;padding-left: 6px; width: calc(100% - 16px); width: -ms-calc(100% - 16px); width: -o-calc(100% - 16px); width: -moz-calc(100% - 16px); width: -webkit-calc(100% - 16px);} .zczx_section .content .right .boxs .qh_t .li{font-size: 16px;line-height: 34px;padding: 0 12px;} .zczx_section .content .right .boxs .qh_b{height: auto;padding: 10px 12px;min-height: 60px;} .zczx_section .content .right .boxs .qh_b .li{font-size: 14px;line-height: 20px; overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 1000000px;} } ._search{ background:url(../image/ico56.jpg) center repeat; padding-top:95px; padding-bottom:100px;} ._search .title{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px;} ._search .list{ float:left; width:100%; margin-top:25px;} ._search .list li{ float:left; width:100%; border-bottom:1px solid rgba(0,0,0,0.1); padding:25px 0; position:relative; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } ._search .list li:after{ float:left; position:absolute; right:20px; top:50%; margin-top:-7px; content:''; width:22px; height:15px; background:url(../image/ico57.png) right center no-repeat;} ._search .list li .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; font-weight:bold;} ._search .list li .info{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; margin-top:10px;} ._search .list li .info a{ color:#555555;} ._search .list li:hover{ background:#f2f2f2; padding:25px 20px;} ._search .list li:hover:after{ background:url(../image/ico58.png) right center no-repeat;} ._search .list li:hover .tit{ color:#4db563;} ._search .img{ float:left; width:100%; margin-top:22px; line-height:0; text-align:center;} ._search .cont{ float:left; width:100%; margin-bottom:22px; color:#1b1b1b; color:rgba(27,27,27,0.5); font-size:24px; line-height:28px; text-align:center;} @media screen and (max-width:1024px){ ._search{ padding-top:30px; padding-bottom:40px;} ._search .list{ margin-top:10px;} ._search .list li{ padding:15px 0;} ._search .list li:after{ right:12px; width:15px;} ._search .list li .tit{ font-size:16px; line-height:26px; } ._search .list li .info{ font-size:14px; line-height:24px; margin-top:2px;} ._search .list li:hover{ padding:15px 12px;} ._search .cont{ font-size:18px; line-height:22px;} } ._paging2-3 .ctext .box .words{color:#333;} .cpzx_section1{width: 100%;padding:0 60px 88px 60px;background-color: #f7f7f7;} .cpzx_section2{padding:0;margin-top:46px;} .cpzx_section1 .content{width: 100%;} .cpzx_section1 .content table{min-width: 100%; white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;border: 2px solid #e5e5e5;display: block;} .cpzx_section1 .content table::-webkit-scrollbar{ height: 6px;} .cpzx_section1 .content table::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 6px;} .cpzx_section1 .content table::-webkit-scrollbar-thumb{ height: 6px; background-color: #1878f3; border-radius: 6px;} .cpzx_section1 .content table th{font-size: 14px;color: #242424;line-height: 38px;border-right: 2px solid #e5e5e5;text-align: center;padding: 0 20px;width: 100%;} .cpzx_section1 .content table tr{border-bottom: 2px solid #e5e5e5;} .cpzx_section1 .content table td{font-size: 14px;color: #242424;line-height: 38px;border-right: 2px solid #e5e5e5;text-align: center;padding: 0 20px;width: 100%;} /*20211016start*/ @media screen and (max-width: 1280px){ .cpzx_section1{padding:0 60px 60px 60px;} .cpzx_section1 .content table::-webkit-scrollbar{ height: 4px;} .cpzx_section1 .content table::-webkit-scrollbar-track{ border-radius: 4px;} .cpzx_section1 .content table::-webkit-scrollbar-thumb{ height: 4px;border-radius: 4px;} .cpzx_section1 .content table th{font-size: 12px;line-height: 30px;padding: 0 10px;} .cpzx_section1 .content table td{font-size: 12px;line-height: 30px;padding: 0 10px;} } /*20211016end*/ @media screen and (max-width: 1024px){ .cpzx_section2{padding:0;margin-top:14px;} .cpzx_section1{padding:0 15px 30px 15px;} .cpzx_section1 .content table{border: 1px solid #e5e5e5;} .cpzx_section1 .content table::-webkit-scrollbar{ height: 2px;} .cpzx_section1 .content table::-webkit-scrollbar-track{border-radius: 2px;} .cpzx_section1 .content table::-webkit-scrollbar-thumb{height: 2px;border-radius: 2px;} .cpzx_section1 .content table th{font-size: 12px;line-height: 32px;border-right: 1px solid #e5e5e5;padding: 0 10px;letter-spacing: 0;} .cpzx_section1 .content table tr{border-bottom: 1px solid #e5e5e5;} .cpzx_section1 .content table td{font-size: 12px;line-height: 32px;border-right: 1px solid #e5e5e5;padding: 0 10px;letter-spacing: 0;} } .dh_section .sj_nav .slick-arrow{height:25px;width:25px;border-top:2px solid #666;border-right:2px solid #666;transition:all .5s ease;top:30px;} .dh_section .sj_nav .slick-prev{transform:rotate(225deg);left:-35px;right:auto} .dh_section .sj_nav .slick-next{transform:rotate(45deg);right:-35px;left:auto} .dh_section .sj_nav .slick-arrow:hover{border-top:2px solid #0041c1;border-right:2px solid #0041c1;} @media screen and (max-width: 1024px){ .dh_section .sj_nav .slick-arrow{height:12px;width:12px;border-top:1px solid #666;border-right:1px solid #666;transition:all .5s ease;top:30px;} .dh_section .sj_nav .slick-prev{transform:rotate(225deg);left:-10px;right:auto} .dh_section .sj_nav .slick-next{transform:rotate(45deg);right:-10px;left:auto} }