@charset "UTF-8";
html{
  font-size: 7.69vw;
}
@media screen and  (min-width:1300px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}

html {
  scrollbar-width: thin;
  scrollbar-color: #187bb2 rgba(255, 255, 255, .75);
}
html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color: #187bb2;border-radius:8px;
}
html::-moz-scrollbar {
  width:8px; 
}
html::-moz-scrollbar-thumb {
  background-color: #187bb2;border-radius:8px;
}	


.w_width{max-width:1300px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:80px;padding-right:80px;}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
.ctext1{padding-left: 15px;padding-right: 15px;}
}


.t_navs{ width:100%; position: relative; left:0; top:0; z-index: 30;}
.t_navs.tcm{ position: fixed;}
.t_navs .top{ width:100%; background: #10568a;}
.t_navs .down{ width:100%; background: #187bb2;}
.t_navs .menu{ width:100%; display: block;}
.t_navs .menu .u1{ width:100%; display: flex; justify-content: space-between;}
.t_navs .menu .nli{ float: left; position: relative;}
.t_navs .menu .nli span a{ display: block;color: #fff; position: relative;line-height:57px; padding:0 0.16rem; font-size: 16px;}
.t_navs .menu .nli span a::after{ content:''; display:block; width:0; height:2px; background: #fff; position: absolute; left:50%; bottom:0; transform: translate(-50%,0); -ms-transform:translate(-50%,0);}
.t_navs .menu .nli.on span a{color: #fff; font-weight: bold;}
.t_navs .menu .nli:hover span a{color: #fff;}
.t_navs .menu .nli.on span a::after,
.t_navs .menu .nli:hover span a::after{ width:100%;}
.t_navs .menu .sub{display: none; position: absolute; top:100%; width:170px; left:50%; background:rgba(255,255,255,0.95); z-index:8; box-shadow:0 3px 6px rgba(0,0,0,0.1);transform: translate(-50%,0); -ms-transform:translate(-50%,0); padding:10px 0;}
.t_navs .menu .sub li{ display: block; width: 100%;/* border-bottom:1px solid rgba(0,0,0,0.1); */}
/* .t_navs .menu .sub li:last-child{border-bottom:0;} */
.t_navs .menu .sub li a{ position: relative; display: block; width: 100%; white-space: nowrap; padding:4px 14px; color: #333; font-size:14px; line-height:24px;}
.t_navs .menu .sub li a:after{ display: block; content:''; position: absolute; right:14px; top:50%; width:7px; height:7px; border-top:1px solid #000; border-right:1px solid #000; opacity:0.8; transform: translate(0,-50%) rotate(45deg);-ms-transform: translate(0,-50%) rotate(45deg);}
.t_navs .menu .sub li a:hover{ background: #187bb2; color:#fff;}
.t_navs .menu .sub li a:hover:after{ border-top:1px solid #fff; border-right:1px solid #fff;}
.t_navs .box{ display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height:1.31rem;}
.t_navs .right{ display: inline-flex; align-items: center;}
.t_navs .logo{ display:inline-flex; align-items:center; line-height: 0;}
.t_navs .logo .a{ display: block;}
.t_navs .logo .a img{ height:.8rem;}
.t_navs .logo .a1{ display: block; /**border-left:1px solid rgba(255,255,255,0.2);margin-left: 0.22rem;*// padding:0.07rem 0 0.03rem 0.22rem;}
.t_navs .logo .a1 img{ height:1.4rem;}
.t_navs .dl{ display: flex; margin:0 0 0 10px;position: relative;}
.t_navs .dl>a{ display: flex; background: #fff; height:36px; border-radius:36px; line-height:1;     min-width: 64px;
  padding-left: 10px;
  align-items: center;
  font-size:14px!important;
  padding-right: 10px;justify-content:center; color: #10568a; font-size:16px; padding-bottom: 1px;}
.t_navs .dl>a:hover{ background: #187bb2; color: #fff;}
.t_navs .top .search{ width:3.2rem;}
.t_navs .search{ display:flex; border-radius:36px; overflow: hidden;}
.t_navs .search .text{ display: flex; width:100%; height:36px; color:#fff; font-size:14px; line-height:26px; background:#0d456e; border:0; padding:4px 13px;}
.t_navs .search .submit{ display: flex; width:44px; min-width:44px; height:36px; background:url(img/_search.svg) 11px center no-repeat #ffffff; background-size:19px 19px !important;}
.t_navs .search .submit:hover{background:url(img/_search1.svg) 11px center no-repeat #187bb2;}
.t_navs input::placeholder{ opacity:1 !important;}
.t_navs ::-webkit-input-placeholder{ color:rgba(255,255,255,0.7);}
.t_navs :-moz-placeholder{ color:rgba(255,255,255,0.7);}
.t_navs ::-moz-placeholder{ color:rgba(255,255,255,0.7);}
.t_navs :-ms-input-placeholder{ color:rgba(255,255,255,0.7);}

._head{ width:100%;}

@media screen and (max-width:1440px) {
.t_navs .menu .nli span a{ padding:0 0.1rem; font-size: 15px;}	
.t_navs .dl a{ font-size: 15px;}
.t_navs .top .search{ width:2.8rem;}
.t_navs .logo .a1{ margin-left: 0.16rem; padding:0.07rem 0 0.03rem 0.16rem;}
}
@media screen and (max-width:1260px) {
.t_navs .menu .nli span a{ padding:0; font-size: 14px;}	
.t_navs .dl a{ font-size: 14px;}
}
@media screen and (max-width:1400px) {
  .t_navs .logo .a1 img{ height:1rem;}
}
@media screen and (max-width:1100px) {
.roll-context{ display:none;}
.t_navs .down{ display:none;}
.t_navs .top .search{display:none;}
.t_navs .dl{ margin:0 15px 0 0;}
.t_navs .dl a{ height:26px; border-radius:3px; width:40px; font-size:12px; padding-bottom: 0;}
.t_navs .search .text{padding:7px 15px; height:40px; background: #f5f5f5;}
.t_navs .search .submit{width:48px; min-width: 48px; height:40px; background:url(img/_search1.svg) 13px center no-repeat #187bb2;}
.t_navs .search .submit:hover{background:url(img/_search1.svg) 13px center no-repeat #187bb2;}
.t_navs input::placeholder{ opacity:1 !important;}
.t_navs ::-webkit-input-placeholder{ color:rgba(0,0,0,0.7);}
.t_navs :-moz-placeholder{ color:rgba(0,0,0,0.7);}
.t_navs ::-moz-placeholder{ color:rgba(0,0,0,0.7);}
.t_navs :-ms-input-placeholder{ color:rgba(0,0,0,0.7);}
.t_navs .xialaph .search{ margin-top:30px;}
.t_navs .box{ height:56px;}
.t_navs .logo .a img{ height:38px;}
.t_navs .logo .a1{ margin-left:10px; padding:6px 0 4px 10px;}
.t_navs .logo .a1 img{ height:55px;}
._head.tcm{ height:56px;}
}
@media screen and (max-width:767px) {
.t_navs .logo .a1{ margin-left:0rem; padding:6px 0 4px 0px;}
.t_navs .logo .a1 img{ height:1.5rem;}
.t_navs .logo .a img{ height:1rem;}
}
.t_navs .menuph{float: right; width: 40px; height: 40px; cursor: pointer; text-align: center; margin:5px -8px; display: none;}
.t_navs .menuph .menu-toggle {width: 40px;height: 40px;position: absolute;overflow: hidden;z-index: 20;}
.t_navs .menuph .cd-nav-trigger {display: block;width: 40px;height: 40px;}
.t_navs .menuph .menu-toggle span.hamburger {content:"";display:block;width:18px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px;left: 8px;margin-left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.t_navs .menuph .menu-toggle span.hamburger:after,
.t_navs .menuph .menu-toggle span.hamburger:before{content:"";display:block;width:24px;height:2px;background:#fff  ;position:absolute;top:50%;margin-top:-1px;left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.t_navs .menuph .menu-toggle span.hamburger:after {margin-top:-8px;top:0;transition-delay:0.27s;}
.t_navs .menuph .menu-toggle span.hamburger:before {margin-top:8px;top:0;transition-delay:0.2s;}
.t_navs .menuph .menu-toggle span.hamburger span{width: 2px;height: 2px;display: block;background: #fff;position: absolute;right: 20px;top:50%;margin-top:-1px;}
.t_navs .menuph .menu-toggle span.hamburger .span1{margin-top: -9px;}
.t_navs .menuph .menu-toggle span.hamburger .span3{margin-top: 7px;}
.t_navs .menuph .menu-toggle span.cross:before,
.t_navs .menuph .menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.t_navs .menuph .menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.t_navs .menuph .menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.t_navs .cross::before,
.t_navs .cross::after {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.t_navs .menuph.active .menu-toggle span.hamburger,
.t_navs .menuph.active .menu-toggle span.hamburger:after,
.t_navs .menuph.active .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.t_navs .menuph.active .menu-toggle span.hamburger:after {transition-delay:0s;}
.t_navs .menuph.active .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.t_navs .menuph.active .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.t_navs .menuph.active .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}

@media screen and (max-width:1100px) {
.t_navs .menuph{ display: block;}
}

.t_navs .xialaph{ position: fixed; left:0; top:56px; float: left; width: 100%; height:100%; z-index: 40; display:none; background:#fff; padding:0 15px; border-top:1px solid rgba(0,0,0,0.1); overflow-y: auto; padding:0 15px 100px 15px;}
.t_navs .xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.t_navs .xialaph .a1box{width: 100%;position: relative;padding:10px 0;}
.t_navs .xialaph .a2box{width: 100%;position: relative;}
.t_navs .xialaph .a1{font-size:16px;color: #333;line-height:30px;position: relative;padding-right:30px;display: block;width: 100%;}
.t_navs .xialaph .on .a1{ color: #187bb2;}
.t_navs .xialaph .icobox{width:60px;height:50px;position: absolute;right:-10px;top:0; z-index: 10;}
.t_navs .xialaph .icobox:after{ display: block; content:'';width:9px;height:9px;position: absolute;right:20px;top:50%; transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #333;  border-right:1px solid #333;}
.t_navs .xialaph .on .icobox:after{border-top:1px solid #187bb2;  border-right:1px solid #187bb2; transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;}
.t_navs .xialaph .u2{width: 100%;padding:0 15px 20px 15px;display: none;}
.t_navs .xialaph .u2 .l2{ width: 100%;display: block;display: inline-flex; flex-wrap: wrap;}
.t_navs .xialaph .u2 .a2{ width: 100%;font-size:15px;color: #333;line-height:32px;}
.t_navs .xialaph .on .a2{ color: #187bb2;}
.t_navs .xialaph .u3{width: 100%;padding:10px 15px; margin:8px 0; display: none; background: #f5f5f5;}
.t_navs .xialaph .u3 .l3{ width: 100%;}
.t_navs .xialaph .u3 .a3{ width: 100%; font-size:14px;color: #333;line-height:26px;}
.t_navs .xialaph .u3 .a3:hover{ color: #187bb2;}

.index-banner{ display:flex; width: 100%; overflow: hidden; z-index:5; position: relative; }
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .swiper-slide .pc_show{width: 100%;}
.index-banner .swiper-slide .ph_show{width: 100%;}
.index-banner .swiper-pagination{ display:flex; position: absolute; z-index:10; bottom:20px; width:100%; justify-content: center;}
.index-banner .swiper-pagination-bullet{ display: flex; width:30px; height:3px; border-radius: 3px; background: #fff; opacity:0.5; margin:0 5px;}
.index-banner .swiper-pagination-bullet-active{ opacity:1;}


@media screen and (max-width:1024px) {
.index-banner .swiper-pagination{ bottom:15px;}
.index-banner .swiper-pagination-bullet{width:20px; }
}



.footer{ background: #111111;position: relative;z-index: 10;}
.footer .top{ padding:68px 0 73px 0; align-items:flex-start;}
.footer .Copyright{ display: block; text-align: center; color:#fff; color:rgba(255,255,255,0.5); padding:17px 0 11px 0; border-top: 1px solid rgba(255,255,255,0.1);}
.footer .Copyright a{ color:#fff; color:rgba(255,255,255,0.5); margin-left:12px;}
.footer .Copyright a:hover{ color: #fff;}
.footer .left{ display: flex; flex-direction: column; margin-right:15px;}
.footer .nav{ display: flex; flex-wrap: wrap; flex-direction: column; width:4.1rem;}
.footer .nav .tit{ display: block; font-size:16px; line-height:26px; padding:16px 0 12px 0; width:100%; border-bottom:1px solid rgba(255,255,255,0.1);}
.footer .nav ul{ display: flex; flex-wrap: wrap; width:100%; justify-content: space-between; margin-top:9px;}
.footer .nav li{ display: flex; flex-direction: column;flex: 1 1 25%; }
.footer .nav li a{ display: flex; color:#fff; color:rgba(255,255,255,0.5); line-height:30px;}
.footer .nav li a:hover{ color: #fff;}
.footer .nav li:last-child a{ margin-left: 0 !important;}
.footer .logo{ display: flex; line-height: 0;}
.footer .logo a img{ height:58px;}
.footer .addr{ display:flex; flex-direction: column; opacity:0.5; margin-top:34px; line-height:30px;}
.footer .addr .fs14{ display: inline-flex;}
.footer .er{ display: flex; flex-wrap: wrap; justify-content: space-between; width:260px; margin-top:31px;}
.footer .er .li{ width:120px; text-align: center;}
.footer .er .li i{ display: block; width:100%;}
.footer .er .li span{ display: block; width:100%; margin-top:6px; opacity:0.5;}


@media (max-width: 1024px){
.footer .top{ position: relative; padding:25px 0;}
.footer .left{ margin:0;}
.footer .addr{ margin-top:15px; line-height:26px;}
.footer .nav{ display:none; width:100%;}
.footer .nav li a{ line-height:26px;}
.footer .nav ul{ margin-top:12px;}
.footer .er{ margin-top:0;}
}
@media (max-width: 767px){
.footer .top{ justify-content: center; padding:25px 0;}	
.footer .Copyright{ font-size:13px; line-height:22px;}
.footer .Copyright .a{ display: block;}
.footer .er{ position:static; margin-top:20px;}
}



.b_navs .pf_down{ display: none; width: 100%; float: left; position: fixed; left: 0; bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); background: #eaf1ff; z-index: 16; box-shadow:0 0 9px rgba(0,0,0,0.07);}
.b_navs .pf_down li{ width:25%; float: left; text-align: center; padding:8px 0;}
.b_navs .pf_down li a{ width:100%; float: left; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.b_navs .pf_down li .ico7{ width: 100%; float: left; height: 22px; line-height:0; display: flex; justify-content: center; align-items: center; position:relative;}
.b_navs .pf_down li .ico7 img{ width:22px; height: 22px;}
.b_navs .pf_down li .d_name{ width: 100%; float: left; margin-top:2px; font-size: 14px; color: #187bb2; line-height: 14px;}
/*.b_navs .pf_down li:hover{ background: #c30d23;}*/ 



@media screen and (max-width:767px) {
.b_navs .pf_down{ display: block;}
.b_navs .bottomnav{ height:54px; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}
}



.left_pf{position: fixed;right:0.2rem;top: 50%;transform: translate(0,-50%); z-index:15;display: none;}
.left_pf li{height:0.64rem;width:0.64rem;position: relative;cursor: pointer;border-radius:5px; border:1px solid #c0d5ff; background: #eaf1ff; display:flex; flex-direction: column; align-items: center;justify-content: center; margin-top: -1px;}
.left_pf li a.a_zx{display:flex; flex-direction: column; align-items: center;justify-content: center;}
.left_pf li .icon{display: flex; width:0.3rem; height:0.3rem; align-items: center; justify-content: center; flex-wrap: wrap;}
.left_pf li .icon img{ width:100%;}
.left_pf li .i{ display: block; border-left:5px solid transparent; border-right:5px solid transparent;border-bottom:7px solid #187bb2; }
.left_pf li .name{ display: block; width:100%; text-align: center; color: #187bb2; font-family:Arial; font-size:14px; line-height:1; font-weight: bold; margin-top:0.08rem;}
.left_pf li .show{ display: block;}
.left_pf li .hide{ display: none;}
.left_pf li:hover{background:url(img/bg1.png) center; background-size:100% 100%; border:0;}
.left_pf li:hover .i{border-bottom:7px solid #fff;}
.left_pf li:hover .name{color:#fff;}
.left_pf li:hover .show{ display: none;}
.left_pf li:hover .hide{ display: block;}
.left_pf li .pf_content{position: absolute;right:0;transition: all .5s ease;top:50%;width: auto; opacity: 0; transform:translateY(-50%) scale(0); -ms-transform:translateY(-50%) scale(0); box-shadow:0 0 6px rgba(0,0,0,0.15);}
.left_pf li .pf_content::after{ display: block; content: ''; position: absolute; left: 100%; top:50%; margin-top: -5px; border-top:5px solid transparent; border-bottom:5px solid transparent;border-left:7px solid #eaf1ff; }
.left_pf li .con_text{line-height:30px;padding:12px 20px;white-space: nowrap;border-radius:5px;font-size:18px; font-weight: bold; color: #187bb2;background: #eaf1ff}
.left_pf li .con_pic{width:100px; padding:0px; background:#eaf1ff; line-height:0; border-radius:5px; overflow: hidden;}
.left_pf li .con_pic img{ width:100%;}
.left_pf li:hover .pf_content{right:0.74rem; opacity:1; transform:translateY(-50%) scale(1); -ms-transform:translateY(-50%) scale(1);}

@media screen and (max-width:1460px) {
.left_pf{right:0.08rem;}
}
@media (max-width: 1024px){
.left_pf{display: none !important;}
}



.mbs{ display: flex; align-items: center; overflow: hidden;white-space: nowrap; text-overflow:ellipsis;color: #555; line-height:24px; padding:18px 0 15px 0;}
.mbs a{ display: inline-block; color: #555;}
.mbs i{ display: inline-block; margin:0 6px;}
.mbs .ico{ line-height: 0; margin-right:4px;}
.mbs .ico img{ min-width:20px; width:20px; height:20px;}
.mbs a.on{ color: #187bb2;}
.mbs a:hover{ color: #187bb2;}

@media screen and (max-width:1024px) {
.mbs{ padding:10px 0 10px 0;}
}

/* 分页 */
.wack1{ width:100%; padding:30px;}
.wack1 .pz_fy{ display:flex; justify-content: center; text-align:center;}
.wack1 .pz_fy a { float:left; width:24px; height:24px; line-height:22px; border:1px solid #e5e5e5; color:#323232; font-size:12px; margin:0 4px;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{color:#fff;border:1px solid #187bb2; background:#187bb2;}
.wack1 .fy_pc{ display:none; justify-content: center; text-align:center; font-size:12px; color:#323232;}
.wack1 .fy_pc a{ padding:2px 20px 3px 20px; color:#fff; background:#187bb2; border-radius:16px; overflow:hidden;}
.wack1 .fy_pc span{ margin:0 20px;}

@media  screen and (max-width:1024px){	
.wack1{ padding:20px 14px;}	
.wack1 .pz_fy{ display: none;}
.wack1 .fy_pc{ display: flex;}
}


.back0{ padding-bottom: 62px; position: relative;background-size:100% 11rem !important; }
.back0::before{ display: block; content:''; position: absolute; z-index:1; background-size:100% 100% !important; }
.back0::after{ right:0; top:3.52rem; width:7.12rem; height:7.4rem;background:url(img/bg3.png) right top no-repeat;}
.back0::before{ left:50%; margin-left:0.16rem; bottom:0; width:14rem; height:5.71rem;background:url(img/bg4.png) center bottom no-repeat; transform: translateX(-50%); -ms-transform: translateX(-50%); }
._box{ display: flex; flex-wrap: wrap; width:100%; background: #fff; border-radius:5px;}
._box1{ display: flex; flex-wrap: wrap; width:100%; align-items: center; justify-content:space-between; border-bottom:1px solid #e5e5e5; padding:13px 30px;}
._title1{ display:inline-flex; color: #187bb2; font-weight: bold; font-size:24px; line-height:34px;}
._r1{ display:flex; align-items: center; width:3.2rem;}
.search1{ display:flex; width:100%;}
.search1 .text{ display: flex; width:100%; height:36px; color:#000; font-size:14px; line-height:26px; border:1px solid #e5e5e5; border-radius:36px 0 0 36px; background:#fff; padding:4px 13px;}
.search1 .submit{ display: flex; width:44px; min-width:44px; height:36px; background:url(img/_search1.svg) 11px center no-repeat #187bb2; background-size:19px 19px  !important; border-radius:0 36px 36px 0;}
.search1 .submit:hover{background:url(img/_search1.svg) 11px center no-repeat #10568a;}

.search1 ::-webkit-input-placeholder{ color:rgba(0,0,0,0.7);}
.search1 :-moz-placeholder{ color:rgba(0,0,0,0.7);}
.search1 ::-moz-placeholder{ color:rgba(0,0,0,0.7);}
.search1 :-ms-input-placeholder{ color:rgba(0,0,0,0.7);}

@media screen and (max-width:1600px) {
.back0{background-size:116% 11rem !important;}
}
@media screen and (max-width:1024px) {
.back0{ padding-bottom:32px;background-size:140% 11rem !important;}
.back0::before{ width:100%; height:12rem;}
._box1{padding:13px 14px;}
._title1{ font-size:18px; line-height:28px;}
._r1{ width:220px;}
}
@media screen and (max-width:767px){ 
.back0{background-size:140% 22rem !important;}

}

._list1{ width:100%; margin-top:17px;}
._list1 .li{ display: flex; flex-wrap: wrap; width:100%; margin-top: -1px; padding:0 30px;}
._list1 .li .a{ display: flex; width:100%; padding:11px 0; border-bottom:1px solid #e5e5e5; color: #000; line-height:25px;}
._list1 .li .a .tit{ width:100%; font-size:16px; position: relative; padding:0 0 0 18px;}
._list1 .li .a .tit::after{ display:block; content:''; position: absolute; left:2px; top:10px; width:6px; height:6px; background: #187bb2; transform:rotate(45deg); -ms-transform:rotate(45deg); }
._list1 .li .a .time{ width:120px; min-width:120px; justify-content: flex-end; display: flex; font-size:14px; }
._list1 .li:hover{ position: relative; z-index: 6; background: #eaf1ff; font-weight: bold;}
._list1 .li:hover .a{color: #187bb2;border-bottom:1px solid #eaf1ff;}

@media screen and (max-width:1024px){ 
._list1{ margin-top:10px;}	
._list1 .li{ padding:0 14px;}
._list1 .li .a .tit{font-size:15px;}
._list1 .li .a .time{ width:95px; min-width:95px; }
}


._list2{ width:100%; margin-top:5px; padding:0 18px;}
._list2 .ul{ display: flex; flex-wrap: wrap; width:100%;}
._list2 .li{ display: flex; flex-wrap: wrap; width:33.33%; margin-top:25px; padding:0 12px;}
._list2 .li .a{ display: flex; flex-wrap: wrap; width:100%; position: relative; height:100%; padding:25px 0.29rem 27px 0.29rem; border-radius: 5px; border:1px solid #e5e5e5;}
._list2 .li .a .tit{ width:100%; font-size:16px; color: #000; line-height:30px; height:60px;}
._list2 .li .a .time{ display: flex; align-items: center; justify-content: center; width:96px; height:26px; border-radius:26px; color: #187bb2; border:1px solid #187bb2; font-size:14px; margin-top:20px; }
._list2 .li:hover .a{ background: #eaf1ff; border:1px solid #eaf1ff;}
._list2 .li:hover .tit{ color: #187bb2; font-weight: bold;}
._list2 .li:hover .time{ background: #187bb2;color: #fff;}

@media screen and (max-width:1024px){ 
._list2{ padding:0 8px;}	
._list2 .li{width:50%; margin-top:14px; padding:0 6px;}
._list2 .li .a{ padding:15px 12px 20px 12px; text-align: justify;}
._list2 .li .a .tit{font-size:15px; line-height:23px; height:46px;}
._list2 .li .a .time{ width:94px; padding-bottom:1px; font-size:13px; margin-top:12px; }
}
@media screen and (max-width:767px){ 
._list2 .li{width:100%;}	

}


._list3{ width:100%; padding:20px;}
._list3 .ul{ display: flex; flex-wrap: wrap; width:100%;}
._list3 .li{ display: flex; flex-wrap: wrap; width:16.66%; padding:10px;}
._list3 .li .a{ display: flex; flex-wrap: wrap; align-content: flex-start; width:100%; position: relative; height:100%; padding:20px 10px 10px 10px; background: #eaf1ff; text-align: center;}
._list3 .li .a .tit{ display: block; width:100%; font-weight: bold; color: #000; font-size:16px; line-height:26px; margin-top: 5px;}
._list3 .li .a .p{ display: block; width:100%; color: #000; font-size:16px; line-height:26px; margin-top:5px;}
._list3 .li .a .s{ display: block; width:100%; color: #000; font-size:14px; line-height:24px; margin-top:6px;}
._list3 .li .a .ico{ display:flex; align-items: center; justify-content: center; margin:0 auto; width:44px; height:44px; border-radius:50%; background: #187bb2; line-height: 0;}
._list3 .li .a .ico img{ width:30px; height:30px;}
._list3 .li .a .ino{ display: block; width:100%; line-height: 0; border:1px solid #e5e5e5;}
._list3 .li:last-child .a{ justify-content:space-between;}
._list3 .li .a .er{ width:46.5%;}


@media screen and (max-width:1024px){ 
._list3{ padding:8px;}	
._list3 .li{width:50%; padding:6px;}
._list3 .li .a{ padding:18px 16px;}
._list3 .li .a .tit{font-size:15px; line-height:23px; margin-top:10px; }
._list3 .li .a .p{font-size:15px; line-height:23px; margin-top: 4px; }
._list3 .li .a .er{ width:120px;}
._list3 .li .a .s{ margin-top: 4px;}
._list3 .li:last-child .a{ justify-content:space-around;}
}
@media screen and (max-width:767px){ 
._list3 .li{width:100%; padding:6px;}	
._list3 .li .a0{ position: relative; text-align:left; min-height:96px; padding-left:88px;}
._list3 .li .a .ico{ position: absolute; left:16px; top:18px; width:60px; height:60px;}
._list3 .li .a .tit{ margin-top:6px; }
._list3 .li .a .p{ margin-top:0; }
._list3 .li:last-child{ width:100%;}
}


.mapbox{ display: block; width:100%; position: relative; padding:0 30px 30px 30px;}
.mapbox .a{ position: relative; display: block; width:100%; height:547px;}
.mapbox .bg{ display: block; width:100%; height:100%;}
.mapbox .box{ display:block; position:absolute; z-index:5; line-height: 0; margin:-15px 0 0 -15px;}
.mapbox .box .ico{ width:30px;}
.mapbox .box .cont{ white-space: normal; display: flex; width:310px; text-align: center; flex-wrap: wrap; justify-content: center; position:absolute; left:50%; bottom:100%; margin-bottom:15px; z-index:5; background: #fff; padding:14px 10px 16px 10px; box-shadow:0 6px 8px 0 rgba(0,0,0,0.11); transform: translate(-50%,0); -ms-transform: translate(-50%,0);}
.mapbox .box .cont::after{ content:''; display:block; position: absolute; left:50%; top:100%; border-left:9px solid transparent; border-right:9px solid transparent;border-top:10px solid #fff;  margin:0 0 0 -9px; z-index:6;}
.mapbox .box .cont .tit{ width:100%; font-weight: bold; color: #000000; font-size:20px; line-height:30px;}
.mapbox .box .cont .p{ color: #fff; font-size:16px; line-height:22px; background: #187bb2; padding:0 7px 2px 7px; margin-top:4px;}
.mapbox .box .cont .p:hover{ background: #10568a;}

@media screen and (max-width: 1024px) {
.mapbox{ padding:0 14px 14px 14px;}	
.mapbox .a{ height:300px; border:0;}
.mapbox .box .cont{ width:240px;padding:8px 10px 12px 10px;}
.mapbox .box .cont .tit{ font-size:15px; line-height:25px;}
.mapbox .box .cont .p{ font-size:12px; line-height:22px;}
}


.slide1{ background: #fff; display: flex; flex-wrap: wrap; width:100%; border-radius: 5px; padding:10px; position: sticky; top:20px; }
.slide1 .u1{ display: flex; flex-wrap: wrap; width:100%; margin-top:1px;}
.slide1 .u1 .l1{ display: flex; flex-wrap: wrap; width:100%; margin-top: -1px; position: relative; padding:0 10px; }
.slide1 .u1 .l1 .a1{ display: flex; align-items:center; width:100%; position: relative; color:#000; font-size:16px; line-height:28px; padding:10px 0; border-bottom: 1px solid #e5e5e5;}
.slide1 .u1 .l1 .a1 .ico{ display: block; width:22px; min-width:22px; height:22px; margin-right:6px;}
.slide1 .u1 .l1 .a1 .ico img{ width:100%;}
.slide1 .u1 .l1 .a1 .hide{ display:none;}
.slide1 .u1 .l1 .ino{ cursor: pointer; display: block; position: absolute; right:0; top:0; z-index: 6; width:10px; height:100%;}
.slide1 .u1 .l1 .ino::after{ content: ''; float:left; position:absolute; right:0; top:50%; margin-top: -2px; border-top:4px solid transparent; border-bottom:4px solid transparent;border-left:6px solid #fff; opacity:0; }
.slide1 .u1 .l1.on .ino::after,
.slide1 .u1 .l1:hover .ino::after{ opacity:1;}
.slide1 .u1 .l1.on{ margin:1px 0 2px 0;}
.slide1 .u1 .l1.on,
.slide1 .u1 .l1:hover{ background: #187bb2;border-radius: 5px;}
.slide1 .u1 .l1.on .a1,
.slide1 .u1 .l1:hover .a1{border-bottom: 1px solid #187bb2; color: #fff;}
.slide1 .u1 .l1.on .a1 .show,
.slide1 .u1 .l1:hover .a1 .show{ display:none;}
.slide1 .u1 .l1.on .a1 .hide,
.slide1 .u1 .l1:hover .a1 .hide{ display:block;}


@media screen and (max-width:1024px) {
.slide1{ padding:5px 10px; position:relative; top:0;}	
.slide1 .u1{ align-items: flex-start; white-space: nowrap; flex-wrap:nowrap; overflow-x: auto;scrollbar-color: #fff rgba(43, 125, 225, 0);}
.slide1 .u1 .l1{ width:auto; margin:5px 0 !important; padding:0 14px;}
.slide1 .u1 .l1 .a1{border-bottom:0; padding:7px 0; font-size:14px; line-height:25px;}
.slide1 .u1 .l1 .a1 .ico{ margin-right:4px;}
.slide1 .u1 .l1.on{ margin:5px 0 !important;}
.slide1 .u1 .l1.on .a1,
.slide1 .u1 .l1:hover .a1{border-bottom:0;}
.slide1 .u1 .l1.on .ino::after,
.slide1 .u1 .l1:hover .ino::after{ opacity:0;}
}



._box2{ display: flex; flex-wrap: wrap; width:100%; justify-content: space-between;}
._box3{ display: flex; flex-wrap: wrap; align-content: flex-start; width:220px;}
._box4{ display: flex; flex-wrap: wrap; align-content: flex-start; width:calc(100% - 240px);}
._box6{ display: flex; flex-wrap: wrap; align-content: flex-start; width:320px;}
._box5{ display: flex; flex-wrap: wrap; align-content: flex-start; width:calc(100% - 340px);}

@media screen and (max-width:1024px) {
._box3{ width:100%;}
._box4{ width:100%; margin-top:14px;}
._box5{ width:100%;}
._box6{ width:100%; margin-top:10px;}
}


._list4{ width:100%;}
._list4 .ul{ display: flex; flex-wrap: wrap; width:100%;}
._list4 .li{ display: flex; flex-wrap: wrap; width:100%; margin-top: -1px; padding:0 30px;}
._list4 .li .a{ display: flex; flex-wrap: wrap; position:relative; width:100%; padding:25px 0; border-bottom:1px solid #e5e5e5;}
._list4 .li .a .tit{ width:100%; font-size:16px; color: #000; line-height:26px; padding-right:140px;}
._list4 .li .a .p{ width:100%; font-size:14px; color: #555; line-height:24px; height:48px; margin-top: 15px;}
._list4 .li .a .time{ display: flex; align-items: center; justify-content: center; width:96px; height:26px; border-radius:26px; color: #187bb2; border:1px solid #187bb2; font-size:14px; position: absolute; right:0; top:25px; z-index: 6; }
._list4 .li:hover{ position: relative; z-index: 6; background: #eaf1ff;}
._list4 .li:hover .a{border-bottom:1px solid #eaf1ff;}
._list4 .li:hover .tit{ color: #187bb2; font-weight: bold;}
._list4 .li:hover .time{ background: #187bb2;color: #fff;}

@media screen and (max-width:1024px){ 
._list4 .li{ padding:0 14px;}
._list4 .li .a{ padding:18px 0;}
._list4 .li .a .tit{font-size:15px; line-height:24px; padding-right:0;}
._list4 .li .a .p{margin-top:5px;}
._list4 .li .a .time{ margin-top:7px; position: static; width:94px; padding-bottom:1px; font-size:13px; top:0; }
}




.news2{ position: sticky; top:20px; }
.news2 ._title1{ color: #000; padding:24px 20px 27px 20px;}

.news1{ display: flex; flex-wrap: wrap; align-content: flex-start; width:100%;}
.news1 .top{ padding:34px 0.4rem;}
.news1 .title{ display: block; width:100%; color: #000; font-weight: bold; font-size:24px; line-height:34px;}
.news1 .time{ display: block; width:100%; color: #333; font-size:16px; line-height:26px;}
.news1 .time .s{ margin-right: 0.24rem;}
.news1 .info{ display: block; width:100%; border-bottom: 1px  solid #e5e5e5; margin-top: 1px; padding-bottom: 25px; margin-bottom:23px;}
.news1 .cont{ display: block; width:100%; color: #333; font-size:16px; line-height:30px; }
.news1 .info{ position: relative; display:flex; flex-wrap:wrap; width:100%;}
.news1 .share{ position: absolute;  right:0; top:-12px;}
.news1 .share .a{ display: flex; align-items: center; justify-content: center; background:none !important; font-size:16px; height:26px !important; line-height:26px; color: #333; width:auto !important; padding:0 !important; margin: 0 !important;}
.news1 .share .a .i{ width:20px;height:20px;display:flex; background:url(img/_share-one.svg) center no-repeat; background-size:100% 100% !important; margin-right:5px;}
.news1 .share .a:hover{color:#187bb2 !important;}
.news1 .voide{ display: block; width: 100%; line-height: 0; position: relative; margin:7px 0 26px 0;}
.news1 .play{ display: block; position: absolute; left:50%; top:50%; width:0.68rem; height:0.68rem; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }

.bdshare_popup_box{ display:none !important;}
._page{ margin-top:10px; justify-content: space-between; position: relative; width:100%; padding:18px 0.4rem;}
._page a{ display:inline-flex; color: #000; font-size:14px; line-height:24px;}
._page a:hover{ color: #187bb2;}
._page .prev{ max-width:48%; padding:0 50px 0 0;}
._page .next{ max-width:48%; padding:0 0 0 50px;}
._page .renter{ white-space: nowrap; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }


@media screen and (max-width:1024px) {
.news2{ position:relative; top:0; }	
.news2 ._title1{ padding:14px 14px;}
.news1 .top{ padding:22px 14px; }	
.news1 .title{ font-size:18px; line-height:28px;}
.news1 .time{ font-size:15px; line-height:26px;}
.news1 .info{ padding-bottom:15px; margin-bottom: 15px;}
.news1 .cont{ font-size:15px; line-height:26px;}
.news1 .share{ top:0;}
.news1 .share .a{ font-size:15px;}
.news1 .voide{ margin:7px 0 15px 0;}
.news1 .play{ width:44px; height:44px;}

._page{ padding:12px 14px;}
/* ._page .prev{ max-width:100%; width:100%; padding:0 80px 0 0;}
._page .next{ max-width:100%; width:100%; padding:0 80px 0 0;}
._page .renter{ margin-left:-14px; left:100%; top:50%; transform: translate(-100%,-50%); -ms-transform: translate(-100%,-50%);} */

}
@media screen and (max-width:767px) {
.news1 .time .s{ margin-right:15px;}
.news1 .time .s:first-child{ margin-right: 0; width:100%; display: block;}
}


._list5{ width:100%;}
._list5 .ul{ display: flex; flex-wrap: wrap; width:100%;}
._list5 .li{ display: flex; flex-wrap: wrap; width:100%; margin-top: -1px; padding:0 20px;}
._list5 .li .a{ display: flex; flex-wrap: wrap; position:relative; width:100%; padding:13px 0 16px 0; border-top:1px solid #e5e5e5;}
._list5 .li .a .tit{ width:100%; font-size:16px; color: #000; line-height:30px;}
._list5 .li .a .time{ width:100%; font-size:14px; color: #888; line-height:24px; margin-top:9px; padding-left: 24px;background: url(img/_time.svg) 0 4px no-repeat; background-size: 18px 18px !important;}
._list5 .li:hover{ position: relative; z-index: 6; background: #eaf1ff;}
._list5 .li:hover .a{ border-top:1px solid #eaf1ff;}
._list5 .li:hover .tit{ color: #187bb2; font-weight: bold;}
._list5 .li:hover .time{background: url(img/_time1.svg) 0 4px no-repeat; color: #187bb2;}

@media screen and (max-width:1024px){ 
._list5 .li{ padding:0 14px;}
._list5 .li .a{ padding:13px 0;}
._list5 .li .a .tit{font-size:15px; line-height:24px;}
._list5 .li .a .time{margin-top:2px;}
}
@media screen and (max-width:767px){ 

}

._box7{ overflow: hidden;}
._box7 .pic{ width:27.7%; line-height: 0; padding:50px 0.4rem;
background-image: linear-gradient(90deg, #fcfdff 0%, #eaf1ff 90%);
background-image: -webkit-linear-gradient(90deg, #fcfdff 0%, #eaf1ff 90%);
}
._box7 .pic ._img{ padding-bottom:146.66%; border-radius:10px;}
._box7 .cont{width:72.3%; padding:45px 0.4rem 34px 0.4rem; }
._box7 .name{ width:100%; font-size:30px; color: #000; line-height:40px; font-weight: bold;}
._box7 .info{ display: flex; flex-wrap: wrap; width:100%; font-size:18px; color: #187bb2; line-height:36px; border-bottom: 1px solid #e5e5e5; padding:16px 0 20px 0;}
._box7 .info .s{ display: flex; border-radius:36px; background: #eaf1ff; padding:0 20px; margin:0 10px 10px 0;}
._box7 .tit{ width:100%; font-size:16px; color: #000; line-height:30px; font-weight: bold; margin-top:23px;}
._box7 .p{ width:100%; font-size:16px; color: #555; line-height:30px; padding-bottom:8px;}

@media screen and (max-width:1024px){ 
._box7{ position: relative;}
._box7 .pic{ width:148px; padding:14px 14px;}
._box7 .cont{width:100%; padding:0 14px 28px 14px; position:relative;border-top: 1px solid #eaf1ff; }
._box7 .name{ font-size:20px; line-height:30px; position: absolute; left:148px; top:-150px; width:calc(100% - 148px); padding:0 14px;}
._box7 .info{ font-size:12px; line-height:24px;padding:16px 8px 10px 14px; position: absolute; left:148px; top:-125px; width:calc(100% - 148px);border-bottom:0;}
._box7 .info .s{border-radius:24px; padding:0 10px; margin:0 6px 6px 0;}
._box7 .tit{font-size:15px; line-height:25px; margin-top:20px;}
._box7 .p{font-size:15px; line-height:25px; padding:4px 0;}

}


._list8{ width:100%;}
._list8 .ul{ display: flex; flex-wrap: wrap; width:100%;}
._list8 .li{ display: flex; flex-wrap: wrap; width:100%; margin-top: -1px; padding:0 30px;}
._list8 .li .a{ display: flex; width:100%; align-items: center; padding:30px 0; border-bottom:1px solid #e5e5e5;}
._list8 .li .a .pic{ width:228px; min-width:228px; margin-right:0.4rem;}
._list8 .li .a ._img{ padding-bottom: 65.8%; border-radius: 10px;}
._list8 .li .a .cont{ width:100%;}
._list8 .li .a .tit{ width:100%; font-size:18px; color: #000; line-height:28px;}
._list8 .li .a .p{ width:100%; font-size:14px; color: #555; line-height:24px; height:48px; margin-top: 14px;}
._list8 .li .a .time{ width:100%; font-size:14px; color: #555; line-height:24px; margin-top:24px; padding-left: 24px;background: url(img/_time2.svg) 0 4px no-repeat; background-size: 18px 18px !important;}
._list8 .li:hover{ position: relative; z-index: 6; background: #eaf1ff;}
._list8 .li:hover .a{border-bottom:1px solid #eaf1ff;}
._list8 .li:hover .tit{ color: #187bb2; font-weight: bold;}


@media screen and (max-width:1024px){ 
._list8 .li{ padding:0 14px;}
._list8 .li .a{ padding:14px 0;}
._list8 .li .a .pic{ width:152px; min-width:152px; margin-right:12px;}
._list8 .li .a .tit{font-size:15px; line-height:23px;}
._list8 .li .a .p{margin-top:4px; line-height:22px; height:44px;}
._list8 .li .a .time{margin-top:4px;}
}
@media screen and (max-width:767px){ 
._list8 .li .a .tit{-webkit-line-clamp:2; height:46px;}
._list8 .li .a .time{ display:none;}
}



._list9{ width:100%; padding:0 17px;}
._list9 .ul{ display: flex; flex-wrap: wrap; width:100%;}
._list9 .li{ display: flex; flex-wrap: wrap; width:25%; margin-top:30px; padding:0 13px;}
._list9 .li .a{ display: flex; flex-wrap: wrap; width:100%; position: relative; border-bottom:1px solid #e5e5e5;}
._list9 .li .a::after{ content:''; display: flex; width:0; height:4px; background: #187bb2; position: absolute; left:0; bottom:-4px; z-index: 6;}
._list9 .li .a ._img{ padding-bottom: 65.5%;}
._list9 .li .a .tit{ width:100%; color: #000; font-size:16px; line-height:24px; height:48px; margin:14px 0 36px 0; }
._list9 .li .a:hover .tit{ font-weight: bold; color: #187bb2;}
._list9 .li .a:hover::after{ width:100%;}

@media screen and (max-width:1024px){ 
._list9{ padding:0 8px;}	
._list9 .li{ margin-top:16px; padding:0 6px;}
._list9 .li .a .tit{font-size:15px; line-height:23px; height:46px; margin:12px 0 12px 0;}
._list9 .li .a::after{height:2px;bottom:-2px; }
}
@media screen and (max-width:767px){ 
._list9 .li{ width:50%;}
}



._list10{ width:100%;}
._list10 .ul{ display: flex; flex-wrap: wrap; width:100%;}
._list10 .li{ display: flex; flex-wrap: wrap; width:100%; margin-top: -1px; padding:0 30px;}
._list10 .li .a{ display: flex; position: relative; width:100%; padding:30px 0; border-bottom:1px solid #e5e5e5; }
._list10 .li .a::after{ opacity:0; display: block; content:''; position: absolute; left:-30px; top:0; width:158px; height:100%; z-index:1;background:url(img/bg5.png) left center no-repeat; background-size:100% 100% !important;}
._list10 .li .a .pic{ position: relative; z-index: 6; width:150px; min-width:150px; margin-right:0.4rem;}
._list10 .li .a ._img{ padding-bottom:146.66%; border-radius:5px;}
._list10 .li .a .cont{ position: relative; z-index: 6; width:100%;}
._list10 .li .a .name{ width:100%; font-size:20px; color: #000; line-height:30px; font-weight: bold; margin-top:14px;}
._list10 .li .a .info{ display: flex; flex-wrap: wrap; width:100%; font-size:14px; color: #187bb2; line-height:24px; margin-top:16px;}
._list10 .li .a .info .s{ display: flex; border-radius:24px; background: #eaf1ff; padding:0 16px; margin:0 10px 10px 0;}
._list10 .li .a .p{ width:100%; font-size:14px; color: #555; line-height:24px; height:48px; margin-top:5px;}
._list10 .li .a .ico{ display:inline-flex; justify-content: center; align-items: center; width:26px; height:26px; border-radius:3px; position: relative;background: #187bb2; margin-top:32px; font-size:18px; color: #fff; line-height:1; padding-bottom:2px;}
._list10 .li:hover{ position: relative; z-index: 6; background:#eaf1ff; }
._list10 .li:hover .a{border-bottom:1px solid #eaf1ff;}
._list10 .li:hover .a::after{ opacity:1;}
._list10 .li:hover .name{ color: #187bb2;}
._list10 .li:hover .a .info .s{ background: #fff;}


@media screen and (max-width:1024px){ 
._list10 .li{ padding:0 14px;}
._list10 .li .a{ padding:14px 0; }
._list10 .li .a::after{ left:-14px; width:108px;}
._list10 .li .a .pic{ width:100px; min-width:100px; margin-right:12px;}
._list10 .li .a .name{ font-size:18px; line-height:28px; margin-top:2px; }
._list10 .li .a .info{ font-size:12px; margin-top:6px; margin-right:-10px;width: calc(100% + 10px);}
._list10 .li .a .info .s{ margin:0 6px 6px 0; padding:0 10px;}
._list10 .li .a .p{ margin-top: 0; line-height: 22px; height:44px;}
._list10 .li .a .ico{ margin-top:8px; width:24px; height:24px; }
}


.h-tit{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.h-tit .tit{ display: flex; align-items: center; font-weight: bold; font-size:30px; line-height:36px; }
.h-tit .tit img{ width:30px; height:30px; margin-right: 4px;}
.h-tit .search1 .text{ background:none;border: 1px solid rgba(0,0,0,0.1);}
.h-tit .search1-1 .text{ color: #fff; border: 1px solid rgba(255,255,255,0.1);}
.h-tit .search1-1 ::-webkit-input-placeholder{ color:rgba(255,255,255,0.7);}
.h-tit .search1-1 :-moz-placeholder{ color:rgba(255,255,255,0.7);}
.h-tit .search1-1 ::-moz-placeholder{ color:rgba(255,255,255,0.7);}
.h-tit .search1-1 :-ms-input-placeholder{ color:rgba(255,255,255,0.7);}
.h-tit .more{ display:flex; width:66px; min-width: 66px; justify-content: flex-end; color: #888; font-size:14px; line-height:24px; padding-right: 12px; position: relative;}
.h-tit .more:after{ display: block; content:''; position: absolute; right:0; top:50%; margin-top:-3px; width:7px; height:7px; border-top: 1px solid #888; border-right: 1px solid #888; transform: rotate(45deg); -ms-transform: rotate(45deg);} 
.h-tit .more:hover{ color: #187bb2; }
.h-tit .more:hover:after{ border-top: 1px solid #187bb2; border-right: 1px solid #187bb2; } 
.h-tit .more1{ color: #fff;}
.h-tit .more1:after{ border-top: 1px solid #fff; border-right: 1px solid #fff;} 
.h-tit .more1:hover{ color: #fff; opacity:0.8;}
.h-tit .more1:hover:after{ border-top: 1px solid #fff; border-right: 1px solid #fff; } 
.h-tit ._l2{ display:inline-flex; align-items: center;}
.h-tit ._r2{ display:inline-flex; align-items: center;}
.h-tit ._r2 .search1{ width:3.2rem;}
.h-tit ._r3{ display:inline-flex; align-items: center;}
.h-tit ._r3 .search1{ width:3.6rem; position: relative;}
.search1-2 .text1{ position: relative; cursor: pointer; width:98px; min-width:98px; margin-right: -1px;}
.search1-2 .text1::after{ display: block; content:''; position: absolute; right:12px; margin-top: -2px; top:50%; border-left:3px solid transparent; border-right:3px solid transparent;border-top: 4px solid #004fdf;}
.search1-2 .text2{border-radius:0;}
.search1-2 .down{    max-height: 400px;
  overflow-y: auto; overflow-x: hidden; display:none; z-index:10; position: absolute; left: 0; margin-top: -1px; top:100%; /**width:98px;**/ padding:10px 0;border: 1px solid rgba(0,0,0,0.1);border-radius:5px; background: #eaf1ff;}
.search1-2 .down li{ cursor: pointer; display:flex; width:100%; color: #000; font-size:14px; line-height:26px; padding:0 13px;}
.search1-2 .down li:hover{ color: #187bb2;}
/**.search1-2:hover .down{ display:block;}**/
.text1:hover + .down{ display:block;}
.down:hover{ display:block;}

@media screen and (max-width:1024px){ 
.h-tit .tit{ font-size:18px; line-height:24px; }
.h-tit .tit img{ width:24px; height:24px;}
.h-tit .more{ width:52px; min-width:52px;}
.h-tit ._l2{ width:100%; justify-content: space-between;}	
.h-tit ._l2:nth-child(2){         margin-top: 15px;}	
.h-tit ._r2{ width:100%; margin-top:15px;}
.h-tit ._r2 .search1{ width:100%;}
.h-tit ._r3{ width:100%; margin-top:15px;}
.h-tit ._r3 .search1{ width:100%;}
}


.h-main3{ padding-top:55px; padding-bottom: 60px;}
.h-main4{ padding-top:55px; padding-bottom: 45px;
background-image: linear-gradient(90deg, #115b8f 0%, #1777ad 100%);
background-image: -webkit-linear-gradient(90deg, #115b8f 0%, #1777ad 100%);}
.h-main2{ position: relative; overflow: hidden; padding-top:37px; padding-bottom: 60px;}
.h-main2:after{ display: block; content:''; position: absolute; left: 0; top:0; width:100%; height:100%; z-index: 1; background: #0d275c; opacity: 0.7;}
.h-main2 .h-tit{ border-bottom: 2px solid rgba(255,255,255,0.1);}
.h-main2 .u1{ display:flex;}
.h-main2 .u1 li{ display:flex; margin-right:0.53rem;}
.h-main2 .u1 li:last-child{ margin-right: 0 !important;}
.h-main2 .u1 li a{ display:flex; position: relative; color:#fff; font-size:20px; line-height:32px; padding:20px 0;}
.h-main2 .u1 li.on a:after{ display: block; content:''; position: absolute; left:0; bottom: -2px; z-index: 6; width:100%; height:2px; background: #fff;}
.h-main2 .u1 li.on a{ font-size:24px;}
.h-main1{ padding-top:55px; padding-bottom: 60px;}
.h-main1 .u1{ display:flex; margin-left: 0.2rem;}
.h-main1 .u1 li{ display:flex; margin-left:10px;}
.h-main1 .u1 li a{ display:flex; align-items: center; color:#187bb2; border:1px solid #187bb2; border-radius:36px; font-size:16px; line-height:1; height:36px; padding:0 18px 1px 18px;}
.h-main1 .u1 li.on a{ background: #187bb2; color: #fff; font-weight: bold;}

@media screen and (max-width:1024px){ 
.h-main3{ padding-top:25px; padding-bottom:30px; background-size:100% 100% !important; }
.h-main4{ padding-top:25px; padding-bottom:30px;}
.h-main2{ padding-top:25px; padding-bottom:30px;}
.h-main2 .h-tit{border-bottom:0;}
.h-main2 .u1{ width:100%;border-bottom: 2px solid rgba(255,255,255,0.1);}
.h-main2 .u1 li{ margin-right:16px;}
.h-main2 .u1 li a{ font-size:14px; line-height:32px; padding:10px 0;}
.h-main2 .u1 li.on a{ font-size:16px;}
.h-main2 .h-tit ._r2{ margin:15px 0 0 0;}
.h-main1{ padding-top:25px; padding-bottom:30px; background-size:100% 100% !important;}
.h-main1 .u1{ margin-left: 0.2rem;}
.h-main1 .u1 li a{border-radius:28px; font-size:14px; line-height:1; height:28px; padding:0 14px 1px 14px;}
}
@media screen and (max-width:767px){ 
.h-main1 .u1{ margin-left:0;}
.h-main1 .u1 li{ margin-left:5px;}
.h-main1 .u1 li:first-child{ margin-left:0;}
.h-main1 .u1 li a{border-radius:26px; font-size:12px; line-height:1; height:26px; padding:0 8px 1px 8px;}
}

.h-box7{ display: block; width:calc(100% + 20px); margin:12px -10px 0 -10px;}
.h-box7 .ul{ display: flex; flex-wrap: wrap; width:100%;}
.h-box7 .ul li{ display: flex; flex-wrap: wrap; width:16.66%; padding:15px 10px;}
/**.h-box7 .ul li a{ display:block; line-height: 0; width:100%; overflow: hidden; border-radius:10px;background-color: #10568a;}**/
.h-box7 .ul li a {
  display: flex; /* 修改部分：使用Flexbox布局 */
  justify-content: center; /* 修改部分：水平居中 */
  align-items: center; /* 修改部分：垂直居中 */
  line-height: 0;
  width: 100%;
  height: 100px; /* 添加一个高度 */
  overflow: hidden;
  border-radius: 10px;
  background-color: #10568a;
}
.h-box7 .ul li a img {
  max-height: 100%; /* 确保图片不会超过父元素的高度 */
  max-width: 100%; /* 确保图片不会超过父元素的宽度 */
}
.h-box7 .ul li a:hover{ transform: translateY(-10px); -ms-transform: translateY(-10px); box-shadow:0 10px 6px rgba(5,81,135,1); -ms-box-shadow:0 10px 6px rgba(5,81,135,1);}


@media screen and (max-width:1024px){ 
.h-box7{ display: block; width:calc(100% + 12px); margin:14px -6px 0 -6px;}
.h-box7 .ul li{padding:6px 6px;}
.h-box7 .ul li a{ border-radius:5px;}
.h-box7 .ul li a:hover{ transform: translateY(0); -ms-transform: translateY(0); box-shadow:0 5px 3px rgba(5,81,135,1); -ms-box-shadow:0 5px 3px rgba(5,81,135,1);}
}
@media screen and (max-width:767px){ 
.h-box7 .ul li{  width:33.33%;}
}



.h-box1{ display: flex; flex-wrap: wrap; width:100%; align-items: flex-start; justify-content: space-between; margin:26px 0 55px 0;}
.h-box1 .img{ display: block; line-height: 0; width:30%;}
.h-box1 .img .pic{ width:100%;}
.h-box1 .img ._img{ padding-bottom:calc(140px + 1.62rem); border-radius:10px;}
.h-box1 .img .slick-dots{ position: absolute; left:0;bottom:20px; z-index: 6;}
.h-box1 .img .slick-dots li{ border:1px solid #fff;}
.h-box1 .img .slick-dots li.slick-active{ background:#fff;}
.h-box1 .list{ width:68.2%; margin-top:-18px;}
.h-box1 .list .li{ display: flex; flex-wrap: wrap; width:100%; margin-top:0.18rem;}
.h-box1 .list .li .a{ display: flex; width:100%; color: #000;}
.h-box1 .list .li .a .tit{ width:100%; font-size:16px; line-height:26px; position: relative; padding:0 17px;}
.h-box1 .list .li .a .tit::after{ display:block; content:''; position: absolute; left:2px; top:10px; width:6px; height:6px; background: #187bb2; transform:rotate(45deg); -ms-transform:rotate(45deg); }
.h-box1 .list .li .a .time{ width:78px; min-width:78px; line-height:26px; justify-content: flex-end; display: flex; font-size:14px; }
.h-box1 .list .li .a:hover{color: #187bb2; font-weight: bold;}

@media screen and (max-width:1440px){ 
.h-box1 .img ._img{ padding-bottom:calc(260px + 1.08rem);}
.h-box1 .list{ margin-top:-0.12rem;}
.h-box1 .list .li{margin-top:0.12rem;}
.h-box1 .list .li .a .time{ width:58px; min-width:58px;}
}
@media screen and (max-width:1024px){ 
.h-box1{ margin:22px 0 25px 0;}	
.h-box1 .img{ width:100%;}
.h-box1 .img ._img{ padding-bottom:66.14%;border-radius: 5px;}
.h-box1 .list{ width:100%; margin-top:14px;}
.h-box1 .list .li{margin-top:4px;}
.h-box1 .list .li .a .tit{font-size:14px; line-height:24px; padding:0 0 0 16px;}
.h-box1 .list .li .a .time{ font-size:13px; line-height:24px; }
}

.h-box2{ display: flex; flex-wrap: wrap; width:100%; margin:27px 0 54px 0; border:1px solid #fff; justify-content: space-between; border-radius: 10px; background: rgba(255,255,255,0.2); padding:22px 26px 20px 22px;}
.h-box2 .li{ display: flex; flex-wrap: wrap; width:47.5%; margin:0.09rem 0;}
.h-box2 .li .a{ display: flex; width:100%; color: #000;}
.h-box2 .li .a .tit{ width:100%; font-size:16px; line-height:26px; position: relative; padding:0 0 0 17px;}
.h-box2 .li .a .tit::after{ display:block; content:''; position: absolute; left:2px; top:10px; width:6px; height:6px; background: #187bb2; transform:rotate(45deg); -ms-transform:rotate(45deg); }
.h-box2 .li .a .time{ width:78px; min-width:78px; justify-content: flex-end; display: flex; font-size:14px; line-height:26px; }
.h-box2 .li .a:hover{color: #187bb2;font-weight: bold;}

@media screen and (max-width:1440px){ 
.h-box2 .li{margin:0.06rem 0;}
}
@media screen and (max-width:1024px){ 
.h-box2{ margin:20px 0 25px 0; padding:16px 14px; border-radius: 5px;}
.h-box2 .li{margin-top:4px;}
.h-box2 .li .a .tit{font-size:14px; line-height:24px; padding:0 0 0 16px;}
.h-box2 .li .a .time{ width:52px; min-width:52px; font-size:13px; line-height:24px;}
}
@media screen and (max-width:767px){ 
.h-box2 .li{ width:100%; margin:2px 0;}
}

.h-box3{ display: flex; flex-wrap: wrap; width:100%; margin:26px 0 56px 0; border:1px solid #fff; justify-content: space-between; border-radius: 10px; background: rgba(255,255,255,0.2); padding:14px;}
.h-box3 .ul{ display: flex; flex-wrap: wrap; width:100%;}
.h-box3 .li{ display: flex; flex-wrap: wrap; width:25%; padding:14px;}
.h-box3 .li .a{ display: flex; flex-wrap: wrap; width:100%; position: relative; }
.h-box3 .li .a ._img{ padding-bottom: 65.5%;}
.h-box3 .li .a .tit{ width:100%; color: #000; font-size:16px; line-height:24px; height:48px; margin:14px 0 18px 0; }
.h-box3 .li .a .ico{ display:inline-flex; justify-content: center; align-items: center; width:26px; height:26px; border-radius:3px; position: relative;background: #187bb2; font-size:18px; color: #fff; line-height:1; padding-bottom:2px; margin-bottom: 2px;}
.h-box3 .li .a:hover .tit{ font-weight: bold; color: #187bb2;}


@media screen and (max-width:1024px){ 
.h-box3{ margin:20px 0 25px 0; padding:6px 8px;border-radius: 5px;}
.h-box3 .li{ padding:8px 6px;}
.h-box3 .li .a .tit{font-size:14px; line-height:22px; height:44px; margin:12px 0;}
.h-box3 .li .a::after{height:2px;bottom:-2px; }
.h-box3 .li .a .ico{ width:24px; height:24px; }

}
@media screen and (max-width:767px){ 
.h-box3 .li{ width:50%;}
}


.h-box4{ display: flex; flex-wrap: wrap; width:100%; margin:26px 0 56px 0;}
.h-box4 .ul{ display: flex; flex-wrap: wrap; width:calc(100% + 30px); margin:-15px;}
.h-box4 .li{ display: flex; flex-wrap: wrap; width:33.33%; padding:15px;}
.h-box4 .li .a{ display: flex; flex-wrap: wrap; width:100%; border:1px solid #fff; border-radius: 10px; background: rgba(255,255,255,0.2); padding:24px 30px 27px 30px;}
.h-box4 .li .a .tit{ width:100%; font-size:16px; color: #000; line-height:30px; height:60px;}
.h-box4 .li .a .time{ display: flex; align-items: center; justify-content: center; width:60px; height:26px; border-radius:26px; color: #187bb2; border:1px solid #187bb2; font-size:14px; margin-top:20px; }
.h-box4 .li  .a:hover{ border:1px solid rgba(255,255,255,0);
background-image: linear-gradient(-145deg, #10568a 0%, #187bb2 100%);
background-image: -webkit-linear-gradient(-145deg, #10568a 0%, #187bb2 100%);
}
.h-box4 .li .a:hover .tit{ color: #fff; font-weight: bold;}
.h-box4 .li .a:hover .time{ color: #fff; border:1px solid #fff; }

@media screen and (max-width:1024px){ 
.h-box4{margin:20px 0 25px 0;}	
.h-box4 .ul{ width:calc(100% + 12px); margin:-6px;}
.h-box4 .li{ padding:6px 6px;}
.h-box4 .li .a{ padding:14px 12px 18px 12px; border-radius: 5px;}
.h-box4 .li .a .tit{font-size:14px; line-height:22px; height:44px;}
.h-box4 .li .a .time{ padding-bottom:1px; font-size:13px; margin-top:12px; }
}
@media screen and (max-width:767px){ 
.h-box4 .li{width:50%;}	
}




.h-box5{ display: flex; flex-wrap: wrap; width:100%;}
.h-box5 .ul{ display: flex; flex-wrap: wrap; width:calc(100% + 18px); margin:0 -9px;}
.h-box5 .li{ display: flex; flex-wrap: wrap; width:50%; margin-top:18px; padding:0 9px;}
.h-box5 .li .a{ position: relative; display: flex; flex-wrap: wrap; width:100%; border:1px solid #fff; border-radius: 10px; background: rgba(255,255,255,0.2); padding:24px 28px 25px 28px;}
.h-box5 .li .a .tit{ width:100%; font-size:16px; color: #000; line-height:26px; padding-right:120px;}
.h-box5 .li .a .p{ width:100%; font-size:14px; color: #555; line-height:24px; height:48px; margin-top: 15px;}
.h-box5 .li .a .time{ display: flex; align-items: center; justify-content: center; width:60px; height:26px; border-radius:26px; color: #187bb2; border:1px solid #187bb2; font-size:14px; position: absolute; right:26px; top:24px; z-index: 6; }
.h-box5 .li .a:hover{ border:1px solid rgba(255,255,255,0);
background-image: linear-gradient(-145deg, #10568a 0%, #187bb2 100%);
background-image: -webkit-linear-gradient(-145deg, #10568a 0%, #187bb2 100%);
}
.h-box5 .li .a:hover .tit{ font-weight: bold; color: #fff;}
.h-box5 .li .a:hover .p{ color: #fff;}
.h-box5 .li .a:hover .time{ color: #fff; border:1px solid #fff; }

@media screen and (max-width:1024px){ 
.h-box5 .ul{ width:calc(100% + 12px); margin:0 -6px;}
.h-box5 .li{ margin-top:14px; padding:0 6px;}
.h-box5 .li .a{ padding:14px 14px; border-radius: 5px;}
.h-box5 .li .a .tit{font-size:15px; line-height:24px; padding-right:72px;}
.h-box5 .li .a .p{margin-top:5px;}
.h-box5 .li .a .time{ padding-bottom:1px; font-size:13px; right:14px; top:12px; }
}
@media screen and (max-width:767px){ 
.h-box5 .li{ width:100%;}
}


.h-box6{ display: flex; flex-wrap: wrap; width:100%; overflow: hidden; border-radius: 10px; margin-top: 26px;}
.h-box6 .a{ display: flex; align-items: center; width:100%; padding:35px 35px;}
.h-box6 .a .nian{ display: flex; color: #eb870f; font-weight: bold; font-size:64px; line-height:70px; white-space: nowrap; margin-right: 26px;}
.h-box6 .a .cont{width:100%;}
.h-box6 .a .tit{ width:100%; font-weight: bold; font-size:30px; color: #fff; line-height:40px;}
.h-box6 .a .p{ width:100%; font-weight: bold; font-size:20px; color: #fff; line-height:30px;}

@media screen and (max-width:1440px){ 
.h-box6 .a{ padding:30px 30px;}	
.h-box6 .a .nian{ font-size:60px; line-height:66px; margin-right:22px;}
.h-box6 .a .tit{ font-size:27px; line-height:37px;}
.h-box6 .a .p{ font-size:18px; line-height:28px;}
}
@media screen and (max-width:1024px){ 
.h-box6{ margin-top: 20px; border-radius: 5px;}	
.h-box6 .a{ padding:14px 14px;}
.h-box6 .a .nian{ font-size:32px; line-height:38px; margin-right:10px;}
.h-box6 .a .tit{ font-size:18px; line-height:28px;}
.h-box6 .a .p{ font-size:14px; line-height:24px;}
}
@media screen and (max-width:767px){ 
.h-box6 .a{ position: relative; flex-wrap: wrap;}	
.h-box6 .a::after{ display:block; content:''; position: absolute; left: 0; top:0; width:100%; height:100%; z-index: 1;
  background-image: -webkit-linear-gradient(right, rgba(11,121,181, 0) 0%, rgba(25,70,130, 1) 80%);
  background-image: -moz-linear-gradient(right, rgba(11,121,181, 0) 0%, rgba(25,70,130, 1) 80%);
  background-image: -o-linear-gradient(right, rgba(11,121,181, 0) 0%, rgba(25,70,130, 1) 80%);
  background-image: linear-gradient(right, rgba(11,121,181, 0) 0%, rgba(25,70,130, 1) 80%);
}
.h-box6 .a .nian{ margin:0 0 2px  0;}
.h-box6 .a .tit{ font-size:16px; line-height:26px;}
.h-box6 .a .p{ font-size:13px; line-height:23px;}
}



.h-box8{ display: flex; flex-wrap: wrap; width:100%; position: relative; margin-top:-3px;}
.h-box8 .list{ display: flex; flex-wrap: wrap; width:100%; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; width:calc(100% + 20px); margin:0 -10px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.h-box8 .list.on{ position: relative; z-index: 6; opacity:1;}
.h-box8 .ul{ display: flex; flex-wrap: wrap; width:100%;}
.h-box8 .li{ display: flex; flex-wrap: wrap; width:25%; margin-top:20px; padding:0 10px;}
.h-box8 .li .a{ position: relative; display: flex; flex-wrap: wrap; width:100%; overflow:hidden; border-radius: 10px; background:#e7f2ff;}
.h-box8 .li .a .pic{ display: block; width:100%;}
.h-box8 .li .a ._img{ padding-bottom:65.8%; background: #000; }
.h-box8 .li .a ._img::after{ display: block; content:''; position: absolute; left:0; top:0; z-index:1; width:100%; height:100%; border-radius:10px 10px 0 0; border:10px solid #125e92; border-bottom:0 !important; opacity: 0;}
.h-box8 .li .a .i{ opacity:0; display:inline-flex; justify-content: center; align-items: center; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width:26px; height:26px; border-radius:3px; background: #fff; font-size:18px; color: #187bb2; line-height:1; padding-bottom:2px;}
.h-box8 .li .a .cont{ width:100%; padding:16px 21px; }
.h-box8 .li .a .tit{ width:100%; font-size:16px; color: #000; line-height:26px; }
.h-box8 .li .a .p{ width:100%; font-size:14px; color: #555; line-height:24px; margin-top:4px; margin-bottom: 1px;}
.h-box8 .li .a:hover{ background: #125e92;}
.h-box8 .li .a:hover .tit{ color: #fff;}
.h-box8 .li .a:hover .p{ color: #fff;}
.h-box8 .li .a:hover .i{ opacity:1;}
.h-box8 .li .a:hover ._img::after{ opacity: 1;}
.h-box8 .li .a:hover ._img img{transform:scale(1.1); -ms-transform:scale(1.1); opacity:0.8;}


@media screen and (max-width:1024px){ 
.h-box8{ margin-top:6px;}	
.h-box8 .list{ width:calc(100% + 12px); margin:0 -6px;}
.h-box8 .li{ margin-top:12px; padding:0 6px;}
.h-box8 .li .a{ border-radius: 5px;}
.h-box8 .li .a .cont{ padding:10px 12px;}
.h-box8 .li .a .tit{font-size:15px; line-height:24px;}
.h-box8 .li .a .p{margin-top:0;}
.h-box8 .li .a .i{ width:24px; height:24px; }

}
@media screen and (max-width:767px){ 
.h-box8 .ul{ display: block;}	
.h-box8 .li{ width:50%;}
.h-box8 .slick-dots li{ border:1px solid #fff;}
.h-box8 .slick-dots li.slick-active{ background:#fff;}
}



.h-box9{ display: flex; flex-wrap: wrap; width:100%; position: relative; margin-top:31px;}
.h-box9 .list{ display: flex; flex-wrap: wrap; width:100%; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; width:calc(100% + 20px); margin:-10px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.h-box9 .list.on{ position: relative; z-index: 6; opacity:1;}
.h-box9 .ul{ display:block; width:100%;}
.h-box9 .li{ display: flex; flex-wrap: wrap; width:10%; padding:0 10px;}
.h-box9 .li .a{ position: relative; display: flex; flex-wrap: wrap; width:100%; overflow:hidden; border-radius: 10px; margin:10px 0;}
.h-box9 .li .a ._img{ padding-bottom:145.9%; }
.h-box9 .li .a .ico{ display:inline-flex; justify-content: center; align-items: center; width:26px; height:26px; border-radius:3px; background: #fff; font-size:18px; color: #187bb2; line-height:1; padding-bottom:2px; margin-top:32px;}
.h-box9 .li .a::after{ content:''; position: absolute; left: 0; bottom:0; z-index:3; width:100%; height:100%; display:block; background: url(img/bg9.png) center bottom no-repeat; background-size:100% auto !important;}
.h-box9 .li .a .cont{ position: absolute; left: 0; top:100%; margin-top:-64px; z-index: 6; width:100%; height:100%; display: flex; flex-wrap: wrap; align-content:flex-start; justify-content: center; padding:0 0.17rem;}
.h-box9 .li .a .tit{ width:100%; font-weight: bold; font-size:18px; color: #fff; line-height:26px;}
.h-box9 .li .a .p{ width:100%; font-size:14px; color: #fff; line-height:22px; padding-bottom:20px; }
.h-box9 .li .a .info{ width:100%; font-size:14px; color: #fff; line-height:24px; margin-top:16px; text-align: center; height:144px;
 overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:6;
}
.h-box9 .li .a:hover{ box-shadow:0 2px 10px rgba(0,79,223,0.7);}
.h-box9 .li .a:hover .cont{ align-content: center; padding:0.22rem 0.22rem; border:1px solid #fff;border-radius: 10px; background: url(img/bg8.png) center no-repeat; background-size:100% 100% !important; top:0; margin-top:0 !important;}
.h-box9 .li .a:hover .tit{ text-align: center;}
.h-box9 .li .a:hover .p{ text-align: center; padding-bottom:0 !important;}



@media screen and (max-width:1440px){ 
.h-box9 .li .a .ico{ margin-top:22px;}
.h-box9 .li .a .info{ margin-top:10px; height:120px;-webkit-line-clamp:5;}
}
@media screen and (max-width:1200px){ 
.h-box9 .li .a .ico{ margin-top:12px;}
.h-box9 .li .a .info{ margin-top:5px; height:96px;-webkit-line-clamp:4;}
}
@media screen and (max-width:1024px){ 
.h-box9{ margin-top:13px;}	
.h-box9 .list{ width:calc(100% + 12px); margin:0 -6px;}
.h-box9 .li{ width:25%; padding:0 6px;}
.h-box9 .li .a{ margin:6px 0; border-radius: 5px;}
.h-box9 .li .a .cont{ padding:0 14px;border-radius: 5px;}
.h-box9 .li .a .tit{font-size:15px; line-height:23px;}
.h-box9 .li .a .ico{ width:24px; height:24px; }
.h-box9 .li .a:hover .cont{ padding:10px 14px}
}
@media screen and (max-width:767px){ 
.h-box9 .li{ width:50%;}
}



.pagecon ._box5{width:100%;}



.login-type{
  display: none;
  z-index: 10;
  position: absolute;
  left: 0;
  margin-top: -1px;
  top: 100%;
  padding: 10px 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background: #eaf1ff;
  width:200px;
  padding-left:10px;
}

.dl:hover>.login-type{
  display: block;
}

.login-type a{
  line-height:30px;
}

.login-type a:hover{
  color: #187bb2;
}

.roll-context {
  overflow: hidden; /* 隐藏超出部分 */
  white-space: nowrap; /* 防止换行 */
  max-height:30px;
}

.marquee-content{
   animation: roll-context 12s linear infinite; /* 添加动画 */
   font-size: 14px;
   color:#005888;
}
.marquee-content>div{
  max-width: 1300px;
}
@keyframes roll-context  {
  from {
    transform: translateY(100%);
}
to {
    transform: translateY(-100%); 
}
}

/*
font-size: calc(14px + 0.04rem);
color: #187bb2;

f5f5f5

*/