﻿/* w24 */
.w24{padding: 120px 0 80px;}
.w24-b1{display: inline-block;grid-template-columns: 40% auto;align-items: center; width: 100%; margin-top:80px; background-color: #006ebcb5; color: #ffffff;}
.w24-b1-txt1{margin-bottom: 26px;}
.w24-b1-txt1 img{max-width: 100%;display: block;}
.w24-b1-txt2{font-size: 1.46vw;font-family: "HarmonyOS_Sans_SC_Bold";margin-bottom: 60px;}
.w24-b1-txt3{font-size: 0.83vw;font-family: "HarmonyOS_Sans_SC_Regular";margin-bottom: 10px;}
.w24-b1-txt3:last-child{margin-bottom: 0;}
.w24-b1-img img{width: 100%;max-width: 100%;display: block;}
.w24-b2-txt{text-align: left;font-size: 1.46vw;color: #000000;font-family: "HarmonyOS_Sans_SC_Bold";margin-bottom: 58px;}
.w24-b2bb1{font-size: 1.25vw;color: #333333;font-family: "HarmonyOS_Sans_SC_Regular";margin-bottom: 33px;}
.w24-b2bb3{font-size: 0.83vw;color: #727272;font-family: "HarmonyOS_Sans_SC_Regular";margin-bottom: 30px;}
.w24-b2bb3:last-child{margin-bottom: 0;}
.w24-b2b{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 50px;}
.w24-b1-txt{ width:40%; float:left; margin-top: 50px; padding-left: 2.5%;}
.w24-b1-img{ width:60%; float:left;}



/* w25 */
.w25{padding: 70px 0;background: rgba(220, 221, 221, .2);}
.w25-b{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 40px 100px;margin-bottom: 40px;}
.w25-bb1{font-size: 0.83vw;color: #727272;font-family: "HarmonyOS_Sans_SC_Regular";margin-bottom: 20px;}
.w25-bb2{display: flex;align-items: stretch;}
.w25-bb2-img{min-width: 23px;margin-right: 20px;}
.w25-bb2-img img{max-width: 100%;display: block; padding-top: 5px;}
.w25-bb2{padding: 20px 70px 20px 30px;border: 1px solid #E2E2E2;background: #FFFFFF;}
.w25-bb2-input{height: auto;width: -webkit-fill-available;border: none;outline: none;}
.w25-bb2-input{font-size: 0.83vw;color: #727272;font-family: "HarmonyOS_Sans_SC_Regular";}
.w25-bb2-input::-webkit-input-placeholder{font-size: 0.83vw;color: #CCCCCC;font-family: "HarmonyOS_Sans_SC_Regular";}
.w25-b2{ margin-bottom: 50px;}
.w25-bb2-textarea{height: auto;width: -webkit-fill-available;border: none;outline: none;resize: none;}
.w25-bb2-textarea{font-size: 0.83vw;color: #727272;font-family: "HarmonyOS_Sans_SC_Regular";height: 158px;}
.w25-bb2-textarea::-webkit-input-placeholder{font-size: 0.83vw;color: #CCCCCC;font-family: "HarmonyOS_Sans_SC_Regular";}
.w25-btn{text-align: center;}
.w25-btn-a{padding: 22px 70px;background: #0461b2;font-size: 1.04vw;color: #FFFFFF;font-family: "HarmonyOS_Sans_SC_Regular";display: inline-block;border:none;}



/*地图*/
.contact-map
{
    width:100%;
    height:600px;
    float:left;
}
.iw_poi_title 
{
    font-size: 14px;
    line-height:30px;
}
.iw_poi_content
{
    font-size:13px;
    line-height: 23px;
}



/* w12 */
.w12{padding: 120px 0;}
.w12-title{margin-bottom: 50px;}
.w12-title1{font-size: 1.88vw;color: #000000;font-family: "HarmonyOS_Sans_SC_Bold";margin-bottom: 16px;text-align: center;}
.w12-title2{font-size: 0.94vw;color: #727272;font-family: "HarmonyOS_Sans_SC_Regular";text-align: center;}
.w12-nav{display: flex;align-items: center;flex-wrap: wrap;padding: 30px 0;border-bottom: 1px solid #E2E2E2;}
.w12-nav:last-child{border-bottom: none;}
.w12-nav1{font-size: 1.04vw;color: #333333;font-family: "HarmonyOS_Sans_SC_Medium";margin-right: 40px;min-width: 70px;}
.w12-a{display: flex;align-items: center;margin-right: 60px;}
.w12-a:last-child{margin-right: 0;}
.w12-input{width: 18px;height: 18px;border: 1px solid #CCCCCC;border-radius: 50%;margin-right: 10px;display: flex;align-items: center;justify-content: center;}
.w12-input-txt{font-size: 0.83vw;color: #8B8B8B;font-family: "HarmonyOS_Sans_SC_Regular";}
.w12-nav .on .w12-input{background: #E60012;border-color: #E60012;}
.w12-nav .on .w12-input-txt{color: #E60012;}
.w12-f{width: 300px;border: 1px solid #E2E2E2;border-radius: 29px;padding: 20px 40px;}
.w12-f{display: flex;align-items: center;}
.w12-fl{margin-right: 10px;}
.w12-fr{width: -webkit-fill-available;outline: none;border: none;font-size: 0.83vw;font-family: "HarmonyOS_Sans_SC_Regular";color: #8B8B8B;}
.w12-fr::-webkit-input-placeholder{font-size: 0.83vw;font-family: "HarmonyOS_Sans_SC_Regular";color: #8B8B8B;}
.w12-box{margin-bottom: 50px;}

.w12-b .w12-bb:first-child{background: rgba(220,221,221,0.2);border-bottom: none;}
.w12-b .w12-bb:first-child .w12-bbb{font-size: 0.94vw;color: #333333;}
.w12-bbb{font-size: 0.83vw;color: #727272;font-family: "HarmonyOS_Sans_SC_Regular";}
.w12-bb{display: grid;grid-template-columns: 35% 14% 19% 14% 10% auto;padding: 26px 40px;align-items: center;border-bottom: 1px solid #E2E2E2;}
.w12-bbb:last-child{text-align: right;}


.BMap_shadow, .BMap_shadow img, .BMap_shadow div {
    display: none;
}

@media screen and (max-width: 968px) {
    .w24-b1 {
        margin-top: 50px;
    }
    .w24-b1-txt {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 30px;
        padding-left: 4.5%;
    }
    .w24-b1-txt2 {
        font-size: 20px;
        margin-bottom: 25px;
        padding-top: 25px;
    }
    .w24-b1-txt3 {
        font-size: 14px;
    }
    .w24-b1-img {
        width: 100%;
    }
    .w12-title1 {
        font-size: 24px;
    }
    .w12-title2 {
        font-size: 16px;
    }
    .w25-b {
        grid-template-columns: repeat(1,minmax(0,1fr));
        gap: 20px 100px;
        margin-bottom: 30px;
    }
    .w25-bb1 {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .w25-bb2-input {
        font-size: 16px;
    }
    .w25-bb2-input input
    {
        font-size: 16px;
    }
    .w25 {
        padding: 35px 0 70px;
    }
    .w12-title {
        margin-bottom: 30px;
    }
    .w25-btn-a {
        font-size: 16px;
    }
    .w25-b2 {
        margin-bottom: 60px;
    }
    .w24 {
        padding: 120px 0 40px;
    }
    .w25-bb2-textarea {
        font-size: 16px !important;
    }

 .n-contact1 .con1{margin-top: 40px;}
 .n-contact1 .con1 .title b{font-size: 20px;}
 .n-contact1 .con1 .title span{font-size: 14px;}
 .n-contact1 .con1 .list{margin-top: 0; display: block !important;}
 .n-contact1 .con1 .list .item{width: 100% !important;margin-top: 20px;padding-top: 20px;}
 .n-contact1 .con1 .list .item .icon{width: 40px; height: 40px;}
 .n-contact1 .con2{margin: 40px 0}
 .n-contact1 .con2 .info .title span{font-size: 16px;}
 .n-contact1 .con2 .info .title b{font-size: 20px;}

 .n-contact2 .con1{padding-bottom: 40px;}
 .n-tr .n-th{font-size: 16px;}
 .n-tr .n-td{min-height: 60px;line-height: 1.6em}

 .n-power1 .n-con .n-conR .list .item{width: 100%;margin-right: 0;margin-bottom: 30px;}
 .n-power1 .n-con .n-conR .list .item h4{font-size: 14px;margin-top: 10px;}
 
 
 .n-contact1 .con1 .title b {
    font-size: 22px !important;
}


.n-contact1 .con1 .list .item .text {
    min-height: 159px !important;
}
.n-contact1 .con1 .list .item .text p {
    font-size: 14px !important;
}
.n-contact1 .con2 .map 
{
    width: 100% !important;
    height: 400px !important;
}
.n-contact1 .con2 {
    margin: 50px auto !important;
}
.n-contact1 .con2 .info {
    display: none !important;
}

 
}

.n-contact1 .con1{}
.n-contact1 .con1 .title b{font-size: 30px;color: #0b0b0b; line-height: 30px; display: block}
.n-contact1 .con1 .title span{font-size: 20px;color: #0098d8; line-height: 20px; text-transform: uppercase; display: block;margin-top: 8px;}
.n-contact1 .con1 .list{margin-top: 34px;display: flex;justify-content: space-between}
.n-contact1 .con1 .list .item{width: 24%;position: relative;padding-top: 40px;}
.n-contact1 .con1 .list .item .icon{position: absolute; left: 24px; top: 0; width: 63px; height: 63px; border-radius: 50%;overflow: hidden}
.n-contact1 .con1 .list .item .text{ min-height: 180px; display: flex; align-items: center; justify-content: center; padding: 12px; background: #0266c6; color: #fff;}
.n-contact1 .con1 .list .item .text p{max-width: 100%; font-size: 15px;}

.n-contact1 .con2{margin: 110px auto}
.n-contact1 .con2 .g_w{display: flex; }
.n-contact1 .con2 .map{width: calc(100% - 366px);height: 600px;}
.my-map { margin: 0 auto; width: 100%; height: 100%; } .my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }
.n-contact1 .con2 .info{width: 366px; padding: 112px 10px 30px 30px;background: #e3e4e4}
.n-contact1 .con2 .info .title b{font-size: 30px; color:#444444;display: block;line-height: 30px;}
.n-contact1 .con2 .info .title span{font-size: 20px; color:#020202;display: block;line-height: 20px; text-transform: uppercase; margin-top: 12px;}
.n-contact1 .con2 .info .text{margin-top: 60px;}
.n-contact1 .con2 .info .text p{ margin-top: 25px; font-size: 18px; color: #020202; line-height: 38px;}

.n-contact2 .con1{padding-bottom: 80px;}
.n-table{overflow: auto; margin-top: 46px; border: 1px solid #dcdcdc;border-bottom: 0}
.n-tr{display: flex;min-width: 800px;transition: .4s all ease}
.n-tr .n-th{width: 17%;background: #f4f4f4;font-size: 18px;text-align: center;height: 60px;line-height: 60px;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc}
.n-tr .n-th:nth-child(3){width:32%; }
.n-tr .n-th:nth-child(5){  border-right: 0}
.n-tr .n-td{width: 17%; font-size: 14px;text-align: center; min-height: 90px; line-height: 2.2em;  padding: 10px 30px;display: flex;align-items: center;justify-content: center;
 border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc}
.n-tr.active{background: #f4f4f4}
.n-tr .n-td p{width: 100%}
.n-tr .n-td:nth-child(3){width:32%; }
.n-tr .n-td:nth-child(5){ border-right: 0}
.n-tr .n-btn{cursor: pointer}
.n-tr .n-btn i{display: inline-block;margin-left: 6px;color: #0167c6;font-style: normal}
.n-tr .n-btn a{margin-left: 10px}
.n-tr.active .n-btn i{transform: rotate(180deg)}
.n-tbody .text{min-width: 800px;background: #f4f4f4;padding: 36px;display: none; border-bottom: 1px solid #dcdcdc;}
.n-tr:hover{background: #f4f4f4;transition: .4s all ease}


.h90{ height:90px; width:100%; float:left;}