/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, input, button, textarea, dl, dt { margin: 0; padding: 0; list-style: none; text-decoration: none; border: 0; list-style: none; font-family: normal; font-weight: normal; }
body { font-size: 14px; color: #111; overflow-x: hidden; }
a img { border: 0; }
em { font-style: normal; }
body.head_on { overflow: hidden; }
a { text-decoration: none; color: #333; transition: all .3s; }
* { box-sizing: border-box; letter-spacing: 1px;}
input, select, textarea { outline: none; }
.clear { margin: 0; padding: 0; font-size: 0; clear: both; }
.wapper { width: 100%; max-width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
.wapper1 { width: 100%; max-width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
@media only screen and (min-width: 1001px) {
.wapper { width: 17.5rem; margin: 0 auto; }
.wapper1 { width: 15.6rem; margin: 0 auto; }
}
:root { 
 --primary-color:#00c672;
 --font-color:#666;
 --main-white:#fff;
}
/* 轮播图通用 */
.swiper { width: 100%; height: 100%; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide img { width: 100%; }
.overflow1 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; display: block; }
.overflow2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.overflow3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.searchbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; z-index: 99; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.5s; }
.searchbox.on { opacity: 1; visibility: visible; }
.s_close { position: absolute; top: 50%; transform: translateY(-50%); right: 5%; cursor: pointer; }
.search { width: 100%; max-width: 12rem; display: flex; align-items: center; border: 1px solid #000; border-radius: 50px; overflow: hidden; margin: 0 auto; }
.search .s_text { width: 80%; background-color: #fff; padding: 0 10px; height: 40px; line-height: 40px; }
.search .s_btn { width: 20%; background-color: #000; color: #fff; font-size: 20px; font-weight: 300; height: 40px; line-height: 40px; text-align: center; display: block; }
/* 导航 */
.headerbox { width: 100%; margin: 0 auto; background: linear-gradient(to bottom, #000, transparent); position: relative; position: fixed; z-index: 99; }
.headerbox .header { display: flex; justify-content: space-between; padding-bottom: .2rem; }
.logo { font-size: 0; padding-top: .3rem; }
.logo img { max-width: 100%; width: 1.2rem; }
.headerbox .header .menu { position: relative; }
.headerbox .header .menu ul li { display: inline-block; padding: .2rem .4rem;
}
.headerbox .header .menu ul li a {
 font-size: .2rem; color: #fff; font-weight: 300; padding: .05rem .05rem;
display: inline-block; position: relative; }
.headerbox .header .menu>ul>li.curr>a:after, .headerbox .header .menu>ul>li:hover>a:after { content: ""; width: 30%; height: 2px; background-color: #00c672; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; }
.headerbox .header .menu ul li .sub_menu { min-width: 120%; position: absolute; top: 140%; left: 0%; z-index: 10; visibility: hidden; opacity: 0; padding: 0 5%; background: rgb(0, 0, 0, 0.2); border-radius: 50px; display: flex; flex-wrap: wrap; transition: all 400ms ease;}
.headerbox .header .menu ul li:hover > dl { opacity: 1; visibility: visible; top: 100%; }
.headerbox .header .menu ul li dd { position: relative; display: block; padding: 10px 0; text-align: center; transition: all 400ms ease; }
.headerbox .header .menu ul li dl dd a {font-size: .2rem; font-weight: 300; color: #fff; padding: 5px .2rem; text-align: left; display: inline-block; position: relative; text-decoration: none; outline: none; text-align: center; text-transform: none; transition: all 400ms ease; }
.headerbox .header .menu ul li dl dd a:after { width: 1px; height: 60%; right: 0; top: 50%; transform: translateY(-50%); background-color: #fff; content: ""; position: absolute; }
.headerbox .header .menu ul li dl dd:last-child a:after { display: none; }
.headerbox .header .menu ul li dl dd a:hover { color: var(--primary-color); }
.h_right { display: flex; align-items: center; }
.h_lan { position: relative; margin-right: .25rem; padding: .2rem 0; margin-left: 1.2rem; cursor: pointer; }
.lan { display: flex; align-items: center; font-size: .2rem; color: #fff; font-weight: 300; }
.lan i { margin-left: .1rem;}
.h_lan:hover .lan_list { display: block; }
.lan_list { display: none; position: absolute; top: 100%; background-color: #fff; z-index: 90; min-width: 120px; }
.lan_list.on { display: block; }
.lan_list ul li { width: 100%; padding: .1rem .1rem;}
.lan_list ul li a {font-size: .16rem; color: #333; }
.lan_list ul li:hover { background-color: #00c672; }
.lan_list ul li:hover a { color: #fff; }
.h_search {width: .6rem;height: .4rem; line-height: 1.5; border-radius: 20px; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; font-size: 0; margin-right: .2rem;cursor: pointer; }
.h_search img { max-width: 33%; width: auto; }
.h_login { }
.h_login a { display: inline-block; width: 1.1rem; height: .4rem;line-height: .4rem;text-align: center; border-radius: 50px; font-size: .2rem;color: #333; font-weight: 300; background-color: #fff; }


.headerbox .header .menu>ul>li:nth-child(2)>.sub_menu {padding-left: 15.5%;}
.headerbox .header .menu>ul>li:nth-child(3)>.sub_menu {padding-left: 33%;}
.headerbox .header .menu>ul>li:nth-child(4)>.sub_menu {padding-left: 51%;}
.headerbox .header .menu>ul>li:nth-child(5)>.sub_menu {padding-left: 68%;}
.headerbox .header .menu>ul>li:nth-child(6)>.sub_menu {padding-left: 85.5%;}




/*mMenu*/
.m_header { width: 100%; }
.sp_header { height: 70px; background: linear-gradient(to bottom, #000, rgba(0,0,0,.1)); position: fixed; z-index: 999; width: 100%; display: none; top: 0; align-items: center; justify-content: space-between; }
.sp_logo { height: 70px; display: flex; justify-content: center; align-items: center; padding-left: 15px; }
.sp_logo img { margin: auto; max-height: 50px; display: block; }
.sp_right{display: flex;align-items: center;}
.sp_right .h_lan{margin-right: 20px;}
.sp_nav { width: 30px; position: relative; cursor: pointer; height: 29px; margin-right:15px;}
/* 横杠 */
.sp_nav span { display: block; background: #fff; width: 30px; height: 3px; position: absolute; left: 0px; transition: all ease 0.35s }
.sp_nav span:nth-of-type(1) { top: 0px }
.sp_nav span:nth-of-type(2) { top: 13px }
.sp_nav span:nth-of-type(3) { top: 26px }
.sp_nav_se span:nth-of-type(1) { top: 10px; transform: rotate(45deg) }
.sp_nav_se span:nth-of-type(2) { width: 0 }
.sp_nav_se span:nth-of-type(3) { top: 10px; transform: rotate(-45deg) }
.sjj_nav { position: fixed; z-index: 9999; background: var(--main-white); width: 100%; height: calc(100% - 70px); font-size: 14px; line-height: 40px; top: 70px; left: 0; overflow: auto; overflow-x: hidden; transition: top ease 0.35s; display: none; transition: all ease 0.35s }
.nav_show { display: block; }
.sjj_nav ul li i { position: absolute; top: 5px; right: 0px; height: 30px; padding: 0px 7px 0 7px; }
.sjj_nav ul li i svg { transform: rotate(-90deg); transition: all ease 0.35s }
.sjj_nav ul li .sjj_nav_i_se svg { transform: rotate(0deg) }
.sjj_nav ul li { border-bottom: 1px dashed #ddd; ; position: relative; line-height: 45px; font-size: 16px }
.sjj_nav>ul >li:last-child { border-bottom: 1px dashed #ddd; }
.sjj_nav ul li ul { display: none }
.sjj_nav ul li a { color: var(--font-color); width: 100%; padding: 0 20px; display: block; box-sizing: border-box; }
.sjj_nav ul li a:hover { color: #000000; }
.sjj_nav ul li ul li a { color: var(--font-color); display: block; text-align: left; }
.sjj_nav ul li i svg { width: 25px; height: 25px; fill: #333; }
.sjj_nav ul li .sjj_nav_i_se svg { fill: #333; }
.sjj_nav ul li ul li>ul { margin-left: 10px }
.sjj_nav ul li ul li { border-top: none; }
.sjj_nav ul li ul li a { padding: 0 30px; }
.img { width: 100%; font-size: 0; }
    .img img {
       
        width: 100%;
    }
/* bannerbox */
.bannerbox { width: 100%; margin: 0 auto; position: relative; }
.bannerbox .text { position: absolute; top: 32%; left: 50%;transform: translateX(-50%);width: 100%;max-width: 15.6rem;padding: 0 15px;}
.bannerbox .text h1 {
    margin-bottom: 30%;
    font-size: .55rem;
    color: #252525;
    font-weight: 300;
}
.bannerbox .text .b_more { display: inline-block; width: 3rem; text-align: center; line-height: 2.5; background-color: #88e53e; font-size: .25rem;color: #252525; font-weight: 300; border-radius: 50px; }
.pt130 { padding-top: .4rem; }
.pb80 { padding-bottom: .4rem;}
.pd50 { padding: .5rem 0;}
/* footer */
footer { width: 100%; margin: 0 auto; }
.ftbox { width: 100%; margin: 0 auto; padding-top: 1rem; padding-bottom: .45rem;}
.footer { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 15.6rem; margin: 0 auto; padding: 0 15px;}
.f_ewm { width: 45%; }
.f_nav { width: 53%; }
.f_ewm ul { display: flex; flex-wrap: wrap; }
.f_ewm ul li { width: 25%; padding: 0 .1rem;font-size: 0; }
.f_btn { display: inline-block; margin-top: .35rem; font-size: 0; }
.f_btn img { max-width: 100%; height:.68rem;}
.f_nav ul { display: flex; flex-wrap: wrap; }
.f_nav ul li { width: 16%; padding: 0 .1rem;}
.f_nav ul li dt { margin-bottom: 10px; }
.f_nav ul li dt a {letter-spacing: .02rem;font-size: .22rem; color: #333; font-weight: 600; }
.f_nav ul li dd a {letter-spacing: .02rem;font-size: .22rem; color: #818181; font-weight: 400; }
.f_nav ul li dd { margin-bottom: 10px; }
.f_center {
    width: 100%;
    padding-top: 0.4rem;
    padding-bottom: 0.3rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    max-width: 15.6rem;
    margin: 0 auto;
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 15px;
}
.f_center .f_logo{width: 20%;font-size: 0;}
    .f_center .f_logo img {
        min-width: 60%;
        max-width: 65%;
        width: auto;
    }
.f_center ul { width: 70%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.f_center ul li{width: 23%;padding: 0 2%;font-size: 0;display: flex;align-items: center;justify-content: center;}
.f_center ul li a{display: flex;align-items: center;justify-content: center;font-size: 0;width: 100%;}
.f_center ul li a img{max-width: 100%;width: auto;filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);transition: all 0.5s;}
.f_center ul li:hover a img{filter: none;}


.f_bot {
    background: #004e35;
    width: 100%;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    background-repeat: no-repeat;
    background-size: cover;
    
}
.f_bot .inner { width: 100%;max-width: 15.6rem;padding-left: 15px;padding-right: 15px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; }
.f_bot .inner p {font-size: .2rem; color: #78ae8c; }
.f_bot .inner p a { color: #78ae8c; cursor: pointer;}
.mb150 { margin-bottom: 0.5rem !important; }
/* 通用内页 */
.inbannerbox { position: relative; width: 100%; margin: 0 auto; }
.insidebox { width: 100%; margin: 0 auto; }
.insidebox .inside { width: 100%; box-sizing: border-box; }
.i1_title { width: 100%; text-align: center;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.i1_title h1 {font-size: .4rem; color: #000;font-weight: 500; margin-right: 10px;}
    .i1_title h3 {
        text-transform: uppercase;
        font-size: .3rem;
        color: #000;font-weight: 500;
    }
/* ================首页样式========================= */
.index1box { width: 100%; margin: 0 auto; }
.index1box .i1_title { padding-bottom: .3rem;border-bottom: .2rem solid #004e35;}
.index1 { width: 100%; margin: 0 auto; position: relative; padding: 0.6rem 0; }
.index1 ul { display: flex; flex-wrap: wrap; position: relative; z-index: 2; }
.index1 ul li { width: 23.5%; margin-right: 2%; height: 5rem; border-radius: 20px; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; padding: 0.35rem 0.3rem; display: flex; flex-direction: column; align-items: center; justify-content: space-between; cursor: pointer;position: relative;}
.index1 ul li:nth-child(4n) { margin-right: 0; }
.kuang1, .kuang2 { position: absolute; max-width: 100%; width: 33%; }
.kuang1 {display:none; left: 10%; top: 10%; }
.kuang2 {
    display: none;
    right: 10%;
    bottom: 10%;
}
.index1 ul li .img { display: flex; align-items: center; justify-content: center; width: 100%; font-size: 0; height: 3rem; }
.index1 ul li .img img { max-width: 100%; width: auto; }
.index1 ul li:hover .img{display: none;}
.index1 ul li span { display: inline-block; background-color: #fff; width: 100%; border-radius: 50px; line-height: 1.5;font-size: 0.24rem; color: #252525; font-weight: 400; text-align: center; }
.index1 ul li:hover span{display: none;}
.index1 ul li .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgb(0, 198, 114,0.8);padding: .35rem .3rem;opacity: 0;visibility: hidden;transition: all 0.5s;}
.index1 ul li:hover .text{opacity: 1;visibility: visible;}
.index1 ul li .text .i1_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    margin-bottom: 0.4rem;
}
    .index1 ul li .text .i1_logo img {
        height: 30px;
        max-width: 100%;
        width: auto;
    }
.index1 ul li .text .desc {
    letter-spacing: 4px;
    background-color: rgb(0, 0, 0,0.5);
    border-radius: 10px;
    padding: 0.2rem;
    font-size: .16rem;
    color: #fff;
    min-height: 320px;
}


.index2box {
    width: 100%;
    margin-top: 0.6rem;
    margin-bottom: 2rem;
}
.index2{width: 100%;max-width: 15.6rem;margin: 0 auto;padding: 0 15px;}
.index2 .inner {width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;background-color: #f1f1f1;align-items: center;padding: 5% 0;border-radius: 20px;padding-left: 5%;}
.i2_text { width: 48%; position: relative;}
.i2_text:after{width: 100%;top: 50%;left: 0%;transform: translateY(-50%);background-color: #004e35;content: "";z-index: -1;height: 160%;border-radius: 20px;position: absolute;}
.i2_text h1 { font-size: 0.35rem; color: #333; margin-bottom: 0.3rem; font-weight: 500; }
.i2_text p { font-size: 0.24rem; color: #333; font-weight: 350; margin-bottom: 0.4rem; line-height: 1.5; letter-spacing: .02rem; }
.i2_text .i2_btn img { display:inline-block; vertical-align:top; height:.48rem;}
.index2 .img {width: 48%;font-size: 0;}
.index2 .img img{width: 100%;}



.index3box {
    width: 100%;
    margin: 1.5rem auto 1rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;position: relative;padding: 5% 0;
}
.index3box:after{content: "";position: absolute;background: #00c672;width: 90%;border-radius: 20px;height: 110%;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;}
.index3box .i1_title{width: 100%;margin-bottom: 5%;}
    .index3box .i1_title h1 {
        width: 100%;
        color: #fff;
    }
.index3box .i1_title h3{color: #fff;}
.index3 { width: 100%;}
.i3_list { background-position: center; width: 100%; max-width: 12.7rem; margin: 0 auto;position: relative; margin-bottom: 0.6rem; }
.i3_img { position: absolute; left: 50%; top: 50%; width: 110%; transform: translate(-50%, -50%);}
.i3_list ul { display: flex; flex-wrap: wrap; position: relative; z-index: 2; }
.i3_list ul li { width: 33.33%; display: flex; align-items: center; justify-content: center; font-size: 0; flex-direction: column; margin-bottom: 1.2rem; }
.i3_list ul li:nth-child(4) { margin-bottom: 0; }
.i3_list ul li:nth-child(5) { margin-bottom: 0; }
.i3_list ul li:nth-child(6) { margin-bottom: 0; }
.i3_list ul li img { width:100%; width: 1.63rem; margin-bottom: .1rem; }
.i3_list ul li p { text-align: center; font-size:.25rem;color: #fff; }
.i3_list ul li:nth-child(2n) p { color: #008a54; }
.i3_content { width: 100%; max-width: 15.2rem; margin: 0 auto; margin-bottom: 2.5rem; display: none;}
.i3_content ul li { width: 100%; margin-bottom: 0.25rem; }
.i3_content ul li p { background-color: #00c672; font-size: 0.3rem; color: #000; padding: 0.25rem 0; text-align: center; border-radius: 20px; line-height: 1.5; }
.i3_content ul li:nth-child(2n) p { background-color: transparent; color: #fff; }



.index4box { width: 100%; margin: 0 auto; background-repeat: no-repeat; background-size: 100% 100%; padding: .2rem 2rem; margin-bottom: 0.5rem; }
.index4box .i1_title{margin-bottom: 5%;}
.index4box .i1_title h1{color: #fff;}
.index4box .i1_title h3{color: #fff;}
.i4_content { width: 100%; margin: 0 auto;max-width: 15.6rem;padding: 0 15px;padding-bottom: 5%;}
.i4_content .inner { width: 100%;  overflow: hidden; }
.i4_content .inner .swiper-slide { text-align: left; background-color: transparent; }
.i4_content .inner .swiper-slide a { display: block; width: 100%; margin:0 .5rem}
.i4_content .inner .swiper-slide a .img { margin-bottom: .2rem; border-radius: 20px; overflow: hidden; }
.i4_content .inner .swiper-slide a .date {font-size: .24rem; color: #666; margin-bottom: .1rem; }
    .i4_content .inner .swiper-slide a h3 {
        font-size: .26rem;
        color: #000;
        margin-bottom: 0.1rem;
        border-bottom: 1px solid #000;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
.i4_content .inner .swiper-slide a p {font-size: .2rem; color: #666; line-height: 1.5; }
.my_page { display: flex; align-items: center; justify-content: center; margin-top: .7rem; }
.i4_prev, .i4_next { width: 35px; height: 35px; border-radius: 50%; border: 2px solid #000; font-size: .25rem;color: #000; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.i4_pagination { width: auto !important; padding: 0 .5rem; position: unset !important; }
.i4_pagination .swiper-pagination-bullet { font-size: 20px; color: #000; opacity: 0.6; background: #fff; padding: 0 .3rem; }
.i4_pagination .swiper-pagination-bullet-active { opacity: 1; }
/*  */
.about1box { width: 100%; margin: 0 auto; padding-top: 1.5rem; padding-bottom: 1.1rem; }
.about1 { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.about1 .a1_title { padding-right: 5%; position: relative; height: 1.9rem; }
.about1 .a1_text { padding-left: 5%; font-size: .4rem;color: #333; flex: 1; position: relative; line-height: 2; font-weight: 500; }
.about1 .a1_text:before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 100%; background-color: #000; width: 1px; content: ""; }
.about1 .a1_title h1 { font-size: 0.6rem; line-height: 1; margin-bottom: .1rem; }
.about2box { width: 100%; margin: 0 auto; }
.about2 { width: 100%; margin: 0 auto; background-color: #004e36; border-top-right-radius: 20px; border-bottom-right-radius: 20px; display: flex; flex-wrap: wrap; padding: 0.65rem 0; position: relative; overflow: hidden; }
.lv { position: absolute; right: 0; bottom: 0; width: 30%; height: .55rem; border-top-left-radius: 20px; background-color: #00c672; }
.a2_left { width: 45%; padding-left: 12%; padding-right: 2%; }
.a2_left p { font-size: 0.24rem; color: #fff; line-height: 2; margin-bottom: 0.6rem; }
.a2_left p:last-child { margin-bottom: 0; }
.a2_right { width: 55%; font-size: 0; }
.a2_right img { width: 100%; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
.a2_text { width: 100%; margin: 0 auto; margin-top: 0.7rem; }
.a2_text p { font-size: .24rem; color: #666; line-height: 2em; margin-bottom: .6rem; }
.a2_text p:last-child { margin-bottom: 0; }
.about3box { width: 100%; margin: 0 auto; margin-top: 0.55rem; }
.about3 { width: 85%; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 0.8rem 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.about3 .a1_title { width: 35%; padding-left: 12%; padding-right: 5%; position: relative; height: 1.9rem; display: flex; flex-direction: column; justify-content: center; }
.about3 .a1_title:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 100%; background-color: #000; width: 1px; content: ""; }
.about3 .a1_title1:after { background-color: #fff; }
.a3_text {
    width: 65%;
    padding-left: 5%;
    padding-right: 10%;
    font-size: 0.24rem;
    color: #000;
    font-weight: 300;
}
.a1_title h1 { font-size: 0.5rem; font-weight: 500; color: #000; }
.a1_title h3 { font-size: 0.3rem; color: #000; }
/*  */
.appbox { width: 100%; margin: 0 auto; }
.app { width: 100%; margin: 0 auto; }
.app ul li { width: 100%; margin-top: 1.2rem; position: relative; }
.app ul li:before { width: 50%; background-color: #004e35; content: ""; position: absolute; left: 0; top: 0; height: 100%; z-index: -1; }
.app ul li .inner { width: 100%; background-color: #fff; border: 1px solid #ddd; border-radius: 20px; max-width: 17rem; margin: 0 auto; padding: .65rem .85rem;display: flex; flex-wrap: wrap; justify-content: flex-start; }
.app ul li .inner .textbox { width: 47%; order: 0; }
.app ul li .inner .textbox .tit { display: flex; align-items: center; justify-content: space-between; margin-bottom: .6rem;}
.app ul li .inner .textbox .tit .icon { font-size: 0; max-width: 60%; order: 1;}
.app ul li .inner .textbox .tit .icon img { max-width: 100%; width: auto; }
.app ul li .inner .textbox .tit a { display: inline-block; font-size: 0; order: 0;}
.app ul li .inner .textbox .tit a img { max-width: 100%; height:.48rem}
.app ul li .inner .textbox .text {font-size: .29rem; color: #666; line-height: 1.9; }
.app ul li .inner .img { position: absolute; top: -.5rem; right: 0; width: 49%; }
.app ul li .inner .img img { border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
.app ul li:nth-child(2n):before { right: 0; left: auto; }
.app ul li:nth-child(2n) .inner { justify-content: flex-end; }
.app ul li:nth-child(2n) .inner .img { left: 0; }
.app ul li:nth-child(2n) .inner .img img { border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
/*  */
.roralbox { width: 100%; margin: 0 auto; }
.roralbox .i1_title { margin-bottom: 0.8rem; }
.roralbox ul li { width: 100%; position: relative; margin-bottom: 1.5rem; display: flex; justify-content: flex-start; }
.roralbox ul li:after { width: 55%; height: 100%; content: ""; background-color: #004e35; border-radius: 20px; z-index: -1; position: absolute; right: 0; top: 8%; }
.roralbox ul li .inner { width: 85%; border: 1px solid #ddd; background-color: #fff; border-top-right-radius: 20px; border-bottom-right-radius: 20px; display: flex; justify-content: flex-end; position: relative; padding: .65rem 1.5rem; justify-content: space-between; }
.roralbox ul li .inner .r_img { width: 45%; position: relative; }
.roralbox ul li .inner .r_text { width: 50%; }
.roralbox ul li .inner .r_text h3 { background-image: url(../images/t_bg.png); background-repeat: no-repeat; background-size: 100% 100%; font-size: 0.3rem; color: #fff; padding-left: 0.5rem; padding-right: 0.9rem; margin-bottom: 0.5rem; display: inline-block; height: .6rem; line-height: .6rem; }
.roralbox ul li .inner .r_text .desc { font-size: .25rem; color: #666; line-height: 1.5; }
.r_swiper { overflow: hidden; width: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 155%; border-radius: 20px; margin: 0 auto; }
.r_swiper .img { width: 100%; font-size: 0; height: 100%; }
.r_swiper .img img { width: 100%; height: 100%; object-fit: cover; }
.r_prev, .r_next { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 2; width:10%; text-align:center;}
.r_prev img, .r_next img { max-width: 100%; width: auto; }
.r_prev { left: 0; }
.r_next { right: 0; }
.roralbox ul li:nth-child(2n) { justify-content: flex-end; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.roralbox ul li:nth-child(2n):after { left: 0; right: auto; }
.roralbox ul li:nth-child(2n) .inner .r_img { width: 45%; order: 1; }
.roralbox ul li:nth-child(2n) .inner .r_text { width: 50%; order: 0; }
.r2_title {
    margin-top: -80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    margin-bottom: 1.2rem;
}
.r2_title img { max-width: 100%; width: auto; }
.r1_title {
   
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    margin-bottom: 1.2rem;
}


/*  */
.newsbox { width: 100%; margin: 0 auto; margin-top: 0.5rem;padding: 0;}
.newsbox .i1_title { margin-top: 0.5rem; margin-bottom: 0.75rem; }
.newsbox .i1_title h1{color: #000;}
.newsbox .i1_title h3{color: #000;}
.newsbox .news_content { margin-bottom: .5rem;}
.news_content .n2_swiper { width: 100%; overflow: hidden; }
.news_content .n2_swiper .swiper-slide { text-align: left; background-color: transparent; }
.news_content .n2_swiper .swiper-slide a { display: block; width: 100%; background-color: #f1f1f1; border-radius: 20px; }
.news_content .n2_swiper .swiper-slide a .img { margin-bottom: 0px; border-radius: 20px; overflow: hidden; }
.newsbox .n2_swiper .swiper-slide a .text { padding: .3rem 10%;}
.news_content .n2_swiper .swiper-slide a .date { font-size: 0.24rem; color: #666; margin-bottom: .1rem; }
.news_content .n2_swiper .swiper-slide a h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: .24rem;
    color: #000;
    margin-bottom: 0.1rem;
    border-bottom: 1px solid #000;
}
.news_content .n2_swiper .swiper-slide a p {
    font-size: .2rem;
    color: #666;
    line-height: 1.75;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.n2_prev, .n2_next { width: 35px; height: 35px; border-radius: 50%; border: 2px solid #000; font-size: 25px; color: #000; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.n2_pagination { width: auto !important; padding: 0 .5rem;position: unset !important; }
.n2_pagination .swiper-pagination-bullet {font-size: 20px; color: #000; opacity: 0.6; background: #fff; padding: 0 .3rem; }
.n2_pagination .swiper-pagination-bullet-active { opacity: 1; }
.news_content { width: 100%; margin: 0 auto; margin-top: .4rem;}
.newsbox1 { margin-top: 0; }
.news_content { width: 100%; max-width: 15.6rem; padding: 0 15px; }
.n1_swiper { overflow: hidden; }
.news_content .inner { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.news_content .swiper-slide { text-align: left; background-color: transparent; }
.news_content .swiper-slide .inner { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.news_content .swiper-slide .inner .left { width: 33%; height: 100%;}
.news_content .swiper-slide .inner .right { width: 64%; height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.news_content .swiper-slide .inner .left a { display: block; width: 100%; background-color: #f1f1f1; border-radius: 20px;height: 100%; }
.news_content .swiper-slide .inner .left a .img { border-radius: 5px; overflow: hidden; }
.news_content .swiper-slide .inner .left a .text { padding: .3rem 10%;}
.news_content .swiper-slide .inner .left a .date {font-size: .24rem; color: #666; margin-bottom: .1rem; }
.news_content .swiper-slide .inner .left a h3 {font-size: .26rem; color: #000; padding-bottom: .1rem; margin-bottom: .1rem;border-bottom: 1px solid #000; }
.news_content .swiper-slide .inner .left a p {font-size: .2rem; color: #666; line-height: 1.75; }
.news_content .swiper-slide .inner .right { }
    .news_content .swiper-slide .inner .right a {
        padding: 0.1rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: .2rem;
        background-color: #f1f1f1;
        border-radius: 20px;
    }
.news_content .swiper-slide .inner .right a:last-child { margin-bottom: 0; }
.news_content .swiper-slide .inner .right a .img { width: 2.7rem; }
    .news_content .swiper-slide .inner .right a .img img {
        width: 100%;
        object-fit: cover;
        height: 160px;
        border-radius: 20px;
    }
.news_content .swiper-slide .inner .right a .text { width: calc(100% - 3rem); }
.news_content .swiper-slide .inner .right a .text .date {font-size: .24rem; color: #666; margin-bottom: .1rem; }
.news_content .swiper-slide .inner .right a .text h3 {font-size: .26rem; color: #000; padding-bottom: .05rem; border-bottom: 1px solid #000; }
    .news_content .swiper-slide .inner .right a .text p {
        font-size: .2rem;
        color: #666;
        line-height: 1.75;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
.n1_prev, .n1_next {width: 35px; height: 35px; border-radius: 50%; border: 2px solid #000; font-size: 25px;color: #000; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.n1_pagination { width: auto !important; padding: 0 .5rem;position: unset !important; }
.n1_pagination .swiper-pagination-bullet { font-size: 20px; color: #000; opacity: 0.6; background: #fff; padding: 0 30px; }
.n1_pagination .swiper-pagination-bullet-active { opacity: 1; }




/*  */
.contact1box { width: 100%; margin: 0 auto; margin-top: .6rem; margin-bottom: .5rem;}
.contact1box .i1_title { margin-bottom: .5rem;}
.contact1box .b { border-top: .28rem solid #004e35; background-color: #f1f1f1; padding-top: .44rem;padding-bottom: .6rem;}
.contact1 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.c1_left { width: 46%; }
.c1_right { width: 46%; background-color: #fff; border-radius: 20px; padding: .5rem;}
.c1_left .c1_top { display: flex; align-items: center; justify-content: space-between; margin-bottom: .8rem;align-items: center; }
.c1_left .c1_top h3 { background-image: url(../images/t_bg.png); background-repeat: no-repeat; background-size: 100% 100%; font-size: .3rem;color: #fff; padding-left: .5rem;padding-right: .9rem;display: inline-block; height: .6rem; line-height: .6rem; }
.c1_left .c1_top a { display: inline-block; font-size: 0; }
.c1_left .c1_top a img { max-width: 100%; height:.66rem;}
.c1_left .desc {font-size: .3rem; color: #666; line-height: 1.8; }
.c1_right ul li { width: 100%; display: flex; align-items: flex-start; margin-bottom: .15rem; }
    .c1_right ul li span {
        display: inline-block;
        width: 1.3rem;
        margin-right: .2rem;
        font-size: .3rem;
        color: #2525259c;
        font-weight: 400;
    }
.c1_right ul li .c_text { flex: 1; border: 1px solid #252525; border-radius: 5px; height: .7rem; line-height: .7rem; padding: 0 .1rem; }
.c1_right ul li .c_text::placeholder{font-size: .25rem;color: #999;}
.c1_right ul li textarea { flex: 1; border: 1px solid #252525; border-radius: 5px; padding: .1rem; height: 1.4rem; }
.c1_right ul li textarea::placeholder{font-size: .25rem;color: #999;}
.c1_right ul li .c_btn { flex: 1; background-color: #252525; font-size: .28rem;color: #fff; font-weight: 300; height: .7rem; line-height: .7rem; border-radius: 5px; }

/* .contact2box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: .28rem solid #004e35; border-bottom: .28rem solid #004e35; margin-bottom: .5rem; }
.c2_left { width: 55%; background-color: #004e35; padding-left: 10%; padding-top: 5%; padding-bottom: 5%; padding-right: 3%; border-top-right-radius: 30px; border-bottom-right-radius: 30px; }
.c2_right { width: 45%; padding-left: 5%; padding-top: 4%; padding-bottom: 4%; }
.c2_left .c_t1 { background-image: url(../images/c_title_bg.png); background-repeat: no-repeat; background-size: 100% 100%; font-size: .3rem;color: #000; margin-bottom: .5rem; display: inline-block; height: .7rem; line-height: .6rem; text-align: center; padding: 0 1rem; }
.c2_left .c_t2 { background-image: url(../images/c_title_bg2.png); background-repeat: no-repeat; background-size: 100% 100%; font-size: .3rem;color: #000; padding-left: .5rem; padding-right: .5rem; margin-bottom: .5rem; display: inline-block; height: .7rem; line-height: .6rem; }
.c2_left .img { margin-bottom: .7rem; }
.c2_left .desc {font-size: .3rem; color: #fff; margin-bottom: 1rem; line-height: 1.8; }
.c2_left .c_e { display: flex; align-items: center; }
.c2_left .c_e img { max-width: 100%; height:.56rem; margin-right: .1rem; }
.c2_left .c_e span {font-size: .3rem; color: #fff; }
.c2_right h3 {font-size: .26rem; color: #000; margin-bottom: .5rem;font-weight: 500; }
.c2_right .item { width: 100%; max-width: 5.7rem; margin-bottom: .5rem;}
    .c2_right .item .desc {
        font-size: .26rem;
        line-height: 1.5;
        color: #2525259c;
        font-weight: 400;
    }
.contact3box { width: 100%; margin: 0 auto; background-color: #004e35; padding: .6rem 0;}
.contact3 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: .6rem 0;position: relative; }
.contact3:after { width: 1px; height: 100%; background-color: #fff; position: absolute; left: 30%; content: ""; top: 0; }
.c3_left { padding-right: 5%; width: 30%; }
.c3_right { padding-left: 5%; width: 70%; }
.c3_left h1 {font-size: .5rem; color: #fff; font-weight: 600; }
.c3_left h3 {font-size: .3rem; color: #fff; }
.c3_right {font-size: .3rem; color: #fff; font-weight: 300; line-height: 1.8; } */

.contact2box{width: 100%;margin: 0 auto;padding-top: 35px;}
.contact2{width: 100%;margin: 0 auto;}
.c2_title{background-repeat: no-repeat;background-image: url(../images/title_bg_C.png);font-size: .3rem;color: #000;font-weight: 500;width: 3.88rem;height: .7rem;text-align: center;line-height: 2;margin-bottom: .5rem;background-size: 100% 100%;}
.contact2 ul{display: flex;flex-wrap: wrap;}
.contact2 ul li{width: calc(calc(100% - 1rem) / 3);margin-right: .5rem;margin-bottom: .4rem;}
.contact2 ul li:nth-child(3n){margin-right: 0;}
.contact2 ul li .inner{padding: .3rem 0;border-bottom: 1px solid #c8c8c8;display: flex;align-items: flex-start;min-height: 4.8rem;}
.contact2 ul li.ts .inner:nth-child(1){min-height: 3.75rem;}
.contact2 ul li.ts .inner:nth-child(2){min-height: auto;}
.contact2 ul li .inner .icon{margin-right: 20px;font-size: 0;}
.contact2 ul li .inner .icon img{max-width: 100%;width: 45px;}
.contact2 ul li .inner .text{flex: 1;}
.contact2 ul li .inner .text h3{font-size: .24rem;color: #000;font-weight: 500;}
.contact2 ul li .inner .text .desc{font-size: .20rem;color: #5c5c5c;margin-top: 15px;    letter-spacing: 2px;}
.contact2 ul li .inner.flex{display: flex;align-items: center;}


.tc_flsm_box{ width:100%; height:100%; position:fixed; z-index:999; left:0; top:0; display:none;}
.tc_flsm_close1{ width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; z-index:1; left:0; top:0;}
.tc_flsm_bg{ width:90%; max-width:600px; padding-bottom:80px; position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%);}
.tc_flsm_close2{ width:60px; height:60px; line-height:60px; text-align:center; font-size:40px; color:#fff; background:#999; border-radius:100%; position:absolute; bottom:0; left:50%; transform:translateX(-50%); cursor:pointer;}
.tc_flsm{ background:#fff; padding:30px 5%; border-radius:20px;}
.tc_flsm .h2{ font-size:24px; line-height:34px; font-weight:bold; text-align:center; margin-bottom:30px;}
.tc_flsm_txt{ font-size:20px; line-height:30px; max-height:60vh; overflow-y:auto;}
@media(max-width:999px){
.tc_flsm{ padding:20px 5%; border-radius:10px;}
.tc_flsm .h2{ font-size:24px; line-height:34px; margin-bottom:20px;}
.tc_flsm_txt{ font-size:16px; line-height:26px; max-height:60vh; }
    .c2_title {
        width: 8.88rem;
        height: 1.7rem;
        line-height: 3;
    }
}




@media only screen and (max-width: 1670px) {
    
}

@media only screen and (max-width: 1300px) {
    
}

@media only screen and (max-width: 980px) {
    .headerbox { display: none; }
    .sp_header { display: flex; }
    /* .height { height: 70px; } */
    
    /* .bannerbox .text { width: 100%; padding: 0 15px; left: 0; top: 50%; transform: translateY(-50%); } */
    /* .bannerbox .text h1 { margin-bottom: 5%; font-size: 24px; margin-top: 10%;} */
    /* .bannerbox .text .b_more { width: 120px; height: 40px; line-height: 40px; font-size: 14px; } */
    .lan {font-size: 14px;}
    .lan_list {padding: 10px;}
    .lan_list ul li a {font-size: 14px;}
    .pd50 { padding: 25px 0; }
    .pt130 { padding-top: 40px; }
    .pb80 { padding-bottom: 40px; }
    .sp_nav {width: 30px;height:20px;}
	.sp_nav span{display:block;background:#fff;width: 20px;height: 2px;position:absolute;left: 0px;transition:all ease 0.35s}
	.sp_nav span:nth-of-type(1){top:0px}
	.sp_nav span:nth-of-type(2){top: 5px;}
	
	.sp_nav span:nth-of-type(3){top: 10px;} 
	.sp_nav_se span:nth-of-type(3) {top: 0px;}
    .kuang1, .kuang2 { display: none; }
    .index1 { width:100%; padding: 20px 0 0 0; }
    .index1box .i1_title { padding-bottom: 10px; border-bottom-width: 5px; }
    .i1_title h1 { font-size: 16px; }
    .i1_title h3 { font-size: 12px; }
 
    .index1 ul li .img { height: 36.24vw; }
    .index1 ul li span {font-size: 12px;line-height: 2;}
    .index2box{ padding-left:0;margin-bottom: 60px;}
    .index2 {max-width: 100%;}
    .i2_text h1{ font-size:16px; margin-bottom:10px;}
    .i2_text p{ font-size:12px; margin-bottom:15px;}
    .i2_text .i2_btn img{ height:25px;}
    .index2box .inner {padding:5%;position: relative;}
    .index2box .inner .i2_text { width: 100%; margin-bottom: 5%;position: unset;}
    .i2_text:after {left: 50%;transform: translate(-50%,-50%);width: 90%;height: 110%;}
    .index2box .inner .img {
        width: 100%;
        display: block;
    }
    
    .index3box{margin-bottom: 30px;}
    /* .index3box .i1_title { padding-top: 8vw; } */
    /* .index3box .i1_title h1{ font-size:24px; margin-bottom:5px;}
    .index3box .i1_title h3{ font-size:12px;} */
    /* .index3 { padding: 0 15px; padding-bottom: 20vw; } */
    .i3_list ul li img { width: 14.5vw; }
    /* .i3_list { margin-top: 15vw; margin-bottom:5vw;} */
    .i3_list ul li { margin: 1vw 0; }
    .i3_content { margin-bottom: 0; max-width:96%;}
    
    .index4box {padding: 1rem 1rem;background-position: center;background-size: 115% 100%;margin-bottom: 30px;}
    .i4_content{max-width: 100%;}
    .i4_content .inner .swiper-slide a{ margin:0 10px;}
    .i4_content .inner .swiper-slide a .img{ margin-bottom:10px;}
    .i4_content .inner .swiper-slide a .date { font-size: 14px; margin-bottom:5px;}
    .i4_content .inner .swiper-slide a h3 { font-size: 14px; margin-bottom:5px; padding-bottom:5px;}
    .i4_content .inner .swiper-slide a p { font-size: 12px !important; }
    .i4_pagination { display: none; }
    .n1_pagination { display: none; }
    .n2_pagination { display: none; }
    .i4_prev, .i4_next { width: 20px; height: 20px; }
    .i4_prev, .i4_next { margin: 0 10px; width: 20px; height: 20px; font-size: 16px; }
    .n1_prev, .n1_next { margin: 0 10px; width: 20px; height: 20px; font-size: 16px; }
    .n2_prev, .n2_next { margin: 0 10px; width: 20px; height: 20px; font-size: 16px; }
    
    .footer{ max-width:100%; padding-left:15px; padding-right:15px;}
    .f_ewm { width: 100%; margin-bottom: 20px; }
    .f_btn img{ height:40px;}
    .f_nav { width: 100%; }
    .f_nav ul li { width: 33.33% !important; margin-bottom: 20px; }
    .f_nav ul li dt a { font-size: 14px; }
    .f_nav ul li dd a { font-size: 12px; }
    .f_center{max-width: 100%;}
    .f_center ul{ max-width:100%; padding-left:15px; padding-right:15px;}
    /* .f_center ul li { width: 33.33% ; margin-bottom: 20px; } */
    .f_bot .inner { flex-wrap: wrap; max-width:100%; padding: 0 15px; }
    .f_bot .inner p { font-size: 12px; }
    
    .about1box{ padding-top:40px; padding-bottom:40px;}
    .about1 { flex-wrap: wrap; }
    .about1 .a1_title { width: 100%; height: auto; margin-bottom: 20px; padding-right:0;}
    .about1 .a1_title h1{ font-size:24px;}
    .a1_title h3{ font-size:12px;}
    .about1 .a1_text { width: 100%; padding: 0%; font-size:14px;}
    .about1 .a1_text:before { display: none; }
    .about2{ padding:20px 0;}
    .a2_left { width: 100%; margin-bottom:20px; padding:20px 15px; }
    .a2_left p { font-size: 14px !important; }
    .a2_right { width: 100%; }
    .a2_text{ margin-top:20px;}
    .a2_text p { font-size: 14px !important; line-height: 35px; }
    .about3box{ margin-top:40px;}
    .about3 { width: 90%; padding:40px 0;}
    .about3 .a1_title { width: 100%; padding: 0 15px; height: auto; margin-bottom:20px;}
    .about3 .a1_title:after { display: none; }
    .a1_title h1{ font-size:24px;}
    .a3_text{ width:100%; padding:0 15px; font-size:14px;}
    
    .appbox{ margin-bottom:60px !important;}
    .app ul li{ margin-top:40px;}
    .app ul li .inner { justify-content: space-between !important; max-width: 90%; padding: 20px; }
    .app ul li .inner .textbox { width: 100%; margin-bottom: 20px; }
    .app ul li .inner .textbox .tit { flex-wrap: wrap; margin-bottom: 20px; }
    .app ul li .inner .textbox .tit .icon { width: 100%; max-width:50%;}
    .app ul li .inner .textbox .tit a img{ height:30px;}
    .app ul li .inner .textbox .text{ font-size:14px;}
    .app ul li .inner .img { position: unset; width: 100%; }
    .app ul li .inner .img img { border-radius: 20px; }
    
    .roralbox .i1_title{ margin-bottom:20px;}
    .roralbox ul li .inner { }
    .roralbox ul li{ margin-bottom:60px;}
    .roralbox ul li:after{ top:5%;}
    .roralbox ul li .inner { flex-wrap: wrap;  padding: 20px; width:95%;}
    .roralbox ul li .inner .r_img { width: 100% !important; margin-bottom: 20px; order: 0 !important; }
    .roralbox ul li .inner .r_img .r_swiper { position: relative; left: auto; top: auto; transform: none;  width: 70%;  height: 100%; }
    .roralbox ul li .inner .r_text { width: 100% !important; order: 1 !important; }
    .roralbox ul li .inner .r_text h3 { font-size: 16px; height: 40px; line-height: 40px; }
    .roralbox ul li .inner .r_text .desc {}
    .roralbox ul li .inner .r_text .desc p{ font-size: 14px !important; }
    .r2_title{ margin-bottom:20px;}
    .r2_title img { width: 150px; }
        .r1_title img {
            width: 150px;
        }    
    .newsbox .i1_title{ margin-top:20px; margin-bottom:20px;}
    .news_content{ max-width:100%; padding-left:20px; padding-right:20px; margin-top:20px; margin-bottom:20px;}
    .news_content .swiper-slide .inner .left { width: 100%; margin-bottom: 20px; }
    .news_content .swiper-slide .inner .right { width: 100%; }
    .news_content .swiper-slide .inner .right a { flex-wrap: wrap; margin-bottom:20px;}
    .news_content .swiper-slide .inner .left a h3 { font-size: 16px; margin-bottom:5px; padding-bottom:5px;}
    .news_content .swiper-slide .inner .left a p { font-size: 14px!important; }
    .news_content .swiper-slide .inner .left a .date { font-size: 18px; margin-bottom:5px;}
    .news_content .swiper-slide .inner .left a .text { padding: 20px 5%; margin-bottom:5px; }
    .news_content .swiper-slide .inner .right a .img { width: 100%; }
    .news_content .swiper-slide .inner .right a .text { width: 100%; padding: 20px 5%; }
    .news_content .swiper-slide .inner .right a .text h3 { font-size: 16px; margin-bottom:5px; padding-bottom:5px;}
    .news_content .swiper-slide .inner .right a .text p { font-size: 14px !important; }
    .news_content .swiper-slide .inner .right a .text .date { font-size: 18px;  margin-bottom:5px;}
    .news_content .n2_swiper .swiper-slide a h3 { font-size: 16px; }
    .news_content .n2_swiper .swiper-slide a p { font-size: 14px !important; }
    .news_content .n2_swiper .swiper-slide a .date { font-size: 18px; }
    .newsbox .n2_swiper .swiper-slide a .text { padding: 20px 5%; }
    
    .contact1box{ margin-top:.4rem; margin-bottom:.6rem}
    .contact1box .i1_title{ margin-bottom:20px;}
    .contact1box .b{ padding-top:20px; padding-bottom:20px;}
    .c1_left { width: 100%; margin-bottom: 20px; }
    .c1_left .c1_top { margin-bottom: 20px;}
    .c1_left .c1_top h3 { font-size: 20px; height: 40px; line-height: 40px; padding-left:10px; padding-right:20px;}
    .c1_left .c1_top a{ height:40px;}
    .c1_left .desc { font-size: 14px; line-height: 1.8;}
    .c1_right { width: 100%; padding: 20px; }
    .c1_right ul li { flex-wrap: wrap; margin-bottom:10px;}
    .c1_right ul li span { font-size: 16px; }
    .c1_right ul li span { width: 100%; margin-bottom: 10px; }
    .c1_right ul li .c_text { width: 100%; height:40px; line-height:40px;}
    .c1_right ul li textarea { width: 100%; height:40px; line-height:40px;}
    .c1_right ul li .c_btn { width: 100%; height:40px; line-height:40px; font-size: 20px;}
    .c2_left { width: 100%; margin-bottom: 20px; padding: 20px; }
    .c2_right { width: 100%; padding-left:5%; padding-right:5%;}
    .c2_left .c_t1 { font-size: 18px; padding: 0 10px; height: 40px; line-height: 30px; }
    .c2_left .c_t2 { font-size: 18px; padding: 0 10px; height: 40px; line-height: 30px; }
    .c2_left .desc { font-size: 14px; line-height: 1.8; }
    .c2_left .c_e img{ height:30px;}
    .c2_left .c_e span { font-size: 18px; line-height: 30px; }
    .c2_right h3 { font-size: 18px; margin-bottom: 20px;  }
    .c2_right .item{ max-width:100%; margin-bottom:20px;}
    .c2_right .item .desc { font-size: 14px; }
    .contact3box{ padding:20px 0;}
    .contact3{ padding:20px 0;}
    .contact3:after { display: none; }
    .c3_left { width: 100%; margin-bottom: 20px;/* border-bottom: 1px solid #fff;*/ padding-right: 0; }
    .c3_right { width: 100%; padding-left: 0; }
    .c3_left h1 { font-size: 24px; }
    .c3_left h3 { font-size: 12px; }
    .c3_right { font-size: 14px; line-height: 1.8; }

    .contact2 ul li {width: 100%;margin-right: 0 !important;}
        .contact2 ul li .inner .icon img {
            font-size: 20px;
            width: 25px;
        }
    .contact2 ul li .inner .text h3{font-size: 14px;}
    .contact2 ul li .inner .text .desc{font-size: 12px;}
    
    
}

@media only screen and (max-width: 768px) {
    .index1 ul li { width: 49%; height: 56.6vw; padding:2.42vw 2.42vw; margin-bottom: 20px;border-radius: 10px;}
    .index1 ul li:nth-child(2n) { margin-right: 0; }
    .i4_content .inner .swiper-slide a{ margin:0 ;}
    .index1 ul li{}
    .index1 ul li .text .desc {font-size:10px;line-height:1;}
    
}

@media only screen and (max-width: 680px) {
    
    p { font-size: 12px !important; line-height: 1.5 !important; }
    
    

}