* {    padding: 0;    margin: 0;    box-sizing: border-box;    font-family: 'microsoft yahei';}body {    overflow-x: hidden !important;}ul li {    list-style: none;}a {    text-decoration: none;}a:hover {    text-decoration: none;}img {    vertical-align: top;    outline-width: 0ch;} :root {    --main-color: #525e78;    --main-color1: #d32329;    --main-color-white: #ffffff;    --main-color-555: #555555;    --main-color-999: #999999;    --main-color-666: #666666;    --main-color-333: #333333;    --main-color-888: #888888;    --main-color-222: #222222;    --main-transition: all ease 0.4s;    --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}@media only screen and (min-width: 996px) {    .img_top {        display: block;    }    .img_scroll {        display: none;    }    .pchead {        width: 100%;        position: fixed;        /*top: 25px;*/        left: 0;        z-index: 99;        transition: var(--main-transition);        height: 80px;        background-color: transparent;    background-color: rgb(0, 0, 0, 0.3);    }    .n_sec {        position: fixed;        top: 105px;        transition: var(--main-transition);        background-image: url(../images/navbg.png);        width: 100%;        height: 570px;        left: 0;        z-index: 9999;        display: none;        background-size: cover;    }    .first_li:hover .n_sec {        display: block !important;top: 80px !important;    }    .n_sec_con {        width: 100%;        height: 100%;        position: relative;    }    .n_sec_con_nav {        padding-left: 270px;        width: 75%;        height: 100%;        position: absolute;        left: 0;        top: 0;        background: rgba(82, 94, 120, .8);        display: flex;    }    .n_sec_con_navleft ul {        height: 100%;        display: flex;        flex-direction: column;        justify-content: center;    }    .n_sec_con_navleft ul li a {        color: var(--main-color-white);        font-size: 17px;        color: var(--main-color-white);        font-weight: bold;        display: block;        margin-bottom: 20px;    }    .sec_active {        position: relative;        padding-left: 50px;    }    .sec_active::before {        position: absolute;        width: 35px;        height: 3px;        background-color: var(--main-color-white);        content: '';        top: 12px;        left: -10px;    }    .n_sec_con_navright {        margin-left: 150px;    }    .n_sec_con_navright ul {        height: 100%;        display: flex;        flex-direction: column;        justify-content: center;    }    .n_sec_con_navright ul li a {        color: var(--main-color-white);        position: relative;        font-size: 17px;        display: block;        margin-bottom: 20px;    }    .n_sec_con_navright ul li a:hover::after {        width: 100% !important;    }    .n_sec_con_navright ul li a::after {        position: absolute;        width: 0%;        height: 3px;        background-color: var(--main-color-white);        content: '';        left: 0;        transition: var(--main-transition);        bottom: -5px;    }    .head_change {        background-color: var(--main-color-white) !important;        top: 0 !important;    }    .head_change .pcnav>li>a {        color: var(--main-color-333) !important;    }    .pcheader {        max-width: 1490px;        padding: 0 65px;        margin: 0 auto;        transition: var(--main-transition);        display: flex;        align-items: center;        justify-content: space-between;        height: 80px;    }    .pclogo img {        height: 50px;    }    .pcnav {        display: flex;        align-items: center;        position: relative;        z-index: 99;    }    .pcnav>li {        position: relative;        transition: var(--main-transition);    }    .first_a::after {        width: 0%;        position: absolute;        transition: var(--main-transition);        height: 2px;        content: '';        bottom: 0;        left: 50%;        transform: translateX(-50%);        background-color: var(--main-color);    }    .pcnav>li:hover .first_a::after {        width: 100%;    }    .pcnav>li>a {        display: block;        height: 80px;        line-height: 80px;        font-size: 15px;        transition: var(--main-transition);        color: var(--main-color-white);        padding: 0 20px;    }    .ml_mb_head {        display: none;    }    .ml_mb_nav {        display: none;    }    .ml_banner {        width: 100%;        z-index: 998;    }    .ml_banner:hover .bannerbtnleft {        left: 10px !important;        opacity: 1 !important;    }    .ml_banner:hover .bannerbtnright {        right: 10px !important;        opacity: 1 !important;    }    .ml_banner img {        width: 100%;    }    .bannerpage .swiper-pagination-bullet {        width: 15px !important;        height: 15px !important;    }    .bannerbtn {        width: 50px !important;        display: flex;        align-items: center;        justify-content: center;        color: var(--main-color-white);        font-size: 25px;        height: 50px !important;        transition: var(--main-transition);        background: rgba(0, 0, 0, .7);        background-image: none !important;        opacity: 0;    }    .bannerbtnleft {        left: 0 !important;    }    .bannerbtnright {        right: 0 !important;    }    .copy {        width: 100%;        text-align: center;        padding: 15px;        border-top: 1px solid #555555;        background-color: #3b3d40;    }    .copycon {        text-align: center;        max-width: 1200px;        text-align: center;        font-size: 14px;        color: var(--main-color-999);        margin: 0 auto;    }    .copycon a {        font-size: 14px;        color: var(--main-color-999);    }    .inside {        max-width: 1490px;        padding: 15px 65px;        margin: 0 auto;    }    .inside p {        font-size: 14px;        color: var(--main-color-222);    }    .inbanner {        width: 100%;        height: 300px;        background-image: url(../images/inbanner.png);        background-repeat: no-repeat;        background-size: cover;        display: flex;        align-items: center;        justify-content: center;    }    .inbanner strong {        display: block;        color: var(--main-color-white);        font-size: 30px;        font-weight: normal;    display: none;    }    .h_r {        display: flex;        align-items: center;    }    .pc_sou {        display: flex;        align-items: center;        margin-left: 25px;    }    .pc_sou input {        width: 150px;        height: 35px;        outline: none;        border: 1px solid #ccc;        padding-left: 15px;        font-size: 14px;    }    .pc_sou a {        display: block;        height: 35px;        width: 50px;        line-height: 35px;        text-align: center;        color: var(--main-color-white);        background-color: var(--main-color);    }    .sec_drop_out {        width: 100%;        position: fixed;        top: 130px;        transition: var(--main-transition);        left: 0;        padding: 25px 0;        z-index: 999999;        background: rgba(255, 255, 255, .9);        opacity: 0;        visibility: hidden;    }    .first_li:hover .sec_drop_out {        top: 80px !important;        opacity: 1 !important;        visibility: visible !important;    }    .sec_drop {        width: 820px;        margin: 0 auto;        display: flex;        justify-content: space-between;    }    .sec_dropleft {        width: 40%;    }    .sec_dropleft img {        width: 100%;    }    .sec_dropright {        width: 57%;    }    .sec_dropright ul {        display: flex;        flex-wrap: wrap;        justify-content: space-between;    }    .sec_dropright ul li {        width: 48%;        overflow: hidden;        text-overflow: ellipsis;        display: -webkit-box;        -webkit-box-orient: vertical;        -webkit-line-clamp: 1;        padding-left: 15px;        background-image: url(../images/dian.png);        background-repeat: no-repeat;        background-position: left center;    }    .sec_dropright ul li a {        height: 40px;        line-height: 40px;        font-size: 15px;        color: var(--main-color-333);        transition: var(--main-transition);    }    .sec_dropright ul li a:hover {        color: var(--main-color);    }    .con1 {        padding: 80px 0;    }    .con1con {        max-width: 1490px;        padding: 0 65px;        margin: 0 auto;        display: flex;        flex-wrap: wrap;        justify-content: space-between;        align-items: center;    }    .con1left {        width: 48%;    }    .con1left img {        width: 100%;    }    .con1right {        width: 48%;    }    .con1right strong {        display: block;        font-size: 30px;        font-weight: normal;        margin-bottom: 30px;    }    .con1right p {        line-height: 30px;        font-size: 16px;        color: var(--main-color-666);    }    .con2 {        padding: 80px 0;        background-color: #f2f4f7;    }    .con2con {        max-width: 1490px;        padding: 0 65px;        margin: 0 auto;        display: flex;        align-items: center;        justify-content: space-between;    }    .con2left {        width: 34%;    }    .con2right {        width: 60%;    }    .con2swiper {        width: 100%;    }    .con2swiper img {        width: 100%;    }    .con2left ul li {        display: flex;        justify-content: space-between;        margin-bottom: 20px;    }    .con2left ul li img {        width: 40px;        height: 40px;    }    .con2_li_r {        flex: 1;        padding-left: 20px;    }    .con2_li_r strong {        font-size: 24px;        color: var(--main-color);        margin-bottom: 5px;        display: block;    }    .con2_li_r p {        font-size: 14px;        color: var(--main-color-666);        line-height: 25px;    }    .con3 {        padding: 80px 0;        background-image: url(../images/bg1.png);        background-repeat: no-repeat;        background-size: cover;    }    .con3con {        max-width: 1490px;        padding: 0 65px;        margin: 0 auto;    }    .con_title {        margin-bottom: 50px;    }    .con_title strong {        display: block;        text-align: center;        font-size: 34px;        margin-bottom: 20px;        color: var(--main-color-222);    }    .con_title p {        max-width: 700px;        margin: 0 auto;        color: var(--main-color-white);        font-size: 14px;        text-align: center;        line-height: 30px;    }    .con3con ul {        display: flex;        flex-wrap: wrap;        justify-content: space-between;    }    .con3con ul li {        width: 25%;        position: relative;        margin-bottom: 150px;    }    .con3con ul li:hover img {        transform: scale(1.1);    }    .con3con ul li img {        width: 100%;        max-height: 400px;        transition: var(--main-transition);        object-fit: cover;    }    .con3pos {        position: absolute;        width: 90%;        padding: 30px 40px;        background-color: var(--main-color-white);        z-index: 99;        left: 50%;        transform: translateX(-50%);        bottom: -75px;        height: 150px;        display: flex;        flex-direction: column;        justify-content: center;    }    .con3pos strong {        font-size: 16px;        display: block;        margin-bottom: 15px;        color: var(--main-color);		width: 100%;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;    }    .con3pos p {        font-size: 16px;        color: var(--main-color-666);        width: 100%;        overflow: hidden;        text-overflow: ellipsis;        display: -webkit-box;        -webkit-box-orient: vertical;        -webkit-line-clamp: 2;    }    .con3img {        overflow: hidden;    }    .con4 {        padding: 80px 0;        background-color: #f2f4f7;    }    .con4con {        max-width: 1490px;        padding: 0 65px;        margin: 0 auto;    }    .con4con ul {        display: flex;        flex-wrap: wrap;        justify-content: space-between;    }    .con4con ul li {        width: 33%;        border: 2px solid transparent;        cursor: pointer;        box-shadow: var(--main-shadow);        display: flex;        background-color: var(--main-color-white);        justify-content: space-between;        transition: var(--main-transition);        margin-bottom: 50px;        padding: 40px 30px;    }    .con4con ul li:hover img {        transform: scale(1.1);    }    .con4con ul li:hover i {        margin-left: 15px;    }    .con4con ul li:hover {        border: 2px solid var(--main-color);    }    .n_left {        width: 47%;    }    .n_left>a {        display: block;        width: 100%;        overflow: hidden;        text-overflow: ellipsis;        display: -webkit-box;        -webkit-box-orient: vertical;        -webkit-line-clamp: 1;        color: var(--main-color);        font-size: 16px;        font-weight: bold;        margin-bottom: 20px;    }    .n_left p {        font-size: 14px;        color: var(--main-color-666);        width: 100%;        overflow: hidden;        text-overflow: ellipsis;        display: -webkit-box;        -webkit-box-orient: vertical;        -webkit-line-clamp: 2;        line-height: 25px;    }    .n_left span {        color: var(--main-color);        font-size: 15px;        display: block;        margin-top: 20px;    }    .n_left span i {        transition: var(--main-transition);    }    .n_right {        width: 47%;        overflow: hidden;    }    .n_right img {        width: 100%;        height: 160px;        object-fit: cover;        transition: var(--main-transition);    }    .more {        display: block;        margin: 0 auto;        margin-top: 40px;        width: 120px;        height: 40px;        line-height: 40px;        text-align: center;        font-size: 14px;        color: var(--main-color-white);        background-color: var(--main-color);    }    .con5 {        padding: 80px 0;        background-image: url(../images/bg2.png);        background-repeat: no-repeat;        background-size: cover;        padding-bottom: 400px;    }    .con5con {        max-width: 1490px;        padding: 0 65px;        margin: 0 auto;    }    .con5con ul {        display: flex;        flex-wrap: wrap;        justify-content: space-between;        align-items: center;    }    .con5con ul li {        flex: 1;    }    .con5con ul li strong {        display: block;        text-align: center;        color: var(--main-color-white);        font-size: 60px;        font-weight: normal;    }    .con5con ul li p {        font-size: 18px;        color: var(--main-color-white);        text-align: center;        margin-top: 10px;    }    .foot {        padding: 50px 0;        background-color: #162238;    }    .footer {        max-width: 1400px;        margin: 0 auto;        display: flex;        flex-wrap: wrap;    }    .footerleft {        width: 220px;        padding-right: 20px;        border-right: 1px solid #2c2c2c    }    .footerleft ul li {        display: flex;        align-items: center;    }    .footerleft ul li i {        font-size: 15px !important;        color: var(--main-color-white);        width: 20px !important;    }    .footerleft ul li {        margin-bottom: 10px;    }    .footerleft ul li span {        flex: 1;        padding-left: 5px;        color: var(--main-color-white);        font-size: 14px;    }    .footerright {        flex: 1;        padding: 0 20px;        border-right: 1px solid #2c2c2c    }    .footercode {        width: 120px;        margin-left: 30px;    }    .footercode img {        width: 100%;        height: 120px;        object-fit: cover;    }    .footercode p {        margin: 10px 0;        text-align: center;        font-size: 14px;        color: var(--main-color-white);    }    .footerright ul {        display: flex;        flex-wrap: wrap;    }    .footerright ul li {        padding: 0 20px;        border-right: 1px solid #2c2c2c;        width: 16%;        margin-bottom: 20px;    }    .footerright ul li:last-child {        border-right: 0 !important;    }    .f_a {        font-size: 15px;        color: var(--main-color-white);        display: block;        margin-bottom: 30px;        text-align: center;    }    .s_a {        font-size: 13px;        text-align: center;        display: block;        margin-bottom: 10px;        color: #ffffff99;    }    .aboutus1 {        padding: 15px 0;        padding-bottom: 50px;    }    .aboutus2 {        padding: 50px 0;        background-color: #f2f4f7;    }    .aboutus2con {        max-width: 1490px;        padding: 0 65px;        margin: 0 auto;    }    .aboutus2con ul {        display: flex;        flex-wrap: wrap;    }    .aboutus2con ul li {        cursor: pointer;        width: calc((100% - 60px) / 4);        margin-right: 20px;        margin-bottom: 20px;    }    .aboutus2con ul li img {        width: 100%;        height: 250px;        object-fit: cover;    }    .aboutus2con ul li:nth-child(4n) {        margin-right: 0;    }    .li_txt {        padding: 20px;        background-color: var(--main-color-white);    }    .li_txt p {        color: var(--main-color-222);        font-weight: bold;        font-size: 17px;        margin-bottom: 10px;		    width: 100%;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;    }    .li_txt span {        color: var(--main-color-666);		    width: 100%;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 3;    }    .aboutus3 {        padding: 50px 0;    }    .aboutus3con {        max-width: 1490px;        padding: 0 65px;        margin: 0 auto;    }    .about3_tab {        padding-top: 20px;        border-top: 1px solid #cccccc;        justify-content: center;        display: flex;        align-items: center;    }    .about3_tab span {        cursor: pointer;        margin: 0 10px;        font-size: 16px;        color: var(--main-color-666);        font-weight: bold;    }    .about3_active {        color: var(--main-color-222) !important;    }    .about3_content {        margin-top: 50px;        display: flex;        align-items: center;        justify-content: space-between;    }    .ab3_left {        width: 55%;    }    .ab3_left img {        width: 100%;        height: 400px;        object-fit: cover;    }    .ab3_right {        width: 42%;        padding-left: 50px;    }    .ab3_right strong {        color: #1bb8e2;        font-size: 100px;        margin-bottom: 20px;    }    .ab3_right p {        font-size: 16px;        color: var(--main-color-666);        line-height: 30px;    }    .aboutus4 {        width: 100%;        padding: 50px 0;        background-color: #f2f4f7;    }    .aboutus4con {        width: 100%;        max-width: 1490px;        padding: 0 65px;        margin: 0 auto;    }    .ab_title {        margin-bottom: 40px;    }    .ab_title p {        font-size: 35px;        text-align: center;        color: var(--main-color-white);        margin-bottom: 10px;    }    .ab_title span {        display: block;        font-size: 30px;        text-align: center;        color: var(--main-color-white);    }    .mySwiper_honor {        width: 100%;        padding-bottom: 50px !important;    }    .mySwiper_honor img {        width: 100%;        height: 210px;        object-fit: cover;    }    .mySwiper_honor .swiper-pagination-bullet {        width: 40px;        height: 4px;        background-color: var(--main-color);        border-radius: 0 !important;    }    .mySwiper_honor .swiper-slide {        padding: 10px;        background-color: var(--main-color-white);    }}@media only screen and (max-width: 996px) {    .mySwiper_honor .swiper-slide {        padding: 10px;        background-color: var(--main-color-white);    }    .aboutus4 {        width: 100%;        padding: 30px 15px;        background-color: #f2f4f7;    }    .aboutus4con {        width: 100%;    }    .ab_title {        margin-bottom: 30px;    }    .ab_title p {        font-size: 20px;        text-align: center;        color: var(--main-color-white);        margin-bottom: 10px;    }    .ab_title span {        display: block;        font-size: 15px;        text-align: center;        color: var(--main-color-white);    }    .mySwiper_honor {        width: 100%;        padding-bottom: 30px !important;    }    .mySwiper_honor img {        width: 100%;        height: 150px;        object-fit: cover;    }    .mySwiper_honor .swiper-pagination-bullet {        width: 40px;        height: 4px;        background-color: var(--main-color);        border-radius: 0 !important;    }    .aboutus3 {        padding: 30px 15px;    }    .aboutus3con {        margin: 0 auto;    }    .about3_tab {        padding-top: 20px;        border-top: 1px solid #cccccc;        justify-content: center;        display: flex;        align-items: center;    }    .about3_tab span {        cursor: pointer;        margin: 0 10px;        font-size: 14px;        color: var(--main-color-666);        font-weight: bold;    }    .about3_active {        color: var(--main-color-222) !important;    }    .about3_content {        margin-top: 30px;        display: flex;        flex-wrap: wrap;        align-items: center;        justify-content: space-between;    }    .ab3_left {        width: 100%;    }    .ab3_left img {        width: 100%;        object-fit: cover;    }    .ab3_right {        width: 100%;        margin-top: 20px;    }    .ab3_right strong {        color: #1bb8e2;        font-size: 30px;        margin-bottom: 15px;    }    .ab3_right p {        font-size: 14px;        color: var(--main-color-666);        line-height: 30px;    }    .aboutus1 {        padding: 30px 15px;    }    .aboutus2 {        padding: 30px 15px;        background-color: #f2f4f7;    }    .aboutus2con {        margin: 0 auto;    }    .aboutus2con ul {        display: flex;        flex-wrap: wrap;    }    .aboutus2con ul li {        cursor: pointer;        width: 100%;        margin-bottom: 20px;    }    .aboutus2con ul li img {        width: 100%;    }    .li_txt {        padding: 15px;        background-color: var(--main-color-white);    }    .li_txt p {        color: var(--main-color-222);        font-weight: bold;        margin-bottom: 10px;        font-size: 14px;    }    .li_txt span {        color: var(--main-color-666);    }    .foot {        padding: 30px 15px;        background-color: #162238;    }    .footer {        margin: 0 auto;        display: flex;        flex-wrap: wrap;    }    .footerleft {        width: 100%;        margin-bottom: 25px;    }    .footerleft ul li {        display: flex;        align-items: center;    }    .footerleft ul li i {        font-size: 15px !important;        color: var(--main-color-white);        width: 20px !important;    }    .footerleft ul li {        margin-bottom: 10px;    }    .footerleft ul li span {        flex: 1;        padding-left: 5px;        color: var(--main-color-white);        font-size: 14px;    }    .footerright {        width: 100%;    }    .footercode {        width: 100%;    }    .footercode img {        width: 120px;        height: 120px;        object-fit: cover;    }    .footercode p {        margin: 10px 0;        font-size: 14px;        color: var(--main-color-white);    }    .footerright ul {        display: flex;        flex-wrap: wrap;    }    .footerright ul li {        margin-right: 10px;        margin-bottom: 15px;    }    .footerright ul li:last-child {        border-right: 0 !important;    }    .f_a {        font-size: 15px;        color: var(--main-color-white);        display: block;        margin-bottom: 30px;        text-align: center;    }    .s_a {        display: none;    }    .con5 {        padding: 30px 15px;        background-image: url(../images/bg2.png);        background-repeat: no-repeat;        background-size: cover;        padding-bottom: 340px;    }    .con5con {        max-width: 1490px;        padding: 0 65px;        margin: 0 auto;    }    .con5con ul {        display: flex;        flex-wrap: wrap;        justify-content: space-between;        align-items: center;    }    .con5con ul li {        width: 48%;        margin-bottom: 20px;    }    .con5con ul li strong {        display: block;        text-align: center;        color: var(--main-color);        font-size: 30px;        font-weight: normal;    }    .con5con ul li p {        font-size: 16px;        color: var(--main-color);        text-align: center;        margin-top: 10px;    }    .con4 {        padding: 30px 15px;        background-color: #f2f4f7;    }    .con4con {        margin: 0 auto;    }    .con4con ul {        display: flex;        flex-wrap: wrap;        justify-content: space-between;    }    .con4con ul li {        width: 100%;        flex-direction: column-reverse;        border: 2px solid var(--main-color);        cursor: pointer;        box-shadow: var(--main-shadow);        display: flex;        background-color: var(--main-color-white);        justify-content: space-between;        transition: var(--main-transition);        margin-bottom: 30px;        padding: 20px;    }    .n_left {        width: 100%;        margin-top: 20px;    }    .n_left>a {        display: block;        width: 100%;        overflow: hidden;        text-overflow: ellipsis;        display: -webkit-box;        -webkit-box-orient: vertical;        -webkit-line-clamp: 1;        color: var(--main-color);        font-size: 15px;        font-weight: bold;        margin-bottom: 15px;    }    .n_left p {        font-size: 14px;        color: var(--main-color-666);        width: 100%;        overflow: hidden;        text-overflow: ellipsis;        display: -webkit-box;        -webkit-box-orient: vertical;        -webkit-line-clamp: 2;        line-height: 25px;    }    .n_left span {        color: var(--main-color);        font-size: 14px;        display: block;        margin-top: 15px;    }    .n_left span i {        transition: var(--main-transition);    }    .n_right {        width: 100%;        overflow: hidden;    }    .n_right img {        width: 100%;        transition: var(--main-transition);    }    .more {        display: block;        margin: 0 auto;        margin-top: 30px;        width: 120px;        height: 40px;        line-height: 40px;        text-align: center;        font-size: 14px;        color: var(--main-color-white);        background-color: var(--main-color);    }    .con3 {        padding: 30px 15px;        background-image: url(../images/bg1.png);        background-repeat: no-repeat;        background-size: cover;    }    .con3con {        margin: 0 auto;    }    .con_title {        margin-bottom: 30px;    }    .con_title strong {        display: block;        text-align: center;        font-size: 25px;        margin-bottom: 15px;        color: var(--main-color);    }    .con_title p {        margin: 0 auto;        color: var(--main-color-666);        font-size: 13px;        text-align: center;        line-height: 25px;    }    .con3con ul {        display: flex;        flex-wrap: wrap;        justify-content: space-between;    }    .con3con ul li {        width: 100%;        position: relative;        margin-bottom: 40px;    }    .con3con ul li:hover img {        transform: scale(1.1);    }    .con3con ul li img {        width: 100%;        transition: var(--main-transition);        object-fit: cover;    }    .con3pos {        width: 100%;        padding: 20px;        background-color: var(--main-color-white);        z-index: 99;    }    .con3pos strong {        font-size: 22px;        display: block;        margin-bottom: 15px;        color: var(--main-color);    }    .con3pos p {        font-size: 14px;        color: var(--main-color-666);        width: 100%;        overflow: hidden;        text-overflow: ellipsis;        display: -webkit-box;        -webkit-box-orient: vertical;        -webkit-line-clamp: 1;    }    .con3img {        overflow: hidden;    }    .con2 {        padding: 30px 15px;        background-color: #f2f4f7;    }    .con2con {        margin: 0 auto;        display: flex;        flex-direction: column-reverse;        justify-content: space-between;    }    .con2left {        width: 100%;    }    .con2right {        width: 100%;        margin-bottom: 25px;    }    .con2swiper {        width: 100%;    }    .con2swiper img {        width: 100%;    }    .con2left ul li {        display: flex;        justify-content: space-between;        margin-bottom: 20px;    }    .con2left ul li img {        width: 40px;        height: 40px;    }    .con2_li_r {        flex: 1;        padding-left: 15px;    }    .con2_li_r strong {        font-size: 20px;        color: var(--main-color);        margin-bottom: 5px;        display: block;    }    .con2_li_r p {        font-size: 13px;        color: var(--main-color-666);        line-height: 25px;    }    .con1 {        padding: 30px 15px;    }    .con1con {        margin: 0 auto;        display: flex;        flex-wrap: wrap;        justify-content: space-between;        align-items: center;    }    .con1left {        width: 100%;        margin-bottom: 25px;    }    .con1left img {        width: 100%;    }    .con1right {        width: 100%;    }    .con1right strong {        display: block;        font-size: 25px;        font-weight: normal;        margin-bottom: 20px;display:none;    }    .con1right p {        line-height: 25px;        font-size: 14px;        color: var(--main-color-666);    }    .inbanner {        width: 100%;        height: 200px;        background-image: url(../images/inbanner.png);        background-repeat: no-repeat;        background-size: cover;        display: flex;             align-items: center;        justify-content: center;    }    .inbanner strong {        display: block;        color: var(--main-color-white);        font-size: 25px;        font-weight: normal;display:none;    }    .inside {        margin: 0 auto;        padding: 15px;    }    .inside p {        font-size: 14px;        color: var(--main-color-222);    }    .copy {        width: 100%;        text-align: center;        padding: 15px;        border-top: 1px solid #555555;        background-color: #3b3d40;        margin-bottom: 60px;    }    .copycon {        text-align: center;        text-align: center;        font-size: 13px;        color: var(--main-color-999);        margin: 0 auto;    }    .copycon a {        font-size: 13px;        color: var(--main-color-999);    }    .ml_banner {        width: 100%;        margin-top: 60px !important;    }    .ml_banner img {        width: 100%;    }    .bannerpage .swiper-pagination-bullet {        width: 10px !important;        height: 10px !important;    }    .bannerbtn {        width: 40px !important;        height: 40px !important;        display: flex;        align-items: center;        justify-content: center;        color: var(--main-color-white);        font-size: 25px;        transition: var(--main-transition);        background: rgba(0, 0, 0, .7);        background-image: none !important;    }    .pchead {        display: none;    }    .pcnav {        display: none;    }    .ml_mb_arrowChange {        transform: rotate(90deg);    }    .ml_mbnav_3 {        display: none;    }    .ml_mbnav_3_item {        display: flex;        padding: 0 20px;        justify-content: space-between;        align-items: center;        border-bottom: 1px solid #f3f3f3;        background-color: #efefef;    }    .ml_mbnav_3_item>a {        display: block;        width: 100%;        height: 40px;        line-height: 40px;        color: var(--main-color-666);        font-size: 14px;        padding-left: 35px;    }    .ml_mb_nav i {        font-size: 22px !important;        transition: var(--main-transition);    }    .ml_mbnav_2_item {        display: flex;        padding: 0 20px;        justify-content: space-between;        align-items: center;        border-bottom: 1px solid #f3f3f3;        background-color: #e3e3e3;    }    .ml_mbnav_2_item>a {        display: block;        height: 40px;        width: 100%;        line-height: 40px;        color: var(--main-color-666);        font-size: 14px;        padding-left: 20px;    }    .ml_mbnav_2 {        display: none;    }    .ml_mbnav_1_item>a {        display: block;        height: 40px;        line-height: 40px;        color: var(--main-color-666);        font-size: 14px;        width: 100%;    }    .ml_mbnav_1_item {        display: flex;        padding: 0 20px;        justify-content: space-between;        align-items: center;        border-bottom: 1px solid #f3f3f3;    }    .ml_mb_nav {        width: 100%;        height: calc(100% - 60px);        position: fixed;        top: 60px;        right: -100%;        background-color: var(--main-color-white);        z-index: 100;        border-top: 1px solid #ccc;        overflow: scroll;        padding: 20px 0;        transition: var(--main-transition);    }    .mb_navShow {        right: 0 !important;    }    .hb_fadeout {        opacity: 0 !important;    }    .change2 {        transform: translateY(-10px) rotate(-45deg);    }    .change1 {        transform: translateY(10px) rotate(45deg);    }    .hb span {        display: block;        width: 30px;        height: 1px;        background-color: var(--main-color-666);        transition: var(--main-transition);    }    .hb {        display: flex;        flex-wrap: wrap;        justify-content: space-between;        height: 20px;        flex-direction: column;    }    .ml_mb_logo img {        height: 45px;    }    .ml_mb_head {        display: flex;        height: 60px;        padding: 0 20px;        background-color: rgb(0, 0, 0, 0.1);        position: fixed;        top: 0;        left: 0;        align-items: center;        justify-content: space-between;        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;        width: 100%;        z-index: 99;    }    .ml_pcheader {        display: none;    }}