.clearfix:after {clear: both;content:"";display: block;height: 0;visibility: hidden;}
.clearfix {*zoom: 1;}
*{ margin: 0;  padding: 0;list-style: none; border: none; font-family: Arial,'Heiti SC','Microsoft YaHei';  vertical-align: baseline;}
:focus { outline: none; }
.clearfix:after {clear: both;content:"";display: block;height: 0;visibility: hidden;}
.clearfix {*zoom: 1;}
*{ margin: 0;  padding: 0;list-style: none; border: none; }
*{ -webkit-tap-highlight-color:rgba(255,255,255,0); -webkit-appearance: none; outline:none;border-radius: 0; }
:focus { outline: none; }       
ul{margin-bottom:0;}
.main{position:relative;}
p.tip{font-size:14px;}
i {font-style: normal;}
body {
  width: 100%;
  position: relative;
}
a {text-decoration: none;}
.pagination{display:inline-block;padding-left:0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:0.37rem 0.75rem;margin-left:-1px;line-height:1.42857143;color:#909090;text-decoration:none;background-color:#fff;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#1492FF;border-color:#1492FF}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination-lg>li>a,.pagination-lg>li>span{padding:0.37rem 0.75rem;font-size:1.12rem}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:0.37rem;border-bottom-left-radius:0.37rem}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:0.37rem;border-bottom-right-radius:0.37rem}

.pagination-md>li>a,.pagination-md>li>span{padding:0.5rem 0.81rem;font-size:1rem}
.pagination-md>li:first-child>a,.pagination-md>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination-md>li:last-child>a,.pagination-md>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}

