@charset "utf-8";


.h4s1{ font-size: .18rem; color: #111111; line-height: 1.25; transition: .5s;margin: 0 0 10px 0px;}
.h4s2{ font-size: .16rem; color: #333; line-height: .24rem; max-height: .48rem\0; transition: .5s;}
.ps2{ font-size: .14rem; color: #666; line-height: .2rem; max-height: .6rem\0; transition: .5s;}
.ps4{ font-size: .15rem; color: #fff; line-height: .3rem; max-height: 1.2rem\0; transition: .5s;}

.header_pc{ background: #0a539b;position: relative;z-index: 10000;}
.header_pc .header .wp{ height: 100%;}
.header_pc .header .fl1{ height: .4rem; border-bottom:rgba(227,227,227,.05) 1px solid }
.header_pc .header .fl1 p{ font-size: .14rem; color: #fff; line-height: 1.375; color: rgba(255,255,255,.6)}
.header_pc .header .wp{ align-items: center; justify-content: space-between;}
.header_pc .header .fl2{ height: 1.6rem;}
.header_pc .header img{ max-height: 1.12rem; }
.pc_nav{ height: 58px; background: #074b92;}
.pc_nav .wp{ justify-content: space-between; align-items: center;height: 100%; }

.header_pc.on .pc_nav{ position: fixed; top: 0; right: 0; left: 0;background: #0062ac;}

.list0 li{ font-size: .14rem; color: #fff; line-height: 1.375; color: rgba(255,255,255,.6)}
.list0 .li{ margin: 0 .14rem}
.list0 li a:hover{ color: #fff}

.search_btn{ margin: 0 0 0 .5rem;cursor: pointer;}
.search_btn img{ width: .25rem;}

#nav ul { justify-content: space-around; height: 100%; width: 100%;}
#nav ul li {z-index: 0;margin-left: 0px;position: relative;height: 100%;flex: 1;text-align: center;}
#nav ul li > a {display: block;padding: 0px;position: relative;z-index: 2;height: 100%;line-height: .46rem;}
#nav ul li .h3 {font-size: .2rem;color: #fff;height: 100%;position: relative;transition: .5s;line-height: 58px;}
#nav ul li.li .h3::before { content: ""; position: absolute; right: -0.18rem; top: 0.2rem; transition: all 0.6s ease 0s; width: 0.11rem; height: 0.05rem; background: url("../images/nav.png") center center no-repeat; }
#nav ul li.on .h3::after, #nav ul li:hover .h3::after {opacity: 1;visibility: visible;}
#nav ul li .sub {position: absolute;top: 100%;width: auto;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility: hidden;opacity: 0;transition: .5s;transform-origin: center top;}
#nav ul li .sub .box {line-height: 1.5;transition: .5s;font-size: 0.16rem;color: #fff;text-align: center;white-space: nowrap;display: block;width: 100%;overflow: hidden;background: #074b92;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 60px;padding: 0;}
#nav ul li .sub a {padding: .1rem .4rem;line-height: 1.5;font-size: .15rem;color: #fff;text-align: center;white-space: nowrap;display: block;width: 100%;transition: .5s;}
#nav ul li .sub a:hover {color: #fff;background: #0a539b;}
#nav ul li .sub a img { filter: grayscale(100%); opacity: 0.6; margin: 0px 0.1rem 0px 0px; width: 0.19rem; }
#nav ul li:hover .sub { opacity: 1; visibility: visible; transform: translateX(-50%) scaleY(1); }

#nav ul li.on .h3{ background: #0a943e;font-weight: bold;}

.m_header_box {transition: all 0.6s ease 0s;display: none;height: 0.75rem;position: relative;z-index: 100000;width: 100%;}
.m_header_box header {padding: 0px 0px 0px 15px;height: 0.75rem;box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 5px;position: fixed;top: 0px;left: 0px;right: 0px;z-index: 100;display: flex;justify-content: space-between;align-items: center;background: #fff;background: url(../images/header_b1.jpg) center no-repeat;background-size: auto;background-size: cover;}
.m_header_box header #logo img {height: 0.36rem;width: auto;}
.m_header_box header #logo { padding: 0px; width: 100%; max-width: inherit;}
.m_header_box .search_btn img { width: 0.26rem; height: 0.26rem; }
.m_header_box .list_box1 { margin-right: 0.4rem; }
.m_header_box .list_box1 .li a { border-radius: 0px; width: 28px; height: 20px; font-size: 10px; }
.m_header_box .search_btn { margin-right: 0.15rem; position: relative; z-index: 10; }
#nav_btn_box.on { background: none; }
#nav_btn_box { position: relative; width: 0.7rem; height: 0.7rem; display: flex; align-items: center; justify-content: center; z-index: 1; min-width: 0.85rem; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; transition: all 0.5s ease 0s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 0.34rem; height: 16px; position: relative; outline: none; vertical-align: middle; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 100%; }
#nav_btn .navbtn {position: absolute;left: 0px;display: inline-block;width: 100%;height: 16px;transition: all 0.3s ease-out 0s;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0px;display: inline-block;width: 100%;height: 3px;content: "";transition: all 0.3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after { bottom: 0; transform-origin: center;}
#nav_btn .navbtn::before { transform-origin: center;}
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { transform: rotate(45deg) translateY(-9px); }
#nav_btn .point.on .navbtn::before { transform: rotate(-45deg) translateY(9px); }
.m_nav_list { flex-direction: column; width: 100%; height: 100%; overflow: auto; align-items: center; display: flex; background: rgba(255, 255, 255, 0.1); }
.m_nav_list::-webkit-scrollbar { display: none; }
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0px;padding: 100px 20px 30px;pointer-events: none;transition: all 0.3s ease-out 0s;display: block;opacity: 0;visibility: hidden;backdrop-filter: blur(15px);overflow: hidden scroll;background: #14428f;}
#m_nav .close { position: absolute; top: 7px; right: 15px; left: 15px; font-size: 30px; color: rgb(51, 51, 51); z-index: 10000; width: auto; height: 35px; border-radius: 0px; display: flex; align-items: center; justify-content: flex-end; padding: 0px; }
#m_nav.act { pointer-events: auto; right: 0px; opacity: 1; visibility: visible; }
#m_nav .list1 { justify-content: center; margin: 0 -.03rem;}
#m_nav .list1 li .a { color: #115740; }
#m_nav .list1 li .a img { display: none; }
#m_nav .list1 li{ margin: 0 .03rem; flex: auto;font-size: .15rem;}
#m_nav .list1 li .a{ color: #fff;border: rgba(255,255,255,.5) 1px solid;border-radius: .03rem;line-height: 1.5;padding: 4px 0;text-align: center;justify-content: center;}

.list_box_nav_mobile { max-width: 100%; margin: 0.2rem auto 0px; }
.list_box_nav_mobile > li { width: 100%; overflow: hidden; padding: 0px; position: relative; margin: 0px auto; }
.list_box_nav_mobile > li .con { position: relative; }
.list_box_nav_mobile > li .h3 {width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.05);line-height: 0.64rem;color: #fff;padding: 0px;font-size: 0.2rem;display: flex;position: relative;transition: all 0.5s ease 0s;}
.list_box_nav_mobile > li.on .a { color: rgb(255, 255, 255); }
.list_box_nav_mobile > li .box { padding: 10px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: none; }
.list_box_nav_mobile > li .sub { position: relative; top: 0px; left: 0px; right: 0px; }
.list_box_nav_mobile > li i { content: ""; opacity: 1; width: 0.64rem; height: 0.64rem; background-image: url("../images/arrow_down.svg"); background-position: center center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; position: absolute; display: block; right: -0.2rem; top: 0px; cursor: pointer; background-size: 16px 16px !important; }
.list_box_nav_mobile > li.on1 i { transform: rotate(-90deg); }
.list_box_nav_mobile > li .sub a {display: block;font-size: 13px;color: #fff;line-height: 2.5;min-width: 33.33%;opacity: .7;}
.nav_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 888; background-color: rgba(0, 0, 0, 0.4); display: none; }

.m_header_box header {padding: 0px 0px 0px 15px;height: 0.75rem;box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 5px;position: fixed;top: 0px;left: 0px;right: 0px;z-index: 100;display: flex;justify-content: space-between;align-items: center;background: #0a529a;background-size: auto;background-size: cover;}
.m_header_box header #logo img {height: 0.5rem;width: auto;}
.m_header_box header #logo { padding: 0px; width: 100%; max-width: inherit;}
.m_header_box .search_btn img { width: 0.26rem; height: 0.26rem; }
.m_header_box .list_box1 { margin-right: 0.4rem; }
.m_header_box .list_box1 .li a { border-radius: 0px; width: 28px; height: 20px; font-size: 10px; }
.m_header_box .search_btn { margin-right: 0.15rem; position: relative; z-index: 10; }
#nav_btn_box.on { background: none; }
#nav_btn_box { position: relative; width: 0.7rem; height: 0.7rem; display: flex; align-items: center; justify-content: center; z-index: 1; min-width: 0.85rem; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; transition: all 0.5s ease 0s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 0.34rem; height: 16px; position: relative; outline: none; vertical-align: middle; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 100%; }
#nav_btn .navbtn {position: absolute;left: 0px;display: inline-block;width: 100%;height: 16px;transition: all 0.3s ease-out 0s;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0px;display: inline-block;width: 100%;height: 3px;content: "";transition: all 0.3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after { bottom: 0; transform-origin: center;}
#nav_btn .navbtn::before { transform-origin: center;}
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { transform: rotate(45deg) translateY(-9px); }
#nav_btn .point.on .navbtn::before { transform: rotate(-45deg) translateY(9px); }
.m_nav_list { flex-direction: column; width: 100%; height: 100%; overflow: auto; align-items: center; display: flex; background: rgba(255, 255, 255, 0.1); }
.m_nav_list::-webkit-scrollbar { display: none; }
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0px;padding: 85px 20px 30px;pointer-events: none;transition: all 0.3s ease-out 0s;display: block;opacity: 0;visibility: hidden;backdrop-filter: blur(15px);overflow: hidden scroll;background: #0a529a;}
#m_nav .close { position: absolute; top: 7px; right: 15px; left: 15px; font-size: 30px; color: rgb(51, 51, 51); z-index: 10000; width: auto; height: 35px; border-radius: 0px; display: flex; align-items: center; justify-content: flex-end; padding: 0px; }
#m_nav.act { pointer-events: auto; right: 0px; opacity: 1; visibility: visible; }
#m_nav .list1 { justify-content: center; margin: 0 -.03rem;}
#m_nav .list1 li .a { color: #115740; }
#m_nav .list1 li .a img { display: none; }
#m_nav .list1 li{ margin: 0 .03rem; flex: auto;font-size: .15rem;}
#m_nav .list1 li .a{ color: #fff;border: rgba(255,255,255,.5) 1px solid;border-radius: .03rem;line-height: 1.5;padding: 4px 0;text-align: center;justify-content: center;}

.list_box_nav_mobile { max-width: 100%; margin: 0.2rem auto 0px; }
.list_box_nav_mobile > li { width: 100%; overflow: hidden; padding: 0px; position: relative; margin: 0px auto; }
.list_box_nav_mobile > li .con { position: relative; }
.list_box_nav_mobile > li .h3 {width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.05);line-height: 0.64rem;color: #fff;padding: 0px;font-size: 0.2rem;display: flex;position: relative;transition: all 0.5s ease 0s;}
.list_box_nav_mobile > li.on .a { color: rgb(255, 255, 255); }
.list_box_nav_mobile > li .box { padding: 10px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: none; }
.list_box_nav_mobile > li .sub { position: relative; top: 0px; left: 0px; right: 0px; }
.list_box_nav_mobile > li i { content: ""; opacity: 1; width: 0.64rem; height: 0.64rem; background-image: url("../images/arrow_down.svg"); background-position: center center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; position: absolute; display: block; right: -0.2rem; top: 0px; cursor: pointer; background-size: 16px 16px !important; }
.list_box_nav_mobile > li.on1 i { transform: rotate(-90deg); }
.list_box_nav_mobile > li .sub a {display: block;font-size: 13px;color: #fff;line-height: 2.5;min-width: 33.33%;opacity: .7;}
.nav_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 888; background-color: rgba(0, 0, 0, 0.4); display: none; }

#m_nav .search_btn{ margin: 0 auto;text-align: center;}

#search1{position: relative;width:3.06rem;z-index: 100002;height: .4rem;}
#search1 .input1{
    
margin-left: 10px;
}
#search1.open{visibility: visible;}
.module>.module_container{margin:0 auto;padding: 0;max-width:1536px;position:relative;-webkit-transition: all .8s ease;transition: all .8s ease;}
#search1 .module_container{overflow:hidden;background: #fff;max-width:none;-webkit-transition-duration:1s;transition-duration:1s;display: flex;align-items: center;border-radius: 50vw; height: 100%;}
#search1.open .module_container{height: 100%;}
#search1 .wrapper{width: 100%;max-width: 100%;margin:0 auto;-webkit-transition:all 1.2s ease;transition:all 1.2s ease;position: relative;height: 100%;}
#search1.open .wrapper{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
#search1 .wrapper form{display: flex;padding:0 15px;justify-content: space-between;height: 100%;position: relative;}
.icon_search{background:#004ea1 url(../images/icon_search.png) center no-repeat;width:.6rem;cursor: pointer;background-size: .21rem .21rem;position: absolute;top: 1px;right: 1px;z-index: 10;bottom: 1px;border-radius: 0 50vw 50vw 0;}
#search1 .wrapper form .input1{font-size: .15rem;color:#333;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:-webkit-calc(100% - 104px);width:calc(100% - 104px);flex: 1;overflow: hidden;padding: 0;}
.fl{float:left}
#search1 .close{position: absolute;height:20px;width:20px;cursor:pointer;-webkit-transition:all .4s ease;transition:all .4s ease;z-index: 100;top: .3rem;right: .3rem;opacity: 0;visibility: hidden;}
#search1 .close:after,#search1 .close:before{width:1px;height:20px;background:#000;position:absolute;content:"";left:50%}
#search1 .close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#search1 .close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#search1 .close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
#search1 .keywords{line-height: .38rem;color:#333;font-size: .14rem;margin-top: .3rem;display: flex;flex-wrap: wrap;}
#search1 .keywords span{ white-space: nowrap}
#search1 .keywords a{color:#444;height: .38rem;margin-bottom: .14rem;padding: 0 .2rem;display:inline-block;margin-right: .14rem;background:#f5f5f7;border-radius: 50vw;transition: .5s;}
#search1 .keywords a:hover{ background: #d10015; color: #fff}
#search1.open .close{ opacity: 1; visibility: visible}

.banner{position: relative;overflow: hidden;z-index: 2;width: 100%;}
.banner ul li{ position: relative; overflow: hidden; z-index: 1; }
.banner .img .imgLi{padding-bottom: 27.23%;transition: 0s;position: relative;overflow: hidden;}
.banner .img .imgLi:before{ content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url(../images/ba_t1.png) center bottom no-repeat; background-size: 100% auto}
.banner .img .imgLi .zzb{ width: 3rem; height: 100%; position: absolute;left: 0;top: 0;bottom: 0; overflow: hidden}
.banner .img .imgLi .zz{ height: 100%; filter: blur(.3rem);position: absolute;left: -.3rem; right: -.3rem;top: 0;bottom: 0;}
.banner video{ position: absolute;top: 0;right: 0;bottom: 0; left: 0;width: 100%; height: 100%;object-fit: cover;}

.banner .btn{ width: .46rem; height: .46rem; background: rgba(0,0,0,.3); border-radius: 50vw; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%);display: flex;align-items: center;justify-content: center;}
.banner .btn{ font-size: .18rem; color: #fff;font-weight: bold; cursor: pointer; transition: .5s;}
.banner .btn.prev{ left: 1%}
.banner .btn.next{ right: 1%}
.banner .dots {display: flex;margin: 0px;z-index: 10;width: 100%;position: absolute;left: 0;bottom: .25rem;justify-content: center;}
.banner .dots span{width: .5rem;height: .06rem;transition: .5s;margin: 0 .08rem !important;opacity: .27 !important;font-size: .24rem;background: #004ea1;text-align: center;border-radius: 0;}
.banner .dots span.active { opacity: 1 !important;}

.banner .btn:hover{ background: rgba(0,0,0,.6)}






.pad1{ padding: .5rem 0; overflow: hidden;}
.home1{ background: url(../images/home1_b1.jpg) center no-repeat; background-size: cover;}
.home1 .left{ width: 50%;}
.home1 .right{ width: 49%; padding: 0 0 0 .4rem;}

.list3 .a{ display: block; position: relative; z-index: 1;padding-bottom: .3rem;}
.list3 .img .imgLi{ padding-bottom: 64%;}
.list3 .txt{ position: absolute; width: 80%; bottom: 0; left: 0; padding: 0 .25rem;z-index: 1; overflow: hidden;height: .65rem;display: flex;align-items: center;}
.list3 .txt:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;background: #004ea1;z-index: -1;transform: skewX(-20deg);transform-origin: right top;}
.list3 h4{ color: #fff !important;font-size: .2rem;max-width: 100%;}
.list3Box .dots{ position: absolute; right: 0; bottom: 0; z-index: 1;width: auto;left: auto;}
.list3Box .dots span{ opacity: .24;width: .4rem;height: .08rem;background: #e67a18;border-radius: 0;}
.list3Box .dots span.active{ opacity: 1}

.tit1{ align-items: center; justify-content: space-between; padding: 0 0 .12rem; border-bottom: #dddddd 1px solid; margin: 0 0 .2rem;}
.tit1 .ico{ font-size: .3rem; color: #004ea1; font-weight: bold;}
.tit1 .ico img{ margin: 0 .2rem 0 0; width: .4rem}
.more1{ display: flex; align-items: center; font-size: .14rem; color: #000000; transition: .5s;}
.more1:hover{ color: #004ea1;}
.more1 img{ width: .24rem; margin: 0 0 0 .04rem;}

.list4 .a{ line-height: .56rem; justify-content: space-between; align-items: center; position: relative;border-bottom: #dddddd 1px dashed;}
.list4 .a::before{ content: ""; position: absolute; left: 0; top: 50%; width: .12rem;height: .15rem;margin: -.078rem 0 0; background: url(../images/sysaq1.png) left center no-repeat;}

.list4 h4{ flex: 1;padding: 0 0 0 .18rem;}
.list4 .span{ font-size: .14rem; color: #666666; margin: 0 0 0 .1rem;white-space: normal;}

.list41 .a{ line-height: .56rem; justify-content: space-between; align-items: center; position: relative;border-bottom: #dddddd 1px dashed;}
.list41 .a::before{content: "";position: absolute;left: 0;/* top: 50%; */width: .12rem;height: .15rem;margin: -.078rem 0 0;background: url(../images/gzdt.png) left center no-repeat;}
.list41 h4{ flex: 1;padding: 0 0 0 .18rem;}
.list41 .span{ font-size: .14rem; color: #666666; margin: 0 0 0 .1rem;white-space: normal;}
.list42 .a{ line-height: .56rem; justify-content: space-between; align-items: center; position: relative;border-bottom: #dddddd 1px dashed;}
.list42 .a::before{ content: ""; position: absolute; left: 0; top: 50%; width: .12rem;height: .15rem;margin: -.078rem 0 0; background: url(../images/sbgx.png) left center no-repeat;}
.list42 h4{ flex: 1;padding: 0 0 0 .18rem;}
.list42 .span{ font-size: .14rem; color: #666666; margin: 0 0 0 .1rem;white-space: normal;}




.aline_r{position: relative;background-position: 0 100%;background-size: 0 1px;background-repeat: no-repeat;transition: background-size .5s}
.alin_r:hover .aline_r{background-size: 100% 1px;}

.list5 .a{ line-height: .44rem; justify-content: space-between; align-items: center; position: relative;}
.list5 .a::before{content: "";position: absolute;left: 0;/* top: 50%; */width: 0.17rem;height: .17rem;margin: -.078rem 0 0;background: url(../images/tzg.png) left center no-repeat;}
.list5 h4{ flex: 1;padding: 0 0 0 .24rem;}
.list5 .span{ font-size: .14rem; color: #666666; margin: 0 0 0 .1rem;white-space: normal; }
.list51 .a{ line-height: .44rem; justify-content: space-between; align-items: center; position: relative;}
.list51 .a::before{content: "";position: absolute;left: 0;/* top: 50%; */width: 0.17rem;height: 0.2rem;margin: -.078rem 0 0;background: url(../images/sysjsxm.png) left center no-repeat;}
.list51 h4{ flex: 1;padding: 0 0 0 .24rem;}
.list51 .span{ font-size: .14rem; color: #666666; margin: 0 0 0 .1rem;white-space: normal; }



.home2 .content{ margin: 0 -.27rem;}
.home2 .content .box{ width: 50%; padding: 0 .27rem;}

.home3{ background: url(../images/home3_b1.jpg) center no-repeat; background-size: cover;}
.home3 .content{ margin: 0 -.27rem;}
.home3 .content .box{ width: 50%; padding: 0 .27rem;}
.list4 .a::before{ width: .12rem; height: .15rem;margin: -.11rem 0 0;}
.list4s .a{ line-height: .54rem;}

.list41 .a::before{w;width: .17rem;height: .17rem;margin: -.11rem 0 0;}
.list41s .a{ line-height: .54rem;}
.list42 .a::before{ width: .12rem; height: .15rem;margin: -.11rem 0 0;}
.list42s .a{ line-height: .54rem;}
.home31{ background: url(../images/home4_b1.jpg) center no-repeat; background-size: cover;}
.home31 .content{ margin: 0 -.27rem;}
.home31 .content .box{ width: 50%; padding: 0 .27rem;}



.list6{ margin: -.1rem -.18rem 0; }
.list6 li{ width: 49.8%; padding: 0 .18rem; margin-top: .24rem;}
.list6 .a{ height: .84rem; border: #90c1f6 1px solid; padding: 0 .3rem; align-items: center; transition: .5s; background: #eef4fa;}
.list6 .a .ico{ position: relative; z-index: 1; background-size: .44rem .44rem !important; transition: .5s; width: .44rem; height: .44rem;}
.list6 .a .ico img{ width: 100%}
.list6 li:nth-child(1) .a .ico{ background: url(../images/list6_i1.png) center no-repeat;}
.list6 li:nth-child(2) .a .ico{ background: url(../images/list6_i2.png) center no-repeat;}
.list6 li:nth-child(3) .a .ico{ background: url(../images/list6_i3.png) center no-repeat;}
.list6 li:nth-child(4) .a .ico{ background: url(../images/list6_i4.png) center no-repeat;}
.list6 li:nth-child(5) .a .ico{ background: url(../images/list6_i5.png) center no-repeat;}
.list6 li:nth-child(6) .a .ico{ background: url(../images/list6_i6.png) center no-repeat;}
.list6 li:nth-child(7) .a .ico{ background: url(../images/list6_i7.png) center no-repeat;}
.list6 li:nth-child(8) .a .ico{ background: url(../images/list6_i8.png) center no-repeat;}
.list6 .a img{ transition: .5s;width: .44rem;}
.list6 h4{ flex: 1; overflow: hidden; padding: 0 0 0 .2rem;}
.list6 .ico img.i2{ opacity: 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;object-fit: cover;}

.list7W{ position: relative; margin: .54rem -.24rem 0; }
.list7Box{ padding: 0 .24rem 0;}
.list7 li{ padding: .3rem 0;}
.list7 .a{ display: block; padding: .3rem .24rem; margin: -.3rem -.24rem; position: relative; z-index: 1;}
.list7 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: #004ea1; opacity: 0; transition: .5s;}
.list7 .img .imgLi{ padding-bottom: 64%;}

.list7W .arrow{ width: .36rem; height:.36rem; margin-top: -.18rem;z-index: 10;}
.list7W .arrow:after{ font-size: .36rem}
.list7W .arrow.prev{ left: -.4rem;}
.list7W .arrow.next{ right: -.4rem}

.home4{ background: url(../images/home4_b1.jpg) center no-repeat; background-size: cover;}
.list7Box .dots{ position: absolute; right: 0; bottom: 0; z-index: 1;width: auto;left: 0;text-align: center;}
.list7Box .dots span{ opacity: .24;width: .4rem;height: .08rem;background: #004ea1;border-radius: 0;}
.list7Box .dots span.active{ opacity: 1}

footer{ background: #0b539b; padding: .2rem 0;}
footer .wp{ align-items: center; justify-content: space-between;}
footer .right{ text-align: right;}
footer .right p{ font-size: .16rem; color: #ffffff; line-height: .33rem;}
.logo img{ max-width: 100%}

.n_banner .img .imgLi{padding-bottom: 27.23% !important;}
.n_banner .img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(../images/banner_top.png) center bottom no-repeat;background-size: 100% 100% !important;}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;float: left;width: 100%;background: #0a529a;}
#bnt_back { position: absolute; left: 15px; top: 0px; }
#bnt_back img { height: 28px; }
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav h1 { font-size: 14px; color: rgb(255, 255, 255); text-align: center; margin: 0px; line-height: 50px; }

#bnt_sub_nav { position: absolute; right: 15px; top: 0px; height: 50px; cursor: pointer; color: rgb(255, 255, 255); font-size: 18px; display: flex; align-items: center; }
#bnt_sub_nav svg { fill: rgb(255, 255, 255); height: 20px; vertical-align: middle; width: 20px; }
#bnt_sub_nav img { display: block; height: 20px; }
#bnt_sub_nav.on img { transform: rotate(-180deg); }
#sub_nav_content { background: rgb(240, 243, 245); display: none; box-shadow: rgb(153, 153, 153) 0px 0px 5px; z-index: 9; }
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0px; }
#sub_nav_content ul li a { display: block; border-left: 2px solid #0ebca1; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: rgb(83, 84, 85); }
#sub_nav_content ul li.on a { color:#0ebca1; }
#sub_nav_content dl {font-size: 0px;overflow: hidden;background: rgb(255, 255, 255);padding: 10px 0px;display: flex;flex-wrap: wrap;}
#sub_nav_content dt {position: relative;background: rgb(255, 255, 255);z-index: 999;min-width: 33.33%;display: inline-block;margin-bottom: 0px;text-align: center;}
#sub_nav_content dt a {margin: 0px 20px;display: block;color: #333;line-height: 30px;font-size: 14px;font-weight: 400;vertical-align: top;}
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0px; opacity: 0; display: none; }
#sub_nav_content dt.title { background: rgb(250, 250, 251); }
#sub_nav_content dt.title i { opacity: 1; }
#sub_nav_content dt.title_on { background: rgb(250, 250, 251); }
#sub_nav_content dt.title_on a { color: #0ebca1; border-top: 1px solid rgb(255, 255, 255); }
#sub_nav_content dt.title_on a i { color: #0ebca1; }
#sub_nav_content dt.last a { border-top: 1px solid rgb(248, 248, 248); }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #0a529a;}
#sub_nav_content dd { display: none; }
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a { padding: 0px 25px; line-height: 30px; border-top: 1px solid rgb(231, 231, 231); font-size: 12px; color: rgb(91, 83, 73); display: block; height: 30px; }
#sub_nav_content dd a.on { color: #0ebca1; }

.n_container{padding: 0; background:url(../images/n_container_bg.jpg) center bottom no-repeat; background-size:100% auto}
.n_container .wp{ justify-content: space-between }
.n_container .n_left{width: 250px;position: relative;z-index: 1;padding: 0 0 .58rem;}
.n_container .n_left h1{height: 98px;background:#004ea1;font-size: .3rem;color:#fff;padding: 0 .16rem;text-align: center;display: flex;align-items: center;justify-content: center;border-radius: .4rem .4rem 0 0;}
.n_container .n_left h1 span{position:relative;}
.n_container .n_left h1 span:before{content:"";position: absolute;bottom: -18px;width: 1.875rem;height:1px;background:#fff;left: 50%;margin-left: -.15rem; display:none}
.n_container .n_left ul{padding: 0 0 .32rem;border-top: none;position:relative;background: #e9f5ff;border-bottom: #0062ac .1rem solid;}
.n_container .n_left ul:before{content:"";position:absolute;top:0;left: 0;bottom:.32rem;}
.n_container .n_left .con ul li{line-height: .7rem;font-size: .21rem;color: #333333;position:relative;}
.n_container .n_left .con ul li.on dl{display:block !important;}

.n_container .n_left .con ul li:before{content:"";position:absolute;bottom:0;left: 20px;right: 20px;height:1px;border-bottom: #add8e3 1px dotted;}
.n_container .n_left .con ul li:last-child:before{}
.n_container .n_left .con ul li a img{ margin:-3px 14px 0 0}
.n_container .n_left .con>ul>li>a:before{content:"";width: 0;height: 100%;background:transparent;position:absolute;left: 50%;top: 0;right: 0;transition:0.6s;z-index: -1;box-shadow: 0px 0px 10px 0px rgba(32, 115, 158, 0.8);opacity: 0;}
.n_container .n_left .con ul li.on>a:before, .n_container .n_left .con ul li:hover>a:before{width: calc(100% + .18rem);background: #004ea1;left: 0;opacity: 1;}
.n_container .n_left .con ul li:after{content:"";width:7px;height:11px;background:url(../images/left_jiantou.png) center no-repeat;position:absolute;right: 15px;top: 50%;transition:0.36s;margin-top: -5.5px;display: none;}
.n_container .n_left .con ul li.on:after, .n_container .n_left .con ul li:hover:after{background:url(../images/left_jiantou_on.png) center no-repeat;}

.n_container .n_left .con ul li a{color: #323232;display: block;padding: 0;transition: 0.36s;margin: 0 18px;position: relative;text-align: center;z-index: 1;}
.n_container .n_left .con ul li:hover a, .n_container .n_left .con ul li.on a{color: #fff;}

.n_container .n_left .con ul li dl{padding: 0;position:relative;}
.n_container .n_left .con ul li dl:before{content:"";position:absolute;right: 20px;left: 20px;top:0;height:1px;border-bottom: #efefef 1px solid;}
.n_container .n_left .con ul li dl dd{height: auto;line-height: 34px;padding: 0;}
.n_container .n_left .con ul li dl dd a{font-size: 14px;color: #666666 !important;padding: 10px 0;position:relative;line-height: 24px;}
.n_container .n_left .con ul li dl dd:last-child a{ border:none}
.n_container .n_left .con ul li dl dd a:hover, .n_container .n_left .con ul li dl dd.on a{color: #2070c2 !important;}

.n_container .n_right{width: calc(100% - 250px - .56rem);margin: 0;padding: .4rem 0 .5rem;}

.mianbao{line-height: 38px;height: 38px;margin-bottom: .4rem;border-bottom: #adbac8 1px solid;justify-content: space-between;display: flex;align-items: center;}
.mianbao h2{font-size: .2rem;color: #fff;display:inline-block;position:relative;background: #004ea1;min-width: 149px;text-align: center;padding: 0 14px 0 0;}
.position{font-size:14px;color: #666666;padding-left: 36px;}
.position a{color: #888888;transition:0.36s;}
.position span{font-size:14px;color:#808080;margin: 0 4px;}
.position em{color: #004ea1;font-style:normal;}
.position a:hover{color: #004ea1;}

.fanye{text-align:center;margin: .3rem 0 0;}
.fanye img{ max-width:100%}

.n_news_detail .ar_article_box .nav01{overflow:hidden;margin-bottom: .5rem;text-align: center;}
.n_news_detail .ar_article_box h3{color: #333333;font-size: .3rem;line-height: 1.5;margin-bottom: .1rem;}
.n_news_detail .ar_article_box h6{display: block;color: #999999;font-size: .14rem;line-height: 1.5;margin-bottom: 0;vertical-align: top;padding: .08rem 0 .2rem;border-bottom: #dfebf1 1px solid;}
.n_news_detail .ar_article_box h6 span{margin: 0 .05rem;}
.n_news_detail .ar_article_box h6 span img{ margin:-3px 6px 0 0}

#ar_fot{position:relative;padding: .16rem .3rem;box-sizing: border-box;width: 100%;margin-top: .5rem;background: #e9f5ff;}
#ar_fot h1{display:block;width: 100%;line-height: .36rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: .16rem;}
#ar_fot h1 span{}
#ar_fot h1 a{color: #333333;font-weight:normal;transition: .5s;}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}
#ar_fot h1 a:hover{color: #0062ac;}

.n_news_detail01 h4{ font-size:1.5rem; color:#000000; font-weight:bold; margin:2.5rem 0 1rem; text-align:center}
.n_news_detail01 .ar_article p{ line-height:2.5rem; margin-bottom:0.375rem}

.list_box_14{display:flex;margin:0 -.14rem;flex-wrap: wrap; margin-bottom:-.16rem;}
.list_box_14 li{ width:33.333333%; padding:0 .14rem; margin-bottom:.16rem;}
.list_box_14 li a .img .img_hezi{ padding-bottom:76.02% !important}
.list_box_14 li a .con{ text-align:center; padding:.14rem 0;}
.list_box_14 li a .con h5{ font-size:.2rem; color:#333333; line-height:1.75; transition:.5s}

.list_box_titu li{border-bottom:#dedede 1px solid;padding-bottom: .3rem;margin-bottom: .3rem;}
.list_box_titu li a{display:flex;align-items: center;overflow: hidden;}
.list_box_titu li a .time{width: 1.1rem;display:flex;align-items:center;}
.list_box_titu li a .time .time_con{text-align:center;width: .75rem;height: 1rem;border: #c9d2db 1px solid;border-radius: 4px;background: #dee7f1;}
.list_box_titu li a .time h3{font-size: .36rem;color: #0e66b4;height: calc(100% - .32rem - 4px);display: flex;align-items: center;justify-content: center;background: #fff;border-bottom: #c9d2db 1px solid;}
.list_box_titu li a .time h6{font-size:.14rem;color:#a7a7a7;margin:.04rem 0 0;height: 2rem;line-height: .32rem;border-radius: 0 0 4px 4px;}
.list_box_titu li a .right{width:calc(100% - 1.1rem - .2rem);display:flex;align-items: center;overflow:hidden; flex: 1;}
.list_box_titu li .con h5{font-size:1.125rem;color: #333333;line-height: 1.25;font-weight:bold;transition:.5s; width:100%; overflow:hidden}
.list_box_titu li .con p{font-size:.14rem;color: #888888;line-height:.24rem;height: .48rem\0;margin: .15rem 0 0; width:100%; overflow:hidden}

.list_box_titu li a .right .imgBox{margin-right: .36rem;float: left;width: 3rem;}
.list_box_titu li a .right .img_box .img{width: 1.8rem;}
.list_box_titu li a .right .img_box .img .img_hezi{padding-bottom: 71% !important;}
.list_box_titu li a .right .con{padding: 0;overflow: hidden; flex: 1;}

.list_box_16{ display:flex; flex-wrap:wrap; margin:0 -.8125rem}
.list_box_16 li{ width:20%; padding:0 .8125rem; margin-bottom:1.875rem}
.list_box_16 li *{ transition:.5s}
.list_box_16 li a{ display:flex; align-items:center; justify-content:center; border:#badde7 1px solid; border-radius:4px; min-height:4rem; text-align:center; padding:.5rem 1rem}
.list_box_16 li a h5{ font-size:1.25rem; color:#333333; line-height:1.5; transition:.5s}

.list_box_17{ display:flex; margin:0 -1.125rem; flex-wrap: wrap}
.list_box_17 li{ width:50%; padding:0 1.25rem; margin-bottom:1.375rem}
.list_box_17 li *{ transition:.5s}
.list_box_17 li a{ display:flex; flex-wrap:wrap; box-shadow: 0px 0px 10px 0px rgba(215, 222, 230, 0.8); padding:1.375rem 1.125rem; background:#fff}
.list_box_17 li a .img{ width:12.1875rem}
.list_box_17 li a .img .img_hezi{ padding-bottom:130.25% !important}
.list_box_17 li a .con{ padding:1rem 0 0 2rem; width:calc(100% - 12.1875rem)}
.list_box_17 li a .con h5{ font-size:1.375rem; color:#333333; line-height:1.75}
.list_box_17 li a .con h4{ font-size:1.375rem; color:#333333; line-height:1.75; padding:0 0 .75rem; border-bottom:#d9e7f3 1px solid; margin-bottom:.75rem}
.list_box_17 li a .con p{ font-size:1.125rem; color:#333333; line-height:1.75}



@media(min-width: 1024px){
.a:hover .slow .imgLi, a:hover .slow .imgLi, .slow:hover img{ transform: scale(1.08); transition: transform 1s cubic-bezier(0.25, 0, 0, 1);}
.a:hover h4{ color: #004ea1;}

.list6 .a:hover{ background: #0c58a5;}
.list6 .a:hover h4{ color: #fff;}
.list6 .a:hover .ico img.i1{ opacity: 0}
.list6 .a:hover .ico img.i2{ opacity: 1}

.list7 .a:hover::before{ opacity: 1;}

.list6 li:nth-child(1) .a:hover .ico{ background: url(../images/list6_i1_on.png) center no-repeat;}
.list6 li:nth-child(2) .a:hover .ico{ background: url(../images/list6_i2_on.png) center no-repeat;}
.list6 li:nth-child(3) .a:hover .ico{ background: url(../images/list6_i3_on.png) center no-repeat;}
.list6 li:nth-child(4) .a:hover .ico{ background: url(../images/list6_i4_on.png) center no-repeat;}
.list6 li:nth-child(5) .a:hover .ico{ background: url(../images/list6_i5_on.png) center no-repeat;}
.list6 li:nth-child(6) .a:hover .ico{ background: url(../images/list6_i6_on.png) center no-repeat;}
.list6 li:nth-child(7) .a:hover .ico{ background: url(../images/list6_i7_on.png) center no-repeat;}
.list6 li:nth-child(8) .a:hover .ico{ background: url(../images/list6_i8_on.png) center no-repeat;}
}
@media(max-width: 1600px){



}
@media(max-width: 1300px){

img {
width:100%;
    vertical-align: middle;
}
@media(max-width: 1024px){
html::-webkit-scrollbar{width:0;}
.header_pc{ display: none;}
.m_header_box{ display: block;}

.home1 .left{ width: 100%;}
.home1 .right{ width: 100%;padding: .5rem 0 0;}
.list6 li{ width: 50%;}

footer .left{ width: 100%; text-align: center;}
footer .right{ width: 100%; text-align: center;}
#search1{ width: 100%}
img {
width:100%;
    vertical-align: middle;
}
@media(max-width: 800px){
#gotop{ right:0; transform:scale(0.7);bottom: .2rem;}

.home1 .right{ width: 100%;padding: .4rem 0 0;}
.pad1{ padding: .3rem 0; overflow: hidden;}

.home2 .content .box{ width: 100%;}
.home2 .content .box:last-child{ margin-top: .4rem;}

.home3 .content .box{ width: 100%;}
.home3 .content .box:last-child{ margin-top: .4rem;}
.home31 .content .box{ width: 100%;}
.home31 .content .box:last-child{ margin-top: .4rem;}
.tit1 .ico img{ width: .2rem;margin: 0 .1rem 0 0;}
.tit1 .ico{ font-size: .24rem;}

.list6 li{ width: 100%; margin-top: .1rem;}
.list6 .a .ico{ width: .3rem; height: .3rem; background-size: .3rem .3rem !important;}
.list7W{ margin: .24rem -.24rem 0; }
.list7Box{ padding: 0 .24rem .2rem;}

.list3Box .dots span{ width: .08rem;margin: 0 2px !important;}

.list3 .txt{ height: .5rem;}
.list6 .a{ height: .6rem;}
.banner .dots{ bottom: .15rem;}
.banner .dots span{ width: .06rem;}

img {
width:100%;
vertical-align: middle;
}
}
@media(max-width: 560px){

}


@media(max-width: 800px){
.h4s0{font-size: .2rem !important;line-height: .3rem !important;}
.h4s1{font-size: .2rem !important;line-height: .3rem !important;max-height: .3rem\0 !important;}
.h4s2{font-size: .2rem !important;line-height: .3rem !important;max-height: .6rem\0 !important;}
.h4s3{font-size: .2rem !important;line-height: .3rem !important;max-height: .9rem\0 !important;}

.ps0{font-size: .16rem !important;line-height: .26rem !important;}
.ps1{font-size: .16rem !important;line-height: .26rem !important;max-height: .26rem\0 !important;}
.ps2{font-size: .16rem !important;line-height: .26rem !important;max-height: .52rem\0 !important;}
.ps3{font-size: .16rem !important;line-height: .26rem !important;max-height: .78rem\0 !important;}
.ps4{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.04rem\0 !important;}
.ps5{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.3rem\0 !important;}
}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
.n_container .n_left, .mianbao{ display: none}
.n_container .n_right{ width: 100%}
#m_n_nav{ display: block;}
}
@media(max-width: 800px){
.list_box_14{ margin: 0 -7px}
.list_box_14 li{ width:50%;padding: 0 7px;margin-bottom: .1rem;}

footer{ text-align: center; }
footer .logo img{ max-width: 70%; margin-bottom: .2rem;}

.list_box_titu li a .time{ display:none}
.list_box_titu li a .right .imgBox{ margin-right: .15rem; width: 1.5rem;}
.list_box_titu li{ padding-bottom: .2rem; margin-bottom: .2rem;}
.n_news_detail .ar_article_box h3{ font-size: .24rem;}\

.list7W .arrow.prev{ left: 0}
.list7W .arrow.next{ right: .2rem;}
}
@media(max-width: 560px){
}