@charset "UTF-8";
/* ------- main - section1 ------- */
.section_main1{padding-bottom: 40px}
.section_main1 .tit_main{padding-top:20px}
[class*=section_main] h2{font-family: 'SUITE', sans-serif;font-weight: 800;font-size: 24px;line-height: 30px;color: #000;word-break: keep-all}
[class*=section_main] h2 span{display: block;padding-bottom: 2px;font-weight: 500;font-size: 22px;line-height: 30px;color:#767676}
[class*=section_main] h2 em{font-weight: 800;color:#1D3C90}
.section_main1 h2{font-size: 28px;line-height: 30px}
[class*=section_main] .city_type1{color:#196A2A}
[class*=section_main] .city_type2{color:#f48527}
[class*=section_main] .city_type3{color:#9c47b9}
[class*=section_main] .city_type4{color:#859000}
[class*=section_main] .city_type5{color:#236c9f}

.info_map{display: flex;column-gap: 5px;align-items: baseline;margin-top:20px;padding:10px;border:1px solid #E3E3E3;border-radius: 10px;font-weight: 500;font-size: 12px;line-height: 17px;color:#959595;background: #fff}
.wrap_map{position: relative;padding-top: 100%}
.wrap_map svg{position: absolute;top:0;left: 0;width: 100%}
.bg_city_brand{display: none}
.box_center{overflow:hidden;border-radius: 10px}
.box_center .head_info{display: flex;column-gap: 10px;align-items: center;padding:0 10px;background:#1C244B}
.box_center .head_info strong{display: block;margin:0 auto;padding:16px 0 15px;font-family: 'SUITE', sans-serif;font-weight: 600;font-size: 20px;line-height: 27px;color:#fff}
.box_center .head_info button + button{order:1}
.box_center .head_info button{padding:10px}
.box_center .head_info button:hover i, .box_center .head_info button:focus i{color:#fff}
.box_center .head_info i{font-size: 30px;color:rgba(255,255,255,.2);transition: all .3s}
.list_center_info{overflow: hidden;padding:8px 15px;border-left: 1px solid #f3f3f6;border-right: 1px solid #f3f3f6}
.list_center_info i{font-size: 15px}
.list_center_info dt, .list_center_info dd{padding:15px 10px 16px;font-weight: 500;font-size: 14px;line-height: 18px;color:#696969}
.list_center_info dt{display: flex;gap:9px;align-items: center;float:left;width:110px;color:#000}
.list_center_info dd{overflow:hidden;word-break: keep-all}
.list_center_info dt ~ dt, .list_center_info dd ~ dd{border-top:1px dashed #E0E0E0}
.list_center_etc{display: flex;row-gap: 20px;flex-wrap: wrap;justify-content: center;padding:17px 10px 16px;background: #f3f3f6}
.list_center_etc li{flex-basis: 50%}
.list_center_etc a{display: flex;row-gap:8px;flex-direction: column;align-items: center}
.list_center_etc a strong{display: block;font-weight: 500;font-size: 12px;line-height: 15px;color:#696969}
.list_center_etc .ico_comm{width: 80px;height: 80px;border:1px solid #E6E6E6;border-radius: 50%;background: #fff 0 0 no-repeat;background-size: cover;box-sizing: border-box}
.list_center_etc .ico_center1{background-image: url(/home/dong/images/main/ico_center1.png)}
.list_center_etc .ico_center2{background-image: url(/home/dong/images/main/ico_center2.png)}
.list_center_etc .ico_center3{background-image: url(/home/dong/images/main/ico_center3.png)}
.list_center_etc .ico_center4{background-image: url(/home/dong/images/main/ico_center4.png)}
.group_city_type{margin-top:20px}
.list_city_type{display: flex;flex-wrap: wrap;position: relative}
.list_city_type li{display: flex;flex-direction: column;align-items: center;justify-content: center;flex:1 1 33.33333%;height:70px;font-family: 'SUITE', sans-serif;font-weight: 800;font-size: 15px;line-height: 21px;text-align: center}
.list_city_type li:nth-child(1){border-top-left-radius: 10px}
.list_city_type li:nth-child(3){border-top-right-radius: 10px}
.list_city_type li:nth-child(4){border-bottom-left-radius: 10px}
.list_city_type li:nth-child(5){border-bottom-right-radius: 10px}

.list_city_type .city_type1{background-color: #E7F7EA}
.list_city_type .city_type2{background-color: #FBF3CE}
.list_city_type .city_type3{background-color: #F9F1FC}
.list_city_type .city_type4{background-color: #EBF4CB}
.list_city_type .city_type5{background-color: #E9F3F5}
.list_city_type a{margin-top: 5px;font-size: 0;line-height: 0;color:inherit}
.list_city_type i{position: relative;font-size: 12px;opacity: .3}
.list_city_type i:after{display: none;position: absolute;top:8px;left:50%;border-style: solid;border-width:6px;border-color: transparent transparent currentColor;transform: translateX(-50%);content: ''}
.list_city_type .layer_tooltip{display: none;position: absolute;top:62px;left:10px;right:10px;z-index: 10;padding:10px;border-radius: 10px;background: currentColor;word-break: keep-all}
.list_city_type .layer_tooltip p{font-weight: 500;font-size: 12px;line-height: 16px;color:#fff}

.list_city_type a:hover .layer_tooltip,
.list_city_type a:focus .layer_tooltip,
.list_city_type a:hover i:after,
.list_city_type a:focus i:after{display: block}
.list_city_type a:hover i,
.list_city_type a:focus i{opacity: 1}

.list_city_type li:nth-child(4) .layer_tooltip, .list_city_type li:nth-child(5) .layer_tooltip{top:132px}
/* // ------- main - section1 ------- */

/* ------- main - section2 ------- */
.section_main2{background:#F8F8F8;padding-bottom: 60px}
.section_main2 .inner{overflow: hidden}
.area_news{position: relative;overflow: hidden}
.area_news, .area_popular{margin-top: 40px}
.area_news h2{padding-right: 28px}
.list_newsinfo{display: flex;flex-wrap: wrap;row-gap:35px;margin:20px 0 0 -1px;padding:35px 0;border-radius: 10px;background: #fff}
.list_newsinfo li{position: relative;flex:1;flex-basis: 50%;padding:0 25px}
.list_newsinfo li:before{position: absolute;top: 0;bottom:0;left:0;width:1px;background:#EAEAEA;content:''}
.list_newsinfo a:hover strong, .list_newsinfo a:focus strong{text-decoration: underline}
.list_newsinfo .txt_city [class*=city_type]{width:5px;height:5px;border-radius: 50%;background: currentColor;content: ''}
.list_newsinfo .txt_city, .list_newsinfo strong{font-size: 14px;line-height: 20px;color:#000}
.list_newsinfo .txt_city{display: flex;gap:7px;align-items: center;font-weight: 500}
.list_newsinfo strong{display: -webkit-box;overflow: hidden;height: 40px;padding-top: 10px;-webkit-line-clamp: 2;-webkit-box-orient:vertical;word-break:break-all;word-wrap:break-word}
.list_newsinfo .txt_date{padding-top: 5px;font-weight: 500;font-size: 12px;line-height: 16px;color:rgba(0,0,0,.55)}
[class*=section_main] .link_moreview{position: absolute;top: 6px;right: 0;width: 28px;height: 28px;margin:-5px;background: url(/home/dong/images/main/ico_moreview.png) 50% 50% no-repeat;background-size: 18px 18px}

.list_popular{display: flex;flex-wrap: wrap;row-gap: 20px;margin-top:20px;padding:35px 10px;background: #fff;border-radius: 10px}
.list_popular li{flex: 1;flex-basis: 50%}
.list_popular a{display: block;font-size: 14px;line-height: 17px;color:#696969;text-align: center}
.list_popular .ico_comm{width: 80px;height: 80px;margin: 0 auto 16px;border:1px solid #E6E6E6;border-radius: 50%;background: #fff 0 0 no-repeat;background-size: cover}
.list_popular .ico_service1{background-image: url(/home/dong/images/main/ico_service1.png)}
.list_popular .ico_service2{background-image: url(/home/dong/images/main/ico_service2.png)}
.list_popular .ico_service3{background-image: url(/home/dong/images/main/ico_service3.png)}
.list_popular .ico_service4{background-image: url(/home/dong/images/main/ico_service4.png)}
.list_popular .ico_service5{background-image: url(/home/dong/images/main/ico_service5.png)}
.list_popular .ico_service6{background-image: url(/home/dong/images/main/ico_service6.png)}
/* // ------- main - section2 ------- */

/* ------- main - section3 ------- */
.section_main3{padding-bottom: 60px}
.section_main3 .inner{overflow: hidden}
.area_album{margin-top:40px;position: relative}
.area_album h2{padding-right: 28px}

.list_album{display: flex;flex-wrap: wrap;gap:36px;padding-top: 20px}
.list_album li{flex:1 1 100%}
.list_album .wrap_thumb{overflow: hidden;position: relative;padding-top: 64.8648%;border-radius: 10px}
.list_album .wrap_thumb img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover}
.list_album .wrap_thumb .tag_city{display: flex;justify-content: center;align-items: center;position: absolute;top:10px;left: 10px;z-index: 10;height: 24px;padding:0 15px;border-radius:12px;font-weight: 500;font-size: 14px;line-height: 22px;color:#000;background: rgba(255,255,255,.8)}
.list_album .wrap_thumb .tag_city [class*=city_type]{width: 5px;height: 5px;margin-right:3px;border-radius: 50%;background: currentColor;content:''}

.list_album .cont_thumb{padding:15px 5px 0}
.list_album strong{display: -webkit-box;overflow: hidden;font-size: 16px;line-height: 22px;color:#000;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.list_album .txt_date{padding-top:5px;font-weight: 500;font-size: 14px;line-height: 18px;color:rgba(0,0,0,.55)}
/* // ------- main - section3 ------- */

@media
only screen and (min-width: 768px) {
  /* ------- main - section1 ------- */
  .section_main1{padding-bottom: 60px}
  .section_main1 .tit_main{padding-top:50px}
  [class*=section_main] h2{font-size: 35px;line-height: 44px}

  .section_main1 h2{font-size: 40px;line-height: 50px}
  .section_main1 h2 span{font-size: 31px;line-height: 39px}
  .info_map{font-size: 16px;line-height: 21px}
  .box_center{border-radius: 20px}
  .box_center .head_info{padding:0 37px}
  .box_center .head_info strong{padding:24px 0 23px;font-size: 26px;line-height: 33px}
  .box_center .head_info i{font-size: 40px}
  .list_center_info{padding:19px 46px}
  .list_center_info dt, .list_center_info dd{font-size: 20px;line-height: 24px}
  .list_center_info dt{width: 150px}
  .list_center_etc{padding:27px 10px 26px}
  .list_center_etc li{flex-basis: 130px}
  .list_center_etc a{row-gap: 16px}
  .list_center_etc a strong{font-size: 18px;line-height: 21px}
  .list_center_etc .ico_comm{width: 90px;height: 90px}

  .group_city_type{margin-top: 30px}
  .list_city_type li{flex:1;align-items: flex-start;position: relative;height:100px;padding:0 10px;font-size: 18px;line-height: 24px}
  .list_city_type i{font-size: 20px;}
  .list_city_type i:after{top:12px;border-width:10px;margin-left: 5px;border-left-width: 0}
  .list_city_type .layer_tooltip{top:86px;left:20px;right: -20px;border-radius: 0 10px 10px;text-align: left}
  .list_city_type li:nth-child(4) .layer_tooltip, .list_city_type li:nth-child(5) .layer_tooltip{top:86px}
  .list_city_type li:nth-child(1){border-radius: 20px 0 0 20px}
  .list_city_type li:nth-child(3), .list_city_type li:nth-child(4){border-radius: 0}
  .list_city_type li:nth-child(5){border-radius: 0 20px 20px 0}
  .list_city_type .layer_tooltip p{font-size: 16px;line-height: 20px}
  /* // ------- main - section1 ------- */

  /* ------- main - section2 ------- */
  .section_main2{padding-bottom: 70px}
  .area_news, .area_popular{margin-top: 50px}
  .list_newsinfo{row-gap: 46px;margin-top:30px;padding:40px 0 48px;border-radius: 20px}
  .list_newsinfo li{flex-basis: 33.3333%;padding:0 35px 0 35px}
  .list_newsinfo .txt_city, .list_newsinfo strong{font-size: 18px;line-height: 24px}
  .list_newsinfo strong{height: 48px;padding-top: 15px}
  .list_newsinfo .txt_date{padding-top: 10px;font-size: 16px;line-height: 20px}
  [class*=section_main] .link_moreview{top:10px;width: 34px;height: 34px;background-size: 24px 24px}

  .list_popular{row-gap:30px;margin-top: 30px;padding:35px 27px;border-radius: 20px}
  .list_popular li{flex-basis: 33.3333%}
  .list_popular a{font-size: 18px;line-height: 21px}
  .list_popular .ico_comm{width: 90px;height: 90px}
  /* // ------- main - section2 ------- */

  /* ------- main - section3 ------- */
  .section_main3{padding-bottom: 70px}
  .area_album{margin-top:50px}
  .list_album{padding-top: 30px}
  .list_album li{flex: 1 1 calc(50% - 18px)}
  .list_album .wrap_thumb{border-radius: 20px}
  .list_album .wrap_thumb .tag_city{height: 37px;padding: 0 20px;border-radius: 20px;font-size: 18px;line-height: 26px}
  .list_album .wrap_thumb .tag_city [class*=city_type]{margin-right:5px}
  
  .list_album .cont_thumb{padding: 20px 10px 0}
  .list_album strong{font-size: 18px;line-height: 24px}
  .list_album .txt_date{padding-top: 10px;font-size: 16px;line-height: 20px}
  /* // ------- main - section3 ------- */
}
@media
only screen and (min-width: 1024px) {
  /* ------- main - section1 ------- */
  .section_main1{padding-bottom: 80px}
  .section_main1 .inner{position: relative;}
  .area_center_info{padding-right: 50%}
  .group_map{position: absolute;top:0;bottom:0;right:20px;width: 45%;max-width: 638px;max-height: 638px}
  .group_map .wrap_map{position: absolute;;top:56%;z-index: 10;width:100%;transform: translateY(-50%)}
  .box_center{margin-top: 20px;max-width: 611px;border-radius: 30px}
  .list_center_etc li{flex-basis: 114px}
  .list_center_etc strong{position: relative}
  .list_center_etc strong:before{position: absolute;bottom:-3px;left: 50%;width: 0;height: 2px;background:currentColor;opacity: .6;transform: translateX(-50%);transition: all .3s;content: ''}
  .list_center_etc a:hover strong:before, .list_center_etc a:focus strong:before{width: 100%}
  .group_city_type{margin-top: 63px}
  .list_city_type li{height: 150px;padding:0 20px;font-size: 26px;line-height: 33px}
  .list_city_type li:nth-child(1){border-radius: 30px 0 0 30px}
  .list_city_type li:nth-child(5){border-radius: 0 30px 30px 0}
  .list_city_type .layer_tooltip{left:56px;right: -5px;padding: 20px}
  .list_city_type i:after{top:2px;margin-left:15px;border-width: 12px;border-color: currentColor transparent transparent;border-top-width:10px;transform:translateX(0)}

  .list_city_type .ico_comm{position: absolute;bottom:0;right: 10px;width: 100px;height:100px;background-position-y: 22px}
  .list_city_type .city_type1 .ico_comm{background-image: url(/home/dong/images/main/ico_city_type1.png)}
  .list_city_type .city_type2 .ico_comm{background-image: url(/home/dong/images/main/ico_city_type2.png)}
  .list_city_type .city_type3 .ico_comm{background-image: url(/home/dong/images/main/ico_city_type3.png)}
  .list_city_type .city_type4 .ico_comm{background-image: url(/home/dong/images/main/ico_city_type4.png)}
  .list_city_type .city_type5 .ico_comm{background-image: url(/home/dong/images/main/ico_city_type5.png)}
  .list_city_type .layer_tooltip p{font-size: 18px;line-height: 23px}
  .bg_city_brand{display: block;position: absolute;top:500px;right: 0;width: 160px;height: 160px;background: 0 0 no-repeat;background-size: cover}
  .bg_city_brand strong{position: absolute;bottom: -10px;left:0;right: 0;font-family: 'SUITE', sans-serif;font-weight: 800;font-size: 22px;line-height: 28px;text-align: center}
  .area_center_info.city_type1 .bg_city_brand{background-image: url(/home/dong/images/main/ico_city_type1.png)}
  .area_center_info.city_type2 .bg_city_brand{background-image: url(/home/dong/images/main/ico_city_type2.png)}
  .area_center_info.city_type3 .bg_city_brand{background-image: url(/home/dong/images/main/ico_city_type3.png)}
  .area_center_info.city_type4 .bg_city_brand{background-image: url(/home/dong/images/main/ico_city_type4.png)}
  .area_center_info.city_type5 .bg_city_brand{background-image: url(/home/dong/images/main/ico_city_type5.png)}
  /* // ------- main - section1 ------- */

  /* ------- main - section2 ------- */
  .section_main2{padding-bottom: 90px}
  .section_main2 .inner{display: flex;justify-content: space-between}
  .area_news, .area_popular{margin-top: 70px}
  .area_news{flex:0 1 52%}
  .area_popular{flex:0 1 43%}
  .list_newsinfo{row-gap: 56px;margin-top:36px;padding:50px 0 58px;border-radius: 30px}
  .list_newsinfo li{padding:0 30px}
  .list_newsinfo strong, .list_newsinfo .txt_date{padding-top: 20px}
  [class*=section_main] .link_moreview{top:8px;width: 38px;height: 38px;background-size: 28px 28px}

  .list_popular{margin-top: 36px;padding:51px 27px;border-radius: 30px}
  .list_popular a:hover, .list_popular a:focus{text-decoration: underline}
  /* // ------- main - section2 ------- */

  /* ------- main - section3 ------- */
  .section_main3{padding-bottom: 90px}
  .area_album{margin-top:70px}
  .list_album{gap:28px;padding-top: 36px}
  .list_album li{flex: 1 1 calc(25% - 21px)}
  .list_album a .wrap_thumb:after{position: absolute;top:0;left: 0;width: 100%;height: 100%;background-color: #1D3C90;opacity: 0;transition: all .6s;content: ''}
  .list_album a:hover .wrap_thumb:after, .list_album a:focus .wrap_thumb:after{opacity: .3}
  .list_album img{transition: all .6s}
  .list_album a:hover img, .list_album a:focus img{transform: scale(1.1)}
  .list_album strong{height: 48px}
  .list_album .txt_date{padding-top: 20px}
  .list_album a:hover strong, .list_album a:focus strong{text-decoration: underline}
  /* // ------- main - section3 ------- */
}
@media
only screen and (min-width: 1440px) {
  /* ------- main - section1 ------- */
  .group_map{right:auto;left:47.5625%}
  .info_map{position: relative;top:58px;left: -124px;z-index: 20;width: 276px;padding:15px 10px 15px 16px;border-bottom-right-radius: 0}
  .info_map:after{position: absolute;top: calc(100% - 14px);right: -1px;width: 1px;height: 29px;background: #e3e3e3;content: ''}
  .info_map:before{position: absolute;top: 62px;right: -10px;width: 20px;height: 20px;border-bottom: 1px solid #E3E3E3;background: #fff;transform: rotate(45deg);content: ''}
  .info_map i{font-size: 14px}
  .list_center_etc li{flex-basis: 134px}
  .list_city_type li{padding:0 30px}
  .list_city_type .layer_tooltip{left: 72px;right:-15px}
  .list_city_type i{font-size: 30px}
  .list_city_type i:after{top:7px}
  .list_city_type .ico_comm{right:-5px;width: 135px;height: 135px}
  .bg_city_brand{top:377px;right:10px;width: 265px;height: 265px}
  .bg_city_brand strong{bottom:-15px;font-size: 36px;line-height: 45px}
  /* // ------- main - section1 ------- */

  /* ------- main - section2 ------- */
  .area_news{flex:0 1 63.4375%}
  .area_popular{flex:0 1 32.5%}
  .list_newsinfo li{padding:0 40px}
  /* // ------- main - section2 ------- */
}