@charset "UTF-8";

/* header
---------------------------------------------------------------- */
.header { position: fixed; top: 0; left: 0; width: 100%; height: 6.25rem; z-index: 990; transition: all 0.5s ease-out; background: transparent; }
.header.active { background: #0b4290; box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1); }
.header.active .dw { border-color: transparent; }
.header .dw { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.logo { height: 100%; margin-right: auto; }
.logo a { height: 100%; }
.logo a img { height: 4.125rem; }
.pc_nav > ul > li { height: 6.25rem; padding: 0 1.25rem; position: relative; }
.pc_nav > ul > li:last-child { padding-right: 0; }
.pc_nav > ul > li > a { font-size: 1.125rem; color: #fff; white-space: nowrap;
 height: 100%; display: flex; align-items: center; position: relative; }
 .pc_nav > ul > li > a:hover{ color: #32beff; }
.pc_nav > ul > li:hover .erji { opacity: 1; pointer-events: auto; transition-delay: 0.3s; }
.erji { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); 
  padding: .5rem 0; background-color:#293751; backdrop-filter: blur(10px); 
  width: 55rem;  pointer-events: none; opacity: 0; ;
  transition: all 0.3s ease-out; box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.2); }
.erji ul {float: left; width: 50%; display: block; left: 50%; padding: 2rem 3rem;} 
.erji .ejpic {display: block; float: left; width:50%; padding: 1.5rem 2rem 1rem 2rem; }
.erji ul li:last-child { border: none; }
.erji ul li a { display: block; padding: .5rem 0;  
  font-size: 1.125rem; line-height: 1.6; color: #32beff; }
.erji ul li a:hover { color: #f28300; }
.head_more { margin-left: 3.75rem; color: #fff; }
.head_more .head_more_tel a { color: #fff; }
.head_more .head_more_tel a i { font-size: 2.25rem; margin-right: .5rem; }
.head_more .head_more_tel a strong { font-size: 1.875rem; }
.head_more .head_more_search { position: relative; cursor: pointer; margin-left: 4.25rem; }
.head_more .head_more_search i { font-size: 2rem; }
.head_more .head_more_search .search_box { display: flex; position: absolute; top: 100%; right: 0; width: 18.75rem; height: 2.875rem; background: rgba(0, 0, 0, 0.3); border-radius: .5rem; opacity: 0; pointer-events: none; transition: all 0.3s ease; }
.head_more .head_more_search .search_box.active { opacity: 1; pointer-events: auto; transform: translateY(1.75rem); }
.head_more .head_more_search .search_box i { position: absolute; left: 1.25rem; top: 50%; transform: translateY(-50%); font-size: 1.5rem; }
.head_more .head_more_search .search_box input { width: calc(100% - 6.25rem); height: 2.875rem; background: none; border: none; outline: none; color: #fff; font-size: 1.125rem; padding-left: 3.5rem; }
.head_more .head_more_search .search_box button {  align-items: center; justify-content: center; width: 5.875rem; height: 2.875rem; background: #f28300; color: #fff; border: none; border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; outline: none; font-size: 1.125rem; }
.head_more .head_more_search .search_box button:focus { filter: brightness(0.9); }
/* banner
---------------------------------------------------------------- */
.banner { position: relative; height: 100vh; overflow: hidden; }
.banner .swiper { height: 100%; }
.banner .swiper .swiper-slide .container { position: absolute; left: 0; right: 0; margin: 0 auto; top: 25%; text-align: center; }
.banner .swiper .swiper-slide .container img { max-width: 100%; max-height: 9.375rem; display: block; margin: 0 auto; }
.banner .swiper .swiper-slide .container a { display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-top: 3.125rem; width: 12.5rem; height: 3.25rem; color: #f28300; background: #fff; backdrop-filter: blur(10px); border-radius: .25rem; transition: all 0.3s ease; }
.banner .swiper .swiper-slide .container a:hover { background: #f28300; color: #fff; }
.banner .swiper .swiper-pagination { bottom: 3%; }
.banner > .container { position: absolute; bottom: 5%; z-index: 2; left: 0; right: 0; color: #fff; }
.banner > .container .banner_left_fanye { margin-bottom: 1.5rem; }
.banner > .container .banner_left_fanye div { width: 2.375rem; height: 2.375rem; border: 2px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: bold; }
.banner > .container .banner_left_fanye div.swiper-button-disabled { opacity: 0.5; }
.banner > .container .banner_left_fanye div:last-child { margin-left: 1.5rem; }
.banner > .container .banner_left_fanye div i { font-size: 1rem; }
.banner > .container .banner_left_numb { font-weight: lighter; font-size: 1.5rem; line-height: 1; }
.banner > .container .banner_left_numb strong { font-size: 3.75rem; font-weight: bold; }
.banner > .container .banner_right_scroll { display: flex; flex-direction: column; width: 2.5rem; font-size: 1.25rem; }
.banner > .container .banner_right_scroll i { display: flex; justify-content: center; font-size: 2.5rem; }
.banner > .container .banner_right_scroll span { display: inline-block; transform-origin: bottom left; transform: rotate(90deg) translateX(-2rem); font-weight: bold; line-height: 2.5rem; }
/* about 样式
---------------------------------------------------------------- */
.about { background: url(../images/about_bg.jpg) center no-repeat; background-size: cover; padding-top: 8.875rem; padding-bottom: 3rem;}
.about_left { display: flex;  width: 40%; }
.about_left .about_left_video { position: relative; }
.about_left .about_left_video img { width: 100%; }
.about_left .dw_center{top:40%;}
.about_right {  width: 60%; padding-left: 4.375rem; background-size: cover; }
.about_right .about_right_content { padding-left: calc(0.875rem + 15px);  margin-bottom: 3.75rem; }
.about_right .about_right_content strong { display: block; font-size: 3.75rem; color: #004098; line-height: 1; }
.about_right .about_right_content span { display: block; margin-bottom: 1.5rem; font-size: 2.5rem; color: #333; font-weight: lighter; }
.about_right .about_right_content p { font-size: 1.22rem; color: #474747; line-height: 1.8; }
.about_right .about_right_content a { display: flex;right: 5%; align-items: center; justify-content: center; margin-top: 2.5rem; width: 2.625rem; height: 2.625rem; border: 2px solid #fc8526; font-size: 1.5rem; border-radius: 50%; color: #fc8526; transition: all 0.3s ease; }
.domain { margin-top: 0.5rem; padding-bottom:4.375rem; color: #000;  background-size: cover; width:100%; text-align:center; }
.domain ul li { margin: 0 3.5rem; }
.domain ul li strong { font-size: 3.625rem; color:#fc8526 }
.domain ul li p { font-size: 1.125rem; }
.domain ul {justify-content: space-between !important;}

/* news 样式
---------------------------------------------------------------- */
.news { padding: 7.5rem 0; background: url(../images/new_bg.jpg) center no-repeat; background-size: cover; overflow: hidden; }
.news .mod_title span { color: #0b4290; font-size: 2.525rem;}
.news .mod_title span span{ color:#fc8526;; font-weight:100; font-size: 2.15rem;} 
.news .mod_title a span{color: #333;}
.news .news_left { width: 38%; }
.news .news_left a { display: block; }
.news .news_left a .news_img { position: relative; overflow: hidden; }
.news .news_left a .news_img i { display: block; padding-top: 54%; transition: all 0.3s ease; }
.news .news_left a .news_img span { position: absolute; right: 0; bottom: 0; padding: .5rem 1rem; background: rgba(0, 0, 0, 0.5); font-size: 1.125rem; color: #fff; z-index: 2; }
.news .news_left a .news_text h4 { color: #fc8526; font-weight: 100; }
.news .news_left a .news_text p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.news .news_left a:hover .news_img i { transform: scale(1.1); }
.news .news_left .news_page { display: flex; align-items: center; position: static; }
.news .news_left .news_page span { display: flex; align-items: center; position: relative; padding: 0 1rem; margin: 0; width: auto; height: 1.5rem; font-size: 1rem; color: #474747; border-radius: 0; background: none; opacity: 1; }
.news .news_left .news_page span.swiper-pagination-bullet-active::before { width: .75rem; }
.news .news_left .news_page span::after { content: ''; width: 1px; height: 14px; background: #9f9f9f; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.news .news_left .news_page span::before { content: ''; display: block; width: 0; height: .75rem; border-radius: 0%; background: #fc8526; transition: all 0.3s ease; margin-right: .5rem; }
.news .news_left .news_page span:first-child { padding-left: 0; }
.news .news_left .news_page span:last-child { padding-right: 0; }
.news .news_left .news_page span:last-child:last-child::after { display: none; }
.news .news_text { color: #474747; transition: all 0.3s ease; }
.news .news_text h4 { margin: 1rem 0; font-size: 1.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news .news_text p { font-size: 1.025rem; line-height: 1.6; color: #888888; }
.news .news_time { width: 10.625rem; font-size: 1.125rem; line-height: 1.4; }
.news .news_time strong { display: block; font-size: 2.5rem; }
.news .news_right { width: 55%; }
.news .news_right .news_li:last-child a { border: none; }
.news .news_right .news_li a { display: flex; justify-content: flex-start; align-items: center; padding: 2.125rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); color: #474747; transition: all 0.3s ease; }
.news .news_right .news_li a .news_text { width: calc(100% - 10.625rem); }
.news .news_right .news_li a .news_text h4 strong { font-weight: normal;  }
.news .news_right .news_li a .news_text p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news .news_right .news_li a:hover { color: #0b4290; }
.news .news_right .news_li a:hover .news_text { color: #fc8526; }
/* notice 样式--------------------
---------------------------------------------------------------- */
.notice {background: url(../images/notice_bj.jpg) center no-repeat; background-size: cover;}
.notice {min-height:45.75rem; padding-top:6.875rem; padding-bottom:2.875rem; height:auto; padding-right:2rem;}
.notice_title {position:absolute; left:35.5%; width:12%; max-width:35rem;}
.notice_title ul li {margin-bottom:2rem;  } 
.notice_title li a i{ display:block; font-size:2.175rem;}
.notice_title ul li a {display: block; padding: 1.815rem 0.875rem; font-size: 1.125rem; color: #474747; background-color:#e1e1e1; transition: all 0.3s ease; width:100%; min-width:12rem; align-items: center; text-align:center}
.notice_title ul li a.active { background: #004098; border-color: #fff; color: #fff; }
.notice_title ul li a.active:hover { color: #fff; }
.notice_title ul li a:hover {color: #fff; background-color:#004098 }
.notice_left {float:left; width:39%;}
.notice_left img {width:100%;}
.notice_right_list .nrl_a{float:right;  width:48%;  }
.notice_right_list .nrl_a a {background-color:#FFFFFF; display: flex; align-items: center;  justify-content: space-between; padding: 0 1.875rem; position: relative; height: 6.725rem;  margin-bottom: .875rem; overflow: hidden; font-size: 1.25rem; transition: all 0.3s ease; color: #777777; }
.notice_right_list .nrl_a a::after { content: ''; width: .375rem; height: 100%; position: absolute; left: 0; top: 0; transform: translateX(-100%); transition: all 0.3s ease; background: #004098; }
.notice_right_list .nrl_a a:hover {color: #004098; text-shadow: 1px 0 0 currentColor; }
.notice_right_list .nrl_a a:hover::after { transform: translateX(0); }
.notice_right_list .nrl_a a span { width: calc(100% - 6.75rem); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notice_right_list .nrl_a a i {font-style: normal; float:left; background-color:#004098; color:#fff; text-align:center; font-size:0.875rem; min-width:5.575rem; margin-left:0;  padding-bottom:0.575rem;}
.notice_right_list .nrl_a a i font{display: block; font-size:2.375rem; margin:0 auto; font-weight:700;}
.notice_right_list .dj a i{ background-color:#b12d07}
.notice_right_list .dj a:hover {color:#b12d07; text-shadow: 1px 0 0 currentColor;}
.notice_right_list .dj a::after {background-color:#b12d07}

/* 领导关怀 样式
---------------------------------------------------------------- */

.indexNewsHead {
  display: flex;  align-items: center;  justify-content: space-between;
  margin-bottom: 1.4rem;}

.indexNewsHead .title h5 {  font-size: 2.575rem; color:#c34530 ;}
.indexNewsHead .title h6 {  font-size: 1.525rem;  font-family: 'din';  font-weight: 100;  color: #888;  line-height: 1.875rem;}
.indexNewsHead .title .line {
  width: 4.25rem;  height: 0.2125rem;  background: #c34530;  display: block;  margin-top: 1.05rem;}
.ldgh .learnMoreBox .learnMore:after {background: #fc8526;}
.ldgh .caption{ margin-bottom:30px !important;}
.ldgh{ padding:40px 0; background:#fff;}
.ldgh_img a{ display:block; padding-top:68%;}
.ldgh .caption{ padding-bottom:80px; position:relative; box-shadow:0px 0px 4px rgba(0,0,0,0.1);}
.ldgh_text{ background:#fff; position:absolute; bottom:0; left:0; right:0; padding:8px 20px; height:80px; overflow:hidden; transition:all 0.3s;}
.ldgh_text h4{ line-height:22px; height:44px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden; font-size: 1.275rem;}
.ldgh_text h5{ font-size:15px; opacity:0; transition:all 0.3s; pointer-events: none;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden; color:#666; line-height:24px;}
.ldgh .caption:hover .ldgh_text{ height:138px; background:#004098;}
.ldgh .caption:hover .ldgh_text h5{ opacity:1; pointer-events: auto; color:#fff;}
.ldgh .caption:hover .ldgh_text h4{ color:#fff;}


/* footer 样式
---------------------------------------------------------------- */
.footer {padding: 2rem 5rem;  ;background: url(../images/foot_bg.jpg) 0rem top repeat-x; background-size: cover; width: 100%; }
.footer .foot_ul { border-bottom: 1px solid #353535; padding-top: 2rem; padding-bottom: 2.875rem; }
.footer .foot_ul ul li a { font-size: 1.05rem; color: #ccc; line-height: 2; transition: all 0.3s ease; }
.footer .foot_ul ul li a:hover { color: #fc8526; }
.footer .foot_ul ul li:first-child { margin-bottom: 0.5rem; }
.footer .foot_ul ul li:first-child a { font-size: 1.25rem; color: #fff; }
.footer .foot_di {color: #9f9f9f; text-transform: uppercase; min-height: 6rem; height: auto; font-size: 1.05rem; margin-top: 1.25rem; }
.footer .foot_di .bq1{width: 70%; float: left;} 
.footer .foot_di .bq2{float: right;  width: 20%; text-align: right;} 
.footer .foot_di span { display:block; line-height: 2; }
.footer .foot_di a { color: #9f9f9f; }

/* zl_mod 通用样式
---------------------------------------------------------------- */
.learnMoreBoxxx {display: flex;}
.learnMoreBox .learnMore {
  position: relative;  height: 2.54rem;
  padding: 0 .22rem;  box-sizing: border-box;
  display: flex;  align-items: center;
  color: #333;  transition: color .4s;  z-index: 1;
}
.learnMoreBox .learnMore:hover {color: #fff;}
.learnMoreBox .learnMore:hover:after {width: 100%;}
.learnMoreBox .learnMore:after {
  content: '';  position: absolute;  left: 0;
  width: 2.54rem;  height: 100%;
  border-radius: 2.54rem;  background: #fc8526;
  transition: .6s;  z-index: -1;
}
.maodian { position: absolute; left: 0; top: -6.25rem; }
.mod_title { margin-bottom: 2.5rem; }
.mod_title.white span { color: #fff; }
.mod_title > span { font-size: 3.125rem; color: #000; }
.mod_title > a { font-size: 1.25rem; color: #525252; }
.mod_title > a:hover { color: #f28300; }
.mod_title ul li { margin-left: .5rem; }
.mod_title ul li a { display: block; padding: .3rem 1.25rem; border-radius: 2rem; border: 1px solid #bfbfbf; font-size: 1.125rem; color: #474747; transition: all 0.3s ease; }
.mod_title ul li a.active { background: #f28300; border-color: #f28300; color: #fff; }
.mod_title ul li a.active:hover { color: #fff; }
.mod_title ul li a:hover { border-color: #f28300; color: #f28300; }

/* 媒体查询
---------------------------------------------------------------- */
@media (max-width: 767px) { .mod_title span { font-size: 2.25rem; }
  .flex { flex-wrap: wrap; }
  .header .menu-link i, .header .menu-link span:before, .header .menu-link span::after { background: #fff; }
  .menu-link { display: block; transition: all 0.3s ease; margin-left: 2rem; }
  .logo { height: 6.25rem; }
  .logo a img { height: 3.125rem; }
  .pc_xiala { display: none !important; }
  .pc_nav { position: absolute; width: 100%; top: 100%; left: 0; background: #0b4290; padding: 1.25rem 15px; box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.3); z-index: 99; opacity: 0; pointer-events: none; transition: all 0.3s ease; }
  .pc_nav.active { opacity: 1; pointer-events: auto; }
  .pc_nav > ul { height: auto; flex-wrap: wrap; padding-bottom: 3rem; }
  .pc_nav > ul > li { width: 100%; height: auto; position: static; padding: 1rem; }
  .pc_nav > ul > li:hover {background-color: #1f58a9;}
  .pc_nav > ul > li:last-child { padding: 0; }
  .pc_nav > ul > li > a { width: 100%; padding: .5rem 0; font-size: 1.625rem; font-weight: bold; justify-content: center; color: #fff; text-align: center; }
  .erji { display: none; position: static; opacity: 1; pointer-events: auto; transform: translateX(0); width: 100%; border-radius: 0; background: none; box-shadow: none; backdrop-filter: blur(0); }
  .erji ul { display: flex; flex-wrap: wrap; }
  .erji ul li { border: none; margin-right: .5rem; }
  .erji ul li a { color: #fff; font-size: 14px; }
  .ldgh_text h4{font-size: 1.525rem;}

  .banner {height: 30rem}
  .banner .swiper .swiper-slide { background-position: 17% 0 !important; }
  .banner .swiper .swiper-slide .container { top: 30%; }
  .banner .swiper .swiper-slide .container strong { font-size: 2.5rem; }
  .banner .swiper .swiper-slide .container p { padding-right: 0; font-size: 1.5rem; }
  .notice  {padding-top: 3rem;}
  .notice .notice_left{ display: none;  }
  .notice .notice_title{ width: 100%; position: initial; max-width: 100%;}
  .notice .notice_title ul li {padding: 2%; width: 30%;}
  .notice .notice_right_list .nrl_a { width: 100%; float: none; padding-left: 5%; }
  .notice .flex-center-end {justify-content: center;  }
  .notice .notice_title ul li a {min-width:100%; padding: 0.8rem 0;}
  .notice .flex-center-between{display: block;}
  .ldgh {padding: 1.5rem;}
  .news { padding: 4rem 0; }
  .news .news_left, .news .news_right { width: 100%; }
  .news .news_right { margin-top: 3rem; padding: 0; }
  .news .news_right .news_li a { padding: 1rem 0; }
  .about {padding-top:3.875rem ;}
  .about_left { width: 100%; }
  .about_left .about_left_content { padding: 0 0px; }
  .about_left .dw_center{top:50%;}
  .about_right { width: 100%; padding: 2.875rem 0px 0px 0px; }
  .about_right .about_right_content {padding-left:0;}
  .about_right .mod_title {margin-bottom: 0;}
  .domain { margin-top: 0; padding-bottom:0 }
  .domain ul li { text-align: center; min-width: 45%;  margin: 2.5rem 0.0rem; }
  .domain ul li strong { font-size: 2.25rem; }

  .dangjian { padding: 4rem 0; }
  .dangjian .dangjian_left { width: 100%; }
  .dangjian .dangjian_left .dj_left { width: 100%; }
  .dangjian .dangjian_left .dj_right { width: 100%; margin-top: 3rem; }
  .dangjian .dangjian_right { width: 100%; padding: 0 15%; margin-top: 3rem; }
  .dangjian .dangjian_right .qikan_prev { left: 0; }
  .dangjian .dangjian_right .qikan_next { right: 0; }
  .dangjian .track { margin-top: 4rem; }
  .dangjian .track ul li a i { width: 5rem; height: 5rem; }

  .footer {padding: 0.5rem; height: 10rem; text-align: center;}
  .footer .foot_ul { display: none; }
  .footer .foot_di {font-size: 1rem!important;  }
  .footer .foot_di .bq1{ width: 100%; }
  .footer .foot_di .bq1 i {display: block;  font-style: normal;} 
  .footer .foot_di .bq2{width: 100%; text-align: center; } 
  .news .news_left a .news_text p, .news .news_right .news_li a .news_text p, .notice_left .notice_left_content p, .notice_right .notice_right_list .nrl_a a span, .notice_right .notice_right_list .nrl_more a, .domain ul li p, .mod_title > a, .dangjian .dangjian_left .dj_left .dj_text p, .dangjian .dangjian_left .dj_right .dj_li a p, .footer .foot_di, .mod_title ul li a, .dangjian .track ul li a { font-size: 14px; }
  .news .news_left a .news_text h4, .news .news_right .news_li a .news_text h4 strong, .dangjian .dangjian_left .dj_left .dj_text h4, .dangjian .dangjian_right .qikan_title span { font-size: 16px; }
  .dangjian .dangjian_right .qikan_title span { font-size: 18px; height: 3.5rem; } }

@media (min-width: 768px) and (max-width: 991px) { .mod_title span { font-size: 2.25rem; }
  .flex { flex-wrap: wrap; }
  .header .menu-link i, .header .menu-link span:before, .header .menu-link span::after { background: #fff; }
  .menu-link { display: block; transition: all 0.3s ease; margin-left: 2rem; }
  .logo { height: 6.25rem; }
  .pc_xiala { display: none !important; }
  .pc_nav { position: absolute; width: 100%; top: 100%; left: 0; background: #0b4290; padding: 1.25rem 15px; box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.3); z-index: 99; opacity: 0; pointer-events: none; transition: all 0.3s ease; }
  .pc_nav.active { opacity: 1; pointer-events: auto; padding: 4rem 0; }
  .pc_nav > ul { height: auto; flex-wrap: wrap; }
  .pc_nav > ul > li { width: 100%; height: auto; position: static;}
  .pc_nav > ul > li:last-child { padding: 0; }
  .pc_nav > ul > li > a { width: 100%; padding: 1.5rem 0; font-size: 1.625rem; font-weight: bold; justify-content: center; color: #fff; text-align: center; }
  .pc_nav > ul > li > a:hover { background-color: #2a3377;}
  .erji { display: none; position: static; opacity: 1; pointer-events: auto; transform: translateX(0); width: 100%; border-radius: 0; background: none; box-shadow: none; backdrop-filter: blur(0); }
  .erji ul { display: flex; flex-wrap: wrap; }
  .erji ul li { border: none; margin-right: .5rem; }
  .erji ul li a { color: #fff; font-size: 14px;  }
  .banner {height: 40rem}
  .banner .swiper .swiper-slide { background-position: 40% 0 !important; }
  .banner .swiper .swiper-slide .container { top: 30%; }
  .banner .swiper .swiper-slide .container strong { font-size: 2.5rem; }
  .banner .swiper .swiper-slide .container p { padding-right: 0; font-size: 1.5rem; }
  .notice  {padding-top: 3rem;}
  .notice .notice_left{ display: none;  }
  .notice .notice_title{ width: 100%; position: initial; max-width: 100%;}
  .notice .notice_title ul li {padding: 2%; width: 30%;}
  .notice .notice_right_list .nrl_a { width: 100%; float: none; padding-left: 5%; }
  .notice .flex-center-end {justify-content: center;  }
  .notice .notice_title ul li a {min-width:100%; padding: 0.8rem 0;}
  .notice .flex-center-between{display: block;}
  .news { padding: 4rem 0; }
  .news .news_left, .news .news_right { width: 100%; }
  .news .news_right { margin-top: 3rem; }
  .news .news_right .news_li a { padding: 1rem 0; }
  .about {padding-top:5.525rem;}
  .about_left { width: 100%; }
  .about_left .about_left_content { padding: 0 15px; }
  .about_left .dw_center{top:50%; margin-bottom: 2rem;}
  .about_right { width: 100%; padding:3rem 0 0rem 0px; }
  .about_right_content strong { margin-top: 1rem; }
  .about_right .about_right_content {padding-left:0;}
  .about_right .mod_title {margin-bottom: 0;}

  
  
  .domain { margin-top: 0; }
  .domain ul li { text-align: center; }
  .domain ul li strong { font-size: 2.25rem; }
  .dangjian { padding: 4rem 0; }
  .dangjian .dangjian_left { width: 100%; }
  .dangjian .dangjian_left .dj_left { width: 100%; }
  .dangjian .dangjian_left .dj_right { width: 100%; margin-top: 3rem; }
  .dangjian .dangjian_right { width: 100%; padding: 0 15%; margin-top: 3rem; }
  .dangjian .dangjian_right .qikan_prev { left: 0; }
  .dangjian .dangjian_right .qikan_next { right: 0; }
  .dangjian .track { margin-top: 4rem; }
  .dangjian .track ul li a i { width: 5rem; height: 5rem; }
  .footer {padding: 0.5rem; height: 10rem;}
  .footer .foot_ul { display: none;}
  .footer .foot_di {font-size: 1rem!important;  text-align: center; }
  .footer .foot_di .bq1{ width: 100%; }
  .footer .foot_di .bq2{width: 100%; text-align: center; } 
  .news .news_left a .news_text p, .news .news_right .news_li a .news_text p, .notice_left .notice_left_content p, .notice_right .notice_right_list .nrl_a a span, .notice_right .notice_right_list .nrl_more a, .domain ul li p, .mod_title > a, .dangjian .dangjian_left .dj_left .dj_text p, .dangjian .dangjian_left .dj_right .dj_li a p, .footer .foot_di, .mod_title ul li a, .dangjian .track ul li a { font-size: 14px; }
  .news .news_left a .news_text h4, .news .news_right .news_li a .news_text h4 strong, .dangjian .dangjian_left .dj_left .dj_text h4, .dangjian .dangjian_right .qikan_title span { font-size: 16px; }
  .dangjian .dangjian_right .qikan_title span { font-size: 18px; height: 3.5rem; } }

@media (min-width: 1201px) { .container { max-width: calc(100% - 11.875rem); width: calc(100% - 11.875rem) !important; padding: 0 15px; } }

@media (min-width: 1921px) { .container { max-width: calc(100% - 11.875rem); width: calc(100% - 11.875rem) !important; padding: 0 15px; } }