/*======================= 鑱旂郴鏂瑰紡=============================*/
/*-------------------- 浜岀骇banner----------------------*/
.yun-detail{width:100%;background: #151515;padding-top:70px;position: relative;}
.dtbanner{position: relative;width:100%;height:4rem;}
.yun-detail .deteil-banner{position: absolute;top:70px;left:0;}
.container-tit h2::after {
    width: 92px;
    margin-left: -46px;
    bottom: -22px;
}
/* ----------------------------------鍏徃绠€浠?-------------------- */
.aboutus{padding:64px 0px 64px;}
.aboutus .uslist{margin-bottom:60px;}
.aboutus .uslist .usitem{float:left;}
.aboutus .uslist .usitem.us1{width:24.5%;}
.aboutus .uslist .usitem.us2{width:50%;}
.aboutus .uslist .usitem.us3{width:24.5%;}
.aboutus .uslist .usitem img{display: block;width:106px;height:106px;margin:0 auto;}
.aboutus .uslist .usitem p{text-align: center;
    opacity: 1;
    font-size: 20px;
    color: #4d5157;
    letter-spacing: 0;
    line-height: 22px;
    margin:16px 0px;
}
.aboutus .map-uscont{    width:100%;height:652px;overflow: hidden;}
.aboutus .map-uscont .map-menu{width:22.4%;height:652px;background:#21252e;  float:left;overflow: auto;position: relative;}
#ascrail2000 div{float:none!important;}
.aboutus .map-uscont .map-menu ul li{width:100%;height:80px;background:#21252e;line-height:80px;text-align: center;color:#fff;cursor: pointer;}
.aboutus .map-uscont .map-menu ul li.active{background:#00b259;}
.aboutus .map-uscont .map-main{width:100%;height:100%;background:#21252e; float:right;}
.aboutus .map-uscont .map-main #myMap{height:652px;}
@media (min-width:320px) and (max-width:768px){
    .aboutus{padding:0.64rem 0;}
    /* 浜у搧灞曠ず */
    .aboutus .uslist{width:100%;margin-bottom: 0}
    .aboutus .uslist .usitem{width:50%!important;}
    .aboutus .uslist .usitem p{font-size:14px;line-height:1.5;margin-top:0;}
    .aboutus .uslist .usitem.us2{width:50%!important;}
    .aboutus .map-uscont .map-menu ul li{font-size:16px;}
}
@media (min-width:769px) and (max-width: 1024px){}

@media (min-width:1025px) and (max-width: 1280px){}

@media (min-width:1281px) and (max-width: 1366px){

}

@media (min-width:1367px) and (max-width: 1440px){}

@media (min-width:1441px) and (max-width: 1680px){}

@media (min-width:1680px) and (max-width: 1920px){}

/*--------------------------------------------------- 鍦板浘 --------------------------------*/
.infoWindow{width: 300px;background: #00b259;color: #fff;-webkit-transform: translate(40px,-50%);transform: translate(40px,-50%);}
.infoWindow::before{display: block;content: '';border-style: solid;border-width: 10px 10px;border-color: transparent #00b259 transparent transparent;position: absolute;left: -20px;top: 50%;margin-top: -10px;}
.infoWindow .inner{padding: 12px 18px;}
.infoWindow .inner h4{   
    color: #fff;}
.infoWindow .inner .text{margin-top: 12px;}
.infoWindow .inner .text p{text-align: left;word-break: keep-all;}
/* ------------------------------------------鐣欒█------------------------------------------- */
.liuyan{padding-bottom:0.64rem;}
.liuyan .container-tit h2{
    margin-bottom: 86px;
}
.ny_ju{position: relative;}
.ny_message{min-height:8.4px;background: #F3F4F6;width:100%;}
.messgpd{ padding:64px 60px;}
.message_left{width:46%; float: left;overflow: hidden;}
.message_right{width:46%;float:right;overflow: hidden;}
.message_text{width:100%;}
.ny_message h1{font-size:18px;color: #505363; line-height: 22px; margin: 0 0 20px 0;
}
.m_text1{background: #FFFFFF;width:95%; height: 50px; line-height: 50px;margin: 0 0 30px 0;padding:0 5%;font-size: 20px;color: #505363;}
.m_text2{background: #FFFFFF;width:96%;min-height:2.11rem;line-height: 24px;font-size: 20px;color: #505363;padding:2%;}
.m_text3{background: #FFFFFF;width: 240px; height: 50px; padding:0 5%;line-height: 50px;font-size: 20px;color: #505363;  }
.m_submit{background: #21252E;display:block;width:25%; height:50px; line-height: 50px; color: #fff;font-size: 16px; margin: 40px auto 0px; cursor: pointer;}
.m_submit:hover{background: #00B259;}
.m_yzm{width: 100%;height: 50px; position: relative;background:#fff;}
.m_yzm1{width: 160px; height: 50px; position: absolute; top: 0; right: 0; display: block;}
.m_yzm1 img{width: 100%; height: 100%; }
/* 濯掍綋鏌ヨ */
@media (min-width:320px) and (max-width:768px){
    /* 鐣欒█ */
    .messgpd{padding:0.3rem 0.3rem 0.3rem;}
    .ny_message h1{font-size:0.28rem;    margin: 0 0 0.2rem 0;}
    .m_text1{    height:0.6rem;line-height:0.6rem;    margin: 0 0 0.3rem 0;padding: 0 0.2rem;    width:80%;}
    .m_text3{width:60%;height:0.5rem;padding: 0px 0px 0px 0.2rem;float:left;}
    .m_yzm{height:0.6rem;line-height:0.6rem;width:94%;}
    .m_yzm1{width:40%;float:left;height:0.6rem;}
    .m_yzm1 img{display:block;width:100%;height:auto;vertical-align: middle;margin-top:0.1rem;}
}
@media (min-width:769px) and (max-width: 1024px){}

@media (min-width:1025px) and (max-width: 1280px){}

@media (min-width:1281px) and (max-width: 1366px){

}

@media (min-width:1367px) and (max-width: 1440px){}

@media (min-width:1441px) and (max-width: 1680px){}

@media (min-width:1680px) and (max-width: 1920px){}
@media only screen and (max-width: 768px){
  .aboutus{padding:32px 0;}
  .container-tit h2{font-size: 24px!important;
    margin-bottom: 50px!important;}
  .dtbanner{min-height:auto;}
}

.detail-info h5{ font-size: 33px;color: #fff; text-align: center; font-weight: 700; padding-top: 5%; }
.about_text .about_left{ float: left; width: 55%; margin-right: 5%; font-size: 18px; line-height:2.2; padding-top: 20px; }
.about_text .about_right{ float: right; width: 40%; }
.about_text .about_right img{width: 100%;}

@media only screen and (max-width: 500px){
  .about_text .about_left{ float: left; width: 100%; margin-right: 0; font-size: 16px; line-height:1.9; padding-top: 20px; }
.about_text .about_right{ float: right; width: 100%; }
.detail-info h5{ font-size: 26px;color: #fff; text-align: center; font-weight: 700; padding-top: 10%; }
}