.pagination-sm>li>a,.pagination-sm>li>span{padding:0.37rem 0.625rem;font-size:0.75rem}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}
.pager{padding-left:0;margin:3.3rem 0;text-align:center;list-style:none}
.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:0.31rem 0.875rem;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}
.pager .next>a,.pager .next>span{float:right}
.pager .previous>a,.pager .previous>span{float:left}
.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}
.pager-nav {margin-left: 0.625rem !important; color:#1492FF !important;border:1px solid #1492FF !important;}
.pager-pre {margin-left: 0 !important; margin-right: 0.625rem !important}
.pager-gary {background-color: #E6E6E6 !important; color: #A1A1A1 !important; border:1px solid #E6E6E6 !important; }
.rows {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.flex_row {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.columns {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.flex_wrap {
  -webkit-flex-wrap: wrap;  
  -moz-flex-wrap: wrap;  
  -ms-flex-wrap: wrap;  
  -o-flex-wrap: wrap;  
  flex-wrap: wrap; 
}
.justify_center {
  -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}
.justify_start {
  -webkit-box-pack: start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
     -ms-flex-align: start;
}
.justify_between {
  -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
     -ms-flex-pack: justify;
}
.justify_end {
  -webkit-box-pack: end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
    -ms-flex-align: end;
    float: right;
}
.align_center {
  -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
}
.align_start {
  -webkit-box-align: start;
    -moz-align-items: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
}
.align_end {
  -webkit-box-align: end;
    -moz-align-items: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/*.page_bg {
  width: 100%;
  min-width: 1200px;
  height: auto;
}*/
.page_bg {
    width: 100%;
    height: 726px;
    background-image: url(/site/resource/images/webbg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-width: 1200px;
}
.page_bg2 {
    width: 100%;
    height: 726px;
    background-image: url(/site/resource/images/webbg2.png);
    background-size: 100% 341px;
    background-repeat: no-repeat;
    background-position: top center;
    min-width: 1200px;
}
.page_bg3 {
    width: 100%;
    height: 726px;
    background-image: url(/site/resource/images/webbg3.png);
    background-size: 100% 341px;
    background-repeat: no-repeat;
    background-position: top center;
    min-width: 1200px;
}
.page {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
}
.pc_container {
  margin: 0 auto;
  width: 1200px;
  height: auto;
}
.page_main {
  width: 1200px;
  height: auto;
  background: #fff;
}
.head_logo {
  padding: 83px 0 70px 0; 
}
.head_logo2 {
  padding: 190px 0 70px 0; 
}
.head_logo img {
  width: 496px;
  height: 93px;
}
.head_nav {
  width: 100%;
  height: 50px;
  background: #1492FF;
  border-radius: 4px;
}
.head_nav2 {
  background: linear-gradient(180deg, #1492FF 0%, #1492FF 100%);
}
.head_nav ul {
  width: 100%;
  height: 100%;
}
.head_nav .nav_item {
  width: 120px;
  height: 100%;
  float: left;
  cursor: pointer;
  position: relative;
  text-align: center;
  line-height: 50px;
  background: #1492FF;
}
.head_nav2 .nav_item {
  width: auto;
  height: 100%;
  float: left;
  cursor: pointer;
  position: relative;
  text-align: center;
  line-height: 50px;
  padding: 0 21px;
  position: relative;
}

.head_nav2 a .nav_item::after {
  content: "";
  position: absolute;
  right: 0;
  top: 16px;
  height: 17px;
  width: 1px;
  background: #9CB2F2;
}
.head_nav2 a:last-child .nav_item::after {
  width: 0px;
}
.head_nav .nav_item img {
  width: 22px;
  height: 22px;
  margin-top: -6px;
}
.head_nav .nav_item.active {
  background: #0B7BDB;
}
.head_nav .nav_item:hover {
  background: #0B7BDB;
}
.head_nav .nav_item span {
  font-size: 16px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
}
.head_nav .nav_item:hover ul {
  display: block;
}
.nav_item ul {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50px;
  left: 0;
  background: #1492FF;
  display: none;
  z-index: 9
}
.nav_item ul li {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
}

.nav_item ul li:hover {
  background: #4BACFF;
}
.head_nav ul .search {
  width: auto;
  height: 100%;
  margin-left: 20px;
  float: left;
}
.search_content {
  width: 211px;
  height: 31px;
  background: #5BB3FF;
  border-radius: 4px 4px 4px 4px;
}
.search_content input {
  width: 160px;
  height: 100%;
  line-height: 31px;
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #fff;
  margin-left: 10px;
  background: none;
}

.search_content input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#fff;
}
.search_content input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#fff;
}
.search_content input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#fff;
}
.search_content input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#fff;
}

.head_nav .search_content img {
  width: 18px;
  height: 17px;
  margin-right: 10px;
  cursor: pointer;
}
.host {
  width: 100%;
  height: 116px;
  background: #fff;
  margin-top: 20px;
}
.host img {
  width: 112px;
  height: 90px;
}
.host .host_info  {
  width: 1010px;
  height: 100%;
  margin-left: 8px;
}

.host .host_info .title {
  width: 1008px;
  font-size: 28px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #181E23;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.host .host_info .subtitle {
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #7C828A;
  text-align: center;
  margin-top: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zone {
  width: 1200px;
  height: auto;
  margin-top: 20px;
}
.legality_left {
  width: 324px;
  height: 380px;
  box-sizing: border-box;
}
.legality_left1.legality_left2 {
  width: 324px;
  height: 429px;
  box-sizing: border-box;
  background-image: url(/site/resource/images/lega2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.legality_left1.legality_left3 {
  width: 324px;
  height: 429px;
  box-sizing: border-box;
  background-image: url(/site/resource/images/leag3.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.legality_right {
  width: 409px;
  height: 429px;
} 
.legality_right .aticle_block_ul {
  width: 100%;
  margin-top: 7px;
}
.legality_right .aticle_block_ul .aticle_block_li {
  padding: 0;
}
.legality_left .aticle_block_ul {
  width: 324px;
  padding: 0 16px;
  box-sizing: border-box;
  height: 335px;
}
.legality_left .aticle_block_ul .aticle_block_li {
  padding:0;
  width: 100%;
}
.legality_left .aticle_block_ul .aticle_block_li .t2 {
  width: 280px;
}
.legality_head {
  width: 100%;
  height: 44px;
  line-height: 44px;
  padding: 0 16px;
  box-sizing: border-box;
}
.legality_head a {
  width: 100%;
  height: 100%;
}
.legality_head img {
  width: 20px;
  height: 20px;
}
.legality_head_line {
  width: 324px;
  height: 4px;
  display: block;
  margin-bottom: 5px;
}
.legality_head span {
  font-size: 22px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #E67022;
  margin-left: 5px;
}
.legality_left1 {
  background-image: url(/site/resource/images/lega1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.legality_new_head {
  width: 100%;
  height: 44px;
  background: linear-gradient(180deg, #FFFFFF 0%, #ECF3F9 100%);
  padding: 0 17px 0 15px;
  box-sizing: border-box;
  cursor: pointer;
}
.legality_new_head2 {
  padding: 0 12px 0 0;
}

.legality_new_head2 .legality_banner_head_left {
  width: auto;
  height: 42px;
  background: #1492FF;
  border-radius: 4px 4px 0px 0px;
  padding: 0 20px;
  font-size: 22px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 42px;
}
.legality_new_head3 .legality_banner_head_left {
  background: #6E6EEC;
  width: auto;
  height: 42px;
  border-radius: 4px 4px 0px 0px;
  padding: 0 20px;
  font-size: 22px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 42px;
}
.legality_banner_head_left2::after {
  content: "";
  width: 15px;
  height: 4px;
  position: absolute;
  background-image:url(/site/resource/images/down-_con.png);
  color: #1492FF;
  bottom: -4px;
  left: 50%;
  margin-left: -8px;
}
.legality_banner_head_left3::after {
  content: "";
  width: 15px;
  height: 4px;
  position: absolute;
  background-image:url(/site/resource/images/down_icon2.png);
  color: #1492FF;
  bottom: -4px;
  left: 50%;
  margin-left: -8px;
}
.legality_banner_head_left {
  width: 50%;
  font-size: 22px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #223037;
  position: relative;
}
.legality_banner_head_left1::after {
  content: "";
  width: 132px;
  height: 6px;
  background: #1492FF;
  position: absolute;
  bottom: -6px;
  left: 0;
}
.legality_banner {
  width: 846px;
  height: 380px;
}
.legality_banner .banner {
  width: 445px;
  height: 320px;
  position: relative;
}
.legality_banner .banner .swiper-wrapper {
  width: 445px;
  height: 320px;
}
.legality_banner .banner .swiper-wrapper .swiper-slide {
  width: 445px;
  height: 320px;
}
.legality_banner .banner .swiper-wrapper .swiper-slide img {
  width: 445px;
  height: 320px;
}
.legality_banner .banner .swiper-slide .title {
  width: 320px;
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  position: absolute;
  bottom: 11px;
  left: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 2;
}
.legality_banner .swiper-button-prev{
  width: 30px;
  height: 45px;
  left: 0;
  background-image:url(/site/resource/images/banner_left2.png)
}
.legality_banner .swiper-button-next:after, .swiper-button-prev:after {
    content: '';
}
.legality_banner .swiper-button-next{
  width: 30px;
  height: 45px;
  right: 0;
  background-image:url(/site/resource/images/banner_right2.png)
}
.legality_banner .banner .swiper-wrapper .swiper-slide .banner_bg {
  position: absolute;
  width: 100%;
  height: 38px;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.legality_banner_head_right {
  width: auto;
}
.legality_banner_head_right .t1 {
  font-size: 14px;
  font-family: Nobel-Regular, Nobel;
  font-weight: 400;
  color: #1492FF;
  margin-right: 10px;
}
.legality_banner_head_right .t2 {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #BAC0C8;
}
.legality_banner_content {
  margin-top: 5px;
}
.legality_banner_content .aticle_block_ul {
  width: 394px;
  padding: 0 16px;
  box-sizing: border-box;
  height: 335px;
}
.legality_banner_content .aticle_block_ul .aticle_block_li {
  padding:0;
  width: 100%;
  
}
.legality_banner_content .aticle_block_ul .aticle_block_li .t2 {
  width: 368px;
}
.banner {
  width: 690px;
  height: 450px;
  position: relative;
}
.banner.swiper {
  margin-left: 0;
}
.banner .swiper-wrapper {
  width: 690px;
  height: 450px;
}
.banner .swiper-wrapper .swiper-slide {
  width: 690px;
  height: 450px;
}
.banner .swiper-wrapper .swiper-slide img {
  width: 690px;
  height: 450px;
}
.banner .swiper-slide {
  position: relative;
}
.banner .swiper-wrapper .swiper-slide .banner_bg {
  position: absolute;
  width: 100%;
  height: 68px;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.banner .swiper-slide .title {
  width: 520px;
  font-size: 20px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  position: absolute;
  bottom: 11px;
  left: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 2;
}
.swiper-pagination-switch {
  width: 19px !important;
  height: 6px !important;
  background: #fff !important;
  opacity: 10 !important;
  border-radius: 0 !important;
  border:none !important;
  
}
.banner .swiper-pagination {
  width: 100%;
  position: absolute;
  bottom: 14px !important;
  text-align: right !important;
  padding-right: 10px;
  box-sizing: border-box;
}
.swiper-pagination-switch.swiper-active-switch {
  width: 19px !important;
  height: 6px !important;
  background: #1492FF !important;
  border-radius: 0 !important;
}
.banner_article {
  width: 490px;
  height: 450px;
  background: #FFFFFF;
  padding: 0 16px;
  box-sizing: border-box;
}
.nexttext {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.special {
  width: 329px;
  height:370px;
  background-image: url(/site/resource/images/ztzl_bg.png);
  margin-top: 26px
}
.special_title {
  width: 100%;
  height: 48px;
  line-height: 48px;
  font-size: 22px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #0B7BDB;
  text-indent: 28px;
}
.special_img {
  width: 294px;
  height: 65px;
  margin: 5px 0;
}
.special_swiper {
  width: 294px;
  margin: 0px 0 10px 18px;
  height: 320px;
  overflow: hidden;
}
.swiper-pagination2 .swiper-pagination-switch {
    width: 8px !important;
    height: 8px !important;
    background: #fff !important;
    border-radius: 8px !important;
}
.swiper-pagination2 .swiper-pagination-switch.swiper-active-switch {
    width: 8px !important;
    height: 8px !important;
    background: #1492FF !important;
    border-radius: 8px !important;
}
.swiper-pagination2 {
  text-align: center;
}
.banner_article_content {
  width: 100%;
  height: 225px;
}
.aticle_block_ul {
  display: none;
}
.aticle_block_ul.active {
  display: block;
}
.aticle_block_uls {
  display: none;
}
.aticle_block_uls.active {
  display: block;
}
.aticle_block_ul,.aticle_block_ul .swiper-slide,.aticle_block_ul .swiper-slide ,.aticle_block_ul ul {
   width: 100%;
   height: 386px;
}
.aticle_block_ul .swiper-slide {
  width: 100%;
  height: 100
}
.banner_article_head {
  width: 100%;
  height: 43px;
  line-height: 43px;
  border-bottom: 1px solid #DDDDDD;
  position: relative;
}
.banner_article_head span {
  font-size: 24px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #1492FF;
  margin-left: 15px;
}
.banner_article_head:after {
  content: '';
  width: 136px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #1492FF;
}
.banner_article_head.ga:after {

  background: #E60012;
}
.banner_article_li {
  width: 100%;
  height: 37px;
  cursor: pointer;
  position: relative;
}
.new_img {
  position: absolute;
  right: -24px;
  top: -12px;
  width: 36px;
  height: 36px;
}
.new_img2 {
  position: absolute;
  right: 5px;
  top: -5px;
  width: 36px !important;
  height: 36px !important;
}
.banner_article_li_left {
  width: 365px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.banner_article_li .t1 {
  display: block;
  width: 4px;
  height: 4px;
  background: #DDDDDD;
  opacity: 0.6;
  border: 1px solid #666;
}
.banner_article_li .t2 {
  display: block;
  width: 348px;
  font-size: 15px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left:6px;
}
.banner_article_li .t3 {
  font-size: 15px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #BAC0C8
}

.aticle_content {
  width: 1200px;
  height: 386px;
  background: #FFFFFF;
}
.aticle_block {
  width: 420px;
  height: 386px;
  padding-top: 20px;
  box-sizing: border-box;
}
.aticle_block1  {
  width: 470px;
}
.aticle_block2 {
 width: 370px;
}
.aticle_block_head .more {
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  display: none;
  text-align: right;
  line-height: 64px;
}
.aticle_block_head .more.active {
  display: block;
}
.aticle_block_head .more span {
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #1492FF;
  margin-right:6px;
}
.aticle_block_head .more img {
  width: 14px;
  height: 14px;
}
.aticle_block_head {
  width: 97%;
  height: 54px;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 10px;
  position:relative;
}
.aticle_block_head_item {
  width: 128px;
  height: 43px;
  line-height: 43px;
  background: #F3F4F8;
  border-radius: 4px 4px 0px 0px;
  font-size: 18px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #7C828A;
  text-align: center;
  margin-right: 10px;
  cursor: pointer;
  position: relative;
}
.aticle_block_head_item a {
  color: #7C828A
}
.aticle_block_head_item.active a {
  color: #fff;
}
.aticle_block_head_item.active {
  background: #6E6EEC;
  font-size: 22px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
}
.aticle_block_head_item2.active {
  background: #1492FF;
}
.aticle_block_head_item.active::after {
  content: '';
   background-image: url(/site/resource/images/down_icon2.png);
  width: 15px;
  height: 4px;
  position: absolute;
  left: 50%;
  margin-left: -7px;
  bottom: -4px;
}
.aticle_block_head_item2.active::after {
  background-image: url(/site/resource/images/down-_con.png);
 
}
.aticle_block_li {
  width: 100%;
  height: 40px;
  cursor: pointer;
  padding-right: 20px;
  box-sizing: border-box;
  position: relative;
}
.aticle_block_li .new_img {
  position: absolute;
  right: 0;
  top: -4px;
  width: 36px;
  height: 36px;
}
.aticle_block2 .aticle_block_li_left {
  width: 360px;
}
.aticle_block1 .aticle_block_li_left {
  width: 460px;
}
.aticle_block_li_left {
  width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.aticle_block_li .t1 {
  display: block;
  width: 5px;
  height: 5px;
  background: #3865B6;
  opacity: 0.6;
}
.aticle_block1 .aticle_block_li .t2 {
  width: 460px; 
}
.aticle_block2 .aticle_block_li .t2 {
  width: 360px; 
}
.aticle_block_li .t2 {
  display: block;
  width: 410px;
  font-size: 15px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left:6px;
}
.aticle_block_li .t3 {
  font-size: 15px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #BAC0C8
}
.ztzl {
  width: 1200px;
  height: 44px;
  margin: 20px 0;
  background-image: url(/site/resource/images/ztzl.png);
  font-size: 24px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #223037;
  text-align: center;
  line-height: 44px;
  position: relative;
}
.mtgz.ztzl {
  background-image: url(/site/resource/images/mtgz.png);
}
.ztzl .more {
  width: 50px;
  height: 22px;
  background-image: url(/site/resource/images/more1.png);
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #1492FF;
  line-height: 22px;
  text-align: center;
  position: absolute;
  right: 15px;
  top: 11px;
  cursor: pointer;
}
.ztzl_content {
  width: 1200px;
  height: auto;
}
.ztzl_content_block {
  width: 46px;
  height: 117px;
  background: #F1F8FE;
  border-radius: 0px 0px 0px 0px;
  float: left;
  margin-right: 14px;
  text-align: center;
}
.ztzl_content_block span {
  font-size: 20px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #1492FF;
  line-height: 22px;
  letter-spacing: 5px;
  display: inline-block;
  margin-top: 8px;
  margin-left: 5px;
  line-height: 25px;
}
.ztzl_swiper {
  width: 1140px;
  height: 117px;
  float: left;
}
.ztzl_swiper .swiper-wrapper {
  width: 100%;
}
.ztzl_swiper .swiper-slide {
  width: 100%;
  padding-right: 8px;
  box-sizing: border-box;
}
.ztzl_swiper .swiper-slide:nth-child(4n+4) {
  padding-right: 0 !important;
}
.ztzl_swiper .swiper-slide img {
  width: 100%;

}

.duty {
  width: 1200px;
  height: 318px;
  margin-top: 30px;
}
.duty_left {
  width: 400px;
  height: 318px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
}
.duty_left_head {
  width: 100%;
  height: 54px;
  background-image: url(/site/resource/images/jjdz.png);
  position: relative;
}
.duty_left_head2 {
  background-image: url(/site/resource/images/zzjj.png);
}
.duty_left_head span {
  display: inline-block;
  width: auto;
  height: 54px;
  line-height: 54px;
  padding: 0 18px;
  box-sizing: border-box;
  margin-left: 9px;
  font-size: 22px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #223037;
  position: relative;
}
.duty_left_head span:after {
  content: '';
  width: 112px;
  height: 6px;
  background: #1492FF;
  position: absolute;
  bottom: 0;
  left: 9px;
}
.duty_left_head:after {
  content: '';
  width: 15px;
  height: 4px;
  background-image: url(/site/resource/images/down-_con.png);
  position: absolute;
  bottom: -4px;
  left: 67px;
}
.duty_left_head .more {
  width: 66px;
  height: 54px;
  background: none;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  opacity: 0;
}
.duty_left_li {
  width: 100%;
  height: 30px;
  cursor: pointer;
  margin-top: 7px;
  position: relative;
}
.duty_left_li .new_img {
  position: absolute;
  right: 0;
  top: -4px;
  width: 36px;
  height: 36px;
}
.duty_left_li_left {
  width: 380px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.duty_left_li .t1 {
  display: block;
  width: 4px;
  height: 4px;
  background: #DDDDDD;
  opacity: 0.6;
  border: 1px solid #666;
}
.duty_left_li .t2 {
  display: block;
  width: 390px;
  font-size: 15px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left:6px;
}
.duty_left_li .t3 {
  font-size: 15px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #BAC0C8
}
.duty_right {
  width: 383px;
  height: 316px;
  background-image: url(/site/resource/images/duty_bg.png);
}
.duty_right_head {
  width: 100%;
  height: 48px;
  line-height: 48px;
  position: relative;
}
.duty_right_head_a {
  width: 100%;
  height: 48px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.duty_right_head span {
  font-size: 22px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  margin-left: 48px;
}
.duty_select {
  width: 360px;
  height: 24px;
  background: #91B8FE;
  border-radius: 4px 4px 4px 4px;
  margin-right: 93px;
  position: absolute;
  bottom: -30px;
  left: 14px;
  cursor: pointer;
  z-index: 10
}
.duty_select:hover .select {
  display: block;
}
.duty_select .select {
  width: 360px;
  height: auto;
  position: absolute;
  top: 24px;
  left: 14px;
  background: #fff;
  display: none;
}
.select .ul1 {
  width: 120px;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}

.select .ul2 {
  width: 120px;
  height: auto;
  position: absolute;
  top: 0;
  left: 120px;
  background: #fff;
}
.select .ul3 {
  width: 120px;
  height: auto;
  position: absolute;
  top: 0;
  left: 240px;
  background: #fff;
}

.duty_select .select li {
  width: 120px;
  height: 32px;
  line-height: 32px;
  padding: 0 5px;
  font-size: 13px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.duty_select .select li:hover {
  background: #1492FF;
  color: #fff
}
.duty_select .v1 {
  width: 360px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
.duty_select .v2 {
  width: 18px;
  height: 24px;
  background: #91B6FE;
  border-radius: 0px 4px 4px 0px;
}
.duty_select .v2 img {
  width: 6px;
  height: 5px;
}
.duty_content {
  width: 100%;
  height: auto;
}
.duty_ul {
  width: 100%;
  height: 266px;
  padding: 0 6px;
  box-sizing: border-box;
}
.duty_ul_swiper {
  width: 100%;
  height: 266px;
}
.duty_ul_swiper .swiper-container,.duty_ul_swiper .swiper-wrapper,.duty_ul_swiper .swiper-slide {
  width: 100%;
  height: 266px;
}
.duty_li {
  width: 112px;
  height: auto;
  margin-left: 10px;
  margin-top: 40px;
  float: left;
  border-radius: 4px;
  overflow: hidden;
}
.duty_li .title {
  width: 112px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 16px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #0B7BDB;
  background: #fff;
}
.duty_li .duty_li_info {
  width: 100%;
  height: 168px;
  background: #E2F6FE;
}
.duty_li .duty_li_info .p1 {
  width: 100%;
  padding-top: 14px;
  text-align: center;
}
.duty_li .duty_li_info .p1 img {
  width: 56px;
  height: 56px;
  border-radius: 56px;
}
.duty_li .duty_li_info .p2 {
  width: 100%;
  padding-top: 5px;
  text-align: center;
  font-size: 16px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #223037;
}
.duty_li .duty_li_info .p3 {
  width: 100%;
  padding-top: 8px;
  text-align: center;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #223037;
}
.duty_li .duty_li_info .p4 {
  width: 100%;
  padding-top: 5px;
  text-align: center;
  font-size: 14px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #223037;
}
.honor {
  width: 1200px;
  height: 270px;
  margin-top: 30px;
}
.honor_left {
  width: 100%;
  height: 270px;
  background: #FFF1E6;
}
.honor_left_head {
  width: 100%;
  height: 48px;
  line-height: 48px;
  background-image: url(/site/resource/images/honor.png);
  position: relative;
}
.honor_left_head span {
  font-size: 24px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #FFD180;
  margin-left: 20px;
}
.honor_left_head .more {
  width: 86px;
  height: 54px;
  background: none;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  opacity: 0;
}
.honor_swiper {
  width: 100%;
  height: 213px;
  padding: 22px;
  box-sizing: border-box;
}
.honor_swiper .swiper-slide {
  width: 198px !important;
  margin-right: 20px;
}
.honor_swiper .swiper-slide img {
  width: 198px;
  height: 150px;
}
.honor_swiper .swiper-slide .title {
  width: 100%;
  font-size: 15px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 7px;
}
.honor_right {
  width: 230px;
  height: 270px;
  position: relative;
}
.honor_right a {
  display: block;
  width: 100%;
  height: 128px;
}
.honor_right a img {
  width: 100%;
  height: 128px;
}
.honor_right_a1 {
  position: absolute;
  top: 0;
}
.honor_right_a2 {
  position: absolute;
  bottom: 0;
}
.media {
  width: 1200px;
  height: 338;
  margin-top: 20px;
}
.media a {
  display: inline-block;
}
.media_left {
  width: 600px;
  height: 338px;
  position:relative;
}
.media_left img {
  width: 600px;
  height: 338px;
}
.media_right {
  width: 582px;
  height: 338px;
  position: relative;
}
.media_right1 {
  width: 100%;
  height: 160px;
  position: absolute;
  top: 0;
}
.media_right2 {
  width: 100%;
  height: 160px;
  position: absolute;
  bottom: 0;
}
.media_img {
   width: 282px;
   height: 160px;
   position: relative;
}
.media_right img {
  width: 282px;
  height: 160px;
  border-radius: 4px;
}
.media_info {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgb(0,0,0,0.3);
  display:none;
}
.media_info p {
  display: inline-block;
  width: 100%;
  font-size: 15px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 24px;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  max-height: 72px;
  height: auto;
}
.media_info img {
  width: 32px;
  height: 32px;
  margin-top: 10px
}
.media_left:hover .media_info {
  display: flex;
}
.media_img:hover .media_info {
  display: flex;
}
.other_nav {
  width: 1200px;
  height: 136px;
  margin-top: 20px;
}
.other_nav img {
  width: 220px;
}

.swiper-button-prev{
  width: 45px;
  height: 67px;
  left: 0;
  background-image:url(/site/resource/images/banner_left.png)
}
.swiper-button-next:after, .swiper-button-prev:after {
    content: '';
}
.swiper-button-next{
  width: 45px;
  height: 67px;
  right: 0;
  background-image:url(/site/resource/images/banner_right.png)
}

.swiper-button-prev2{
  width: 32px;
  height: 47px;
  left: 0;
  background-image:url(/site/resource/images/ztzl_left.png)
}
.swiper-button-next2{
  width: 32px;
  height: 47px;
  right: 0;
  background-image:url(/site/resource/images/ztzl_right.png)
}
.swiper-button-prev3{
  width: 45px;
  height: 67px;
  top: 42%;
  left: 0;
  background-image:url(/site/resource/images/honor_left.png)
}
.swiper-button-next3{
  width: 45px;
  height: 67px;
  right: 0;
  top: 42%;
  background-image:url(/site/resource/images/honor_right.png)
}

.swiper-button-prev5{
  width: 45px;
  height: 67px;
  top: 42%;
  left: 0;
  background-image:url(/site/resource/images/honor_left2.png)
}
.swiper-button-next5{
  width: 45px;
  height: 67px;
  right: 0;
  top: 42%;
  background-image:url(/site/resource/images/honor_right2.png)
}
.appnav {
  width: 1200px;
  height: 266px;
  background-image:url(/site/resource/images/appnav.png);
  margin-top: 20px;
  position: relative;
}
.appnav .a {
  display: block;
  width: 100%;
  height: 55px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}
.appnav .appnav_more {
  width: 100px;
  height: 68px;
  position: absolute;
  top: 0;
  right: 0;
  background: #f1f8fe;
  cursor: pointer;
  z-index: 9;
}
.appnav .appnav_more span {
  font-size: 14px;
  color: #666;
  margin: 0 6px;
}
.appnav .appnav_more img {
  width: 21px;
  height: 20px;
  margin: 0 6px;
}
.appnav ul {
  width: 100%;
  height: auto;
  padding-top: 82px;
  flex-wrap: nowrap;
  box-sizing: border-box;
}
.appnav ul li {
  width: 120px;
  height: auto;
  text-align: center;
}
.appnav ul li img {
  width: 106px;
  height: 106px;

}
.appnav ul li p {
  width: 100%;
  text-align: center;
  font-size: 15px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  margin-top: 13px;
  padding: 0 8px;
  box-sizing: border-box;

}
.footer {
  width: 100%;
  height: 132px;
}
.footer_nav {
  width: 100%;
  height: 62px;
  background: #0B7BDB;
} 
.footer_nav_content {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}

.footer_main {
  width: 100%;
  height: 170px;
  background: #1492FF;
}

.footer_select {
  width: 370px;
  height: 34px;
  background: #3C95E2;
  border-radius: 4px 4px 4px 4px;
  padding: 0 16px;
  box-sizing: border-box;
  margin: 0 10px;
  cursor: pointer;
  position: relative;
}
.footer_select2 {
  width: 144px;
  text-align: center;
}
.footer_select .select_name {
  width: 320px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
.footer_select .select {
  width: 370px;
  max-height: 170px;
  height: auto
  background: #3C95E2;
  position: absolute;
  overflow-y: auto; 
  left: 0;
  top: 34px;
  display: none;
}
.footer_select li {
  width: 100%;
  height: 34px;
  line-height: 34px;
  text-align: left;
  text-indent: 16px;
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  background: #3C95E2;
}
.footer_select li:hover {
  background: #4BACFF;
}
.footer_select:hover .select {
  display: block;
}
.footer_select img {
  width: 9px;
  height: 8px;
}

.footer_main_content {
  width: 1163px;
  height: auto;
  margin: 0 auto;
}
.footer_main_link {
  width: 100%;
  height: 58px;
}
.footer_line {
  width: 100%;
  height: 1px;
  background: #fff;
  opacity: 0.3;
}
.footer_link {
  width: 132px;
  height: 18px;
  line-height: 18px;
  border-right: 1px solid #fff;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
}
.footer_link:last-child {
  border:none;
}
.footer_link a {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
.footer_copyright {
  width: 100%;
  margin-top: 16px;
  text-align: center;
}
.footer_copyright a {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
.footer_copyright img {
  width: 20px;
  height: 20px;
  margin-left: 11px;
  margin-right: 5px;
}
.footer_tell {
  width: 100%;
  margin-top: 11px;
  text-align: center;
}
.footer_tell .a1 {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  text-decoration: underline;
}
.footer_tell .a2 {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #a4d5ff;
  margin-left: 10px;
}
.footer_tips {
  width: 100%;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #a4d5ff;
  text-align: center;
  margin-top: 10px;
}

.page_header {
  width: 1200px;
  height: 72px;
  border-bottom: 1px solid #DDDDDD;
  position: relative;
  background: #fff;
}
.page_header:after {
  content: '';
  width: 110px;
  height: 1px;
  background: #1492FF;
  position: absolute;
  left: 30px;
  bottom: 0;
}

.page_header_name {
  width: 600px;
}
.page_header_name span {
  font-size: 28px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #1492FF;
  margin-left: 30px;
} 
.page_header_name p {
  width: auto;
  margin-left: 16px;
}
.page_header_name .p1 {
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #7C828A;
  margin-right: 6px;
}
.page_header_name .p2 {
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #E62223;
  margin-right: 6px;
}
.page_header_location {
  width: 600px;
  height: 100%;
}
.page_header_location .img1 {
  width: 15px;
  height: 18px;
}
.page_header_location .img2 {
  width: 10px;
  height: 12px;
  margin-top: 3px;
}
.page_header_location .t1 {
  font-size: 16px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #7C828A;
  margin-left: 6px;
  margin-right: 6px;
}
.page_header_location .t2 {
  font-size: 16px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #181E23;
  margin-left: 5px;
  margin-right: 15px;
}
.article_container {
  width: 1200px;
  height: auto;
}
.article_container .article_li {
  width: 100%;
  height: 131px;
  padding: 0 18px;
  box-sizing: border-box;
  background: #fff;
}
.article_container .article_li a {
  height: 100%;
  width: 100%;
  display: inline-block;
}
.article_container .article_li:hover {
  background-image: url(/site/resource/images/articel_list.png);
}
.article_li_content {
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #DDDDDD;
}
.article_li_left {
  width: 134px;
  height: 100%;
}
.article_li_left .p1 {
  font-size: 40px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #1492FF;
}
.article_li_left .p2 {
  font-size: 18px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #223037;
}
.article_li:hover .article_li_left .p1 {
  color: #fff;
}
.article_li:hover .article_li_left .p2 {
  color: #fff;
}
.article_li .line {
  width: 1px;
  height: 85px;
  background: #DDDDDD;
}
.article_li_info {
  width: 870px;
  height: 100%;
}
.article_li_info .p1 {
  width: 100%;
  font-size: 22px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #181E23;
}
.article_li:hover .article_li_info .p1 {
  color: #fff;
}
.article_li_info .p2 {
  width: 100%;
  font-size: 16px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #7C828A;
  margin-top: 5px;
}
.article_li:hover .article_li_info .p2 {
  color: #cde7ff;
}
.article_li_btn {
  width: 97px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  border: 1px solid #0B7BDB;
}
.article_li_btn span {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #0B7BDB;
}
.article_li_btn img {
  width: 5px;
  height: 8px;
  margin-left: 6px;
  margin-top: 2px;
}


.page_header2 {
  height: auto;
  padding-bottom: 15px;
  border-bottom: 1px dashed #BAC0C8;
}
.page_header2 .page_header_location {
  margin-top: 12px;
  margin-bottom: 10px;
}
.page_header.page_header2:after {
  width: 0;
}
.article_title {
  width: 100%;
  padding: 0 100px;
  box-sizing: border-box;
  font-size: 24px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #181E23;
  line-height: 40px;
  text-align: center;
}
.article_info {
  width: 100%;
  margin-top: 16px;
}
.article_info span {
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #7C828A;
  margin-right: 22px;
}
.article_detail {
  width: 1200px;
  height: auto;
  background: #fff;
}
.article_detail .articel_conetnt {
  padding: 15px 100px 30px 100px;
  box-sizing: border-box;
  border-bottom: 1px dashed #BAC0C8;
}

.detail_next_prex {
  width: 100%;
  padding: 30px 0;
}
.detail_next_prex a {
  width: 45%;
}
.page_bar {
  width: 100%;
  font-size: 14px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #9EA5AF;
}
.page_bar span {
  font-size: 14px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #223037;
  margin-left: 12px;
  margin-right: 6px;
}

.classify {
  width: 1200px;
  height: auto;
  padding: 30px 24px;
  box-sizing: border-box;
}
.classify_title b {
  width: 5px;
  height: 5px;
  background: #FF9001;
  border-radius: 5px;
}
.classify_title span {
  font-size: 16px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #01130C;
  margin-right: 12px;
  margin-left: 6px;
}
.classify ul {
  width: auto;
  height: auto;
}
.classify .classify_item {
  width: auto;
  height: 30px;
  padding: 0 12px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  border: 1px solid #D4D4D4;
  line-height: 30px;
  text-align: center;
  margin-right: 15px;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #272F3C;
}
.classify a {
  color: # ;
}
.classify_item.active {
  background: #1492FF;
  border: 1px solid #1492FF;
  color: #fff;
}
.utilize {
  width: 1200px;
  padding: 0 24px;
  box-sizing: border-box;
}
.utilize_list {
  width: 370px;
  height: 130px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #DDDDDD;
  position: relative;
  padding: 15px 18px 13px 18px;
  box-sizing: border-box;
  margin-bottom: 20px;
  display: inline-block;
}
.utilize_list:nth-child(3n+2) {
  margin-left: 15px;
  margin-right: 15px;
}
.utilize_list .link_line {
  position: absolute;
  left: 0;
  top: 20px;
  width: 4px;
  height: 18px;
}
.utilize_list_content {
  width: 100%;
  height: auto;
}
.utilize_list_content .title {
  width: 100%;
  font-size: 20px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #01130C;
}
.utilize_list_content .info {
  width: 100%;
  height: auto;
  margin-top: 12px;
}
.utilize_list_content .info img {
  width: 116px;
  height: 65px;
}
.utilize_list_content .info .info_class {
  width: 200px;
  margin-left: 15px;
}
.utilize_list_content .info .info_class .p1 {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #BAC0C8;
  line-height: 18px;
  margin-top: 4px;
}
.utilize_list_content .info .info_class .p2 {
  margin-top: 12px;
  width: 68px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  border: 1px solid #BAC0C8;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #7C828A;
}

.software_list {
  width: 276px;
  height: 130px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #DDDDDD;
  position: relative;
  padding: 28px 24rpx;
  box-sizing: border-box;
  margin-bottom: 20px;
  display: inline-block;
}
.software_list:nth-child(4n+2) {
  margin-left: 10px;
  margin-right: 10px;
}
.software_list:nth-child(4n+3) {
  margin-right: 10px;
}
.software_list .link_line {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  height: 23px;
  background: #EFEFEF;
  border-bottom-left-radius: 10px;
  text-align: center;
  line-height: 23px;
  padding: 0 8px;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #AEB4BC;
}
.software_list_content {
  width: 100%;
  height: 100%;
}
.software_list_content .info {
  width: 100%;
  height: auto;
  margin-top: 4px;
}
.software_list_content .info img {
  width: 73px;
  height: 73px;
  margin-left: 24px;
}
.software_list_content .info .info_class {
  width: auto;
  margin-left: 23px;
}
.software_list_content .info .info_class .p1 {
  font-size: 18px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #01130C;
}
.software_list_content .info .info_class .p3 {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #BAC0C8;
  margin-top: 4px;
}
.software_list_content .info .info_class .p2 {
  margin-top: 6px;
  width: 68px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  border: 1px solid #BAC0C8;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #7C828A;
}
.page_header.honor_head:after {
  left: 19px;
}
.page_header.honor_head .page_header_name span {
  margin-left: 19px;
}
.utilize.honor_main {
  padding: 0 19px;
}
.honor_main a {
  display: inline-block;
}
.honor_list {
  width: 276px;
  height: 247px;
  margin-top: 20px;
}
.honor_main a:nth-child(4n+2) {
  margin-left: 14px;
  margin-right: 14px;
}
.honor_main a:nth-child(4n+3) {
  margin-right: 14px;
}
.honor_list img {
  width: 276px;
  height: 207px;
}
.honor_list p {
  width: 100%;
  padding: 0 10px;
  margin-top: 10px;
  font-size: 15px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  text-align: center;
  box-sizing: border-box;
}

.subject_list {
  width: 376px;
  height: 158px;
  margin-top: 20px;
}
.subject_list img {
  width: 376px;
  height: 158px;
  
}
.subject_main a:nth-child(3n+2) {
  margin-left: 12px;
  margin-right: 12px;
}
.utilize.subject_main {
  padding: 0 19px;
}
.subject_main a {
  display: inline-block;
}
.table_container {
  width: 1200px;
  height: auto;
}
.duty_main {
  width: 1200px;
  margin: 0 auto;
  height: auto;
}
.duty_detail {
  width: 100%;
  padding: 0 24px;
  box-sizing: border-box;
  height: auto;
  margin-top: 30px;
  background: #fff;
}
.duty_detail_head {
  width: 100%;
  height: 46px;
  line-height: 46px;
  background: #F1F8FE;
  position: relative;
}
.duty_detail_head:after {
  content: '';
  width: 5px;
  height: 20px;
  background: #1492FF;
  position: absolute;
  top: 13px;
  left: 0;
  border-radius: 5px;
}
.duty_detail_head .p2 {
  font-size: 24px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #223037;
  margin-left: 18px;
}

.duty_ul_main {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.duty_li_main {
  width: 128px;
  height: 256px;
  background: #FFFFFF;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  border: 1px solid #DDDDDD;
  margin-bottom: 15px;
  cursor: pointer;
  position: relative;
}
.duty_li_main .today {
  width: 45px;
  height: 26px;
  position: absolute;
  left: 50%;
  margin-left: -22px;
  top: -12px;
}
.duty_li_main:hover {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 76%, #EBF6FF 100%);
  box-shadow: 0px 3px 9px 1px rgba(0,0,0,0.16);
  border: 1px solid #1492FF;
}
.duty_li_main .title {
  width: 112px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 16px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #0B7BDB;
  background: #fff;
}
.duty_li_main .duty_li_info {
  width: 100%;
  height: 100%;
  background: #fff;
}
.duty_li_main .duty_li_info .p5 {
  width: 100%;
  font-size: 24px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #1492FF;
  line-height: 58px;
  text-align: center;
}
.duty_li_main .duty_li_info .p6 {
  width: 100%;
  font-size: 18px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #223037;
  text-align: center;
}
.duty_li_main .duty_li_info .p1 {
  width: 100%;
  padding-top: 14px;
  text-align: center;
}
.duty_li_main .duty_li_info .p1 img {
  width: 56px;
  height: 56px;
  border-radius: 56px;
}
.duty_li_main .duty_li_info .p2 {
  width: 100%;
  padding-top: 5px;
  text-align: center;
  font-size: 16px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #223037;
}
.duty_li_main .duty_li_info .p3 {
  width: 100%;
  padding-top: 8px;
  text-align: center;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #223037;
}
.duty_li_main .duty_li_info .p4 {
  width: 100%;
  padding-top: 5px;
  text-align: center;
  font-size: 14px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #223037;
}

.confirm {
  width: 100vw;
  height: 100vh;
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.6);
  z-index: 2;
}
.confirm.fixed {
  display: flex;
}
.confirm_container {
  width: 1200px;
  height: 805px;
  background: #DDDDDD;
}
.confirm_header {
  width: 100%;
  height: 68px;
  background: #fff;
  padding: 0 18px;
  box-sizing: border-box;
}
.confirm_header span {
  display: inline-block;
  width: 1120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 24px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #000000;
}
.confirm_header img {
  width: 21px;
  height: 21px;
  cursor: pointer;
}
.confirm .swiper-container {
  width: 100%;
  height: 737px;
  padding: 0 109px;
  box-sizing: border-box;
}
.confirm .swiper-wrapper {
  width: 983px;
  height: 737px;
}
.confirm .swiper-wrapper .swiper-slide {
  width: 983px;
  height: 737px;
}
.confirm .swiper-wrapper .swiper-slide img {
  width: 983px;
  height: 737px;
}

.float-container {
  position: relative;
  z-index:99999999999;
}

.float-container p {
  text-align: right;
  position: absolute;
  margin: 0;
  top: -25px;
  right: 0;
  cursor: pointer;
}
.float-container .del {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 17px;
  height: 17px;
  cursor: pointer;
}

/*Plugin CSS*/
.str_wrap {
  overflow:hidden;
  //zoom:1;
  width:100%;
  font-size:12px;
  line-height:16px;
  position:relative;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;  
  white-space:nowrap;
}

.str_wrap.str_active {
  
}
.str_move { 
  white-space:nowrap;
  position:absolute; 
  top:0; 
  left:0;
  cursor:move;
}
.str_move_clone {
  display:inline-block;
  //display:inline;
  //zoom:1;
  vertical-align:top;
  position:absolute; 
  left:100%;
  top:0;
}
.str_vertical .str_move_clone {
  left:0;
  top:100%;
}
.str_down .str_move_clone {
  left:0;
  bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
  white-space:normal;
  width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
  cursor:inherit;
}
.str_wrap img {
  max-width:none !important;  
}

.theme {
  width: 100%;
  height: 100%;
  background-size:100% 100%;
}
.theme_head {
  width: 100%;
  padding-top: 80px;
}
.theme_title {
  font-size: 50px;
  font-weight: 500;
  font-family: PingFangSC, PingFang SC;
  color: #fff;
  letter-spacing: 2px;
  text-shadow: 1px 1px 3px #000;
  text-align: center;
}
.theme_title img {
  margin: 0 15px;
  width: 20px;
  height: 20px;
}
.theme_head .p2 {
  font-size: 35px;
  font-family: PingFangSC, PingFang SC;
  color: #FFFFFF;
  margin-top: 50px;
  text-align: center;
}
.theme_head .p3 {
  font-size: 24px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: 16px;
  margin-bottom: 10px;
  text-align: center;
}

.theme_article {
  width: 490px;
  height: 550px;
  box-sizing: border-box;
}
.theme_article_content {
  width: 100%;
  height: 265px;
  background: #FFFAE9;
  border-radius: 8px;
  overflow: hidden;
}
.theme_article_content2 {
  width: 49.2%;
  height: 265px;
  background: #FFFAE9;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 20px
}
.theme_article_head {
  width: 100%;
  height: 43px;
  line-height: 43px;
  position: relative;
}
.theme_article_head .s1 {
  display: inline-block;
  width: 50%;
  height: 100%;
  text-indent: 25px;
  background-image: linear-gradient( to right , #c91917, #FFFAE9);
  font-size: 24px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #fff;
}
.theme_more {
  width: 40%;
  padding-right: 10px;
}
.theme_more span {
  font-size: 15px;
  color: #909399;;
}
.theme_more img {
  width: 11px;
  height: 18px;
  margin-left: 4px;
}
.theme_article_ul {
  margin-top: 16px;
  padding: 0 16px;
  width: 100%;
  box-sizing: border-box;
}
.theme_article_li {
  width: 100%;
  height: 40px;
  cursor: pointer;
  position: relative;
}

.theme_article_li_left {
  width: 365px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.theme_article_li .t1 {
  display: block;
  width: 4px;
  height: 4px;
  background: #DDDDDD;
  opacity: 0.6;
  border: 1px solid #666;
}
.theme_article_li .t2 {
  display: block;
  width: 348px;
  font-size: 16px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #303133;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left:6px;
}
.theme_article_li .t3 {
  font-size: 16px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #BAC0C8
}

.theme_banner {
  width: 100%;
  height: 400px;
  position: relative;
}

.banner.tbanner .swiper-pagination {
  width: 100%;
  position: absolute;
  bottom: 44px !important;
  text-align: center !important;
  box-sizing: border-box;
}
.theme_banner .swiper-paginationt {
  width: 100%;
  position: absolute;
  bottom: 14px !important;
  text-align: center; !important;
  padding-right: 10px;
  box-sizing: border-box;
  z-index: 3;
}

.theme_cate {
  width: 100%;
  margin: 0 auto;
  padding-top: 20px;
  flex-wrap: wrap;
}
.theme_paper {
  width: 100%;
  height: auto;
}
.theme_paper_ul {
  width: 100%;
  height: auto;
  flex-wrap: wrap;
}
.theme_paper_li {
  width: 32.6%;
  height: 140px;
  padding: 10px 20px;
  box-sizing: border-box;
  background: #FFFAE9;
  border-radius: 8px;
  margin-bottom: 12px;
  cursor: pointer;
}
.theme_paper_li:nth-child(3n+2) {
  margin-left: 1.1%;
  margin-right: 1.1%;
}
.theme_paper_li img {
  width: 70px;
  height: auto;
}
.theme_paper_li .paper_info {
  margin-left: 30px;
}
.paper_info .p1 {
  height: 60px;
  font-size: 18px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  color: #303133;
  line-height: 30px;
}
.paper_info .p2 {
  font-size: 16px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #909399;
  line-height: 22px;
  margin-top: 4px
}
.theme_paper_more {
  display: block;
  text-align: center;
  width: 100%;
  height: auto;
  padding: 20px 0 50px 0;
}
.theme_paper_more span {
  font-size: 22px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #909399;
  line-height: 30px;
  cursor: pointer;
}
.theme_paper_more img {
  width: 11px;
  height: 20px;
  margin-left: 5px;
  margin-top: -5px;
  cursor: pointer;
}