ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

body {
    background-color: #f5f6f6;
}

a {
    text-decoration: none;
}
.center-nav-cc{
    width:100% ;
}
#erweima:hover .weixincode img{
opacity: 1;
visibility: visible;
-webkit-transform: translateX(-50%) scale(1);
/* transform: translateX(-50%) scale(1); */

}
.weixincode img{
display: inline-block;
 transition: all .3s ease-out;
 opacity: 0;
 visibility: hidden;
position: relative;
 max-width: 120px;
 pointer-events: none;
 -webkit-transform: translateX(-50%) scale(0);
transform: translateX(-50%) scale(0);

}
.header {
    z-index: 10;
    display: flex;
    position: relative;
    top: 0;
    flex-direction: column;
    width: 100%;
    background: #2261ae;
    color: #fff;
    transform: translate(0);
}

.first-header {
    border-bottom: 0.0625rem solid hsla(0, 0%, 100%, .4);
    width: 1200px;
    margin: 0 auto;
    height: 90px;
}

.first-left {
    float: left;
    width: 20%;
}

.first-center {
    float: left;
    margin-top: 25px;
    width: 60%;
}

.search-le {
    float: left;
    width: 80%;
}

.search-le input {
    padding-left: 20px;
    width: 100%;
    border: 0.0625rem solid #d9d9d9;
    height: 30px;
    border-radius: 15px 0 0 15px;
}

.search-le input:focus {
    outline: none;
    border: 0.0625rem solid #d9d9d9;
    box-shadow: 0 0 0 0.1875rem rgb(0 0 0 / 10%);
}


/* #search:-moz-placeholder {
    text-indent: 20px;
}

#search::-moz-placeholder {
    text-indent: 20px;
}

#search::-webkit-input-placeholder {
    text-indent: 20px;
} */


/* input::-webkit-input-placeholder {
    text-indent: 20px;
} */

.search-right button img {
    width: 20px;
}

.search-right {
    float: left;
    width: 20%;
}

.btn {
    width: 47px;
    height: 34px;
    outline: none;
    border: 0.0625rem solid #d9d9d9;
    border-radius: 0 15px 15px 0;
    background-color: #47B0D5;
}

.first-ri {
    float: left;
    width: 20%;
}

.first-ri-le {
    float: left;
    margin-top: 23px;
}

.first-ri-ri {
    margin-top: 30px;
    float: left;
    font-size: 14px;
}

.first-ri-ri a {
    color: white;
    text-decoration: none;
}

.first-ri-ri a:hover {
    text-decoration: underline;
}

.second-header {
    width: 1200px;
    margin: 0 auto;
    height: 40px;
}

.header-nav {
    margin-left: -50px;
    margin-top: -6px;
}

.header-nav ul .nav-item {
    position: relative;
    top: 0;
    left: 0;
    border: none;
    float: left;
    margin-left: 30px;
    height: 28px;
}

.header-nav ul .nav-item a {
    font-weight: 800;
    transition: all 0.6s;
    font-size: 13px;
    color: white;
}

.header-nav ul .nav-item:hover {
    border-bottom: 3px solid #00aeef;
}

.header-nav ul .nav-item a:hover {
    color: #00aeef;
}

.under-nav {
    display: none;
    padding-left: 10px;
    width: 215px;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 999;
    background: #545452;
}

.under-nav ul .under-item {
    left: -22px;
    line-height: 46px;
    display: inline-block;
    list-style-type: none;
    position: relative;
}

.under-nav ul .under-item a {
    width: 100%;
    color: #707070;
    transition: all 0.3s;
}

.under-nav ul .under-item a:hover {
    color: #00aeef;
}

.under-nav-down {
    top: 0;
    left: 230px;
    position: absolute;
    display: none;
    padding-left: 10px;
    width: 215px;
    z-index: 999;
    background: #545452;
}

.under-nav-down ul .under-nav-down-list {
    left: 0px;
    width: 100%;
    line-height: 46px;
    display: inline-block;
    list-style-type: none;
    position: relative;
}

.under-nav-down ul .under-nav-down-list a {
    color: #707070;
    transition: all 0.3s;
}

.under-nav-down ul .under-nav-down-list a:hover {
    color: #00aeef;
}

.banner {
    top: -30px;
    position: relative;
    width: 100%;
    height: 137px;
    background-image: url(/static/pic/banner1.jpg);
}

.banner-text {
    margin: 0 auto;
    width: 1200px;
    font-size: 26px;
    font-weight: 1000;
    text-shadow: 0 0 0.625rem rgb(0 58 128 / 90%);
    color: white;
}

.banner-text p {
    padding-left: 50px;
    padding-top: 50px;
}

.center-nav {
    top: -54px;
    width: 1149px;
    height: 75px;
    height: 4.6875rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 0 1.125rem;
    justify-content: space-between;
    position: relative;
    background: #545452;
}

.center-nav-img {
    float: left;
}

.center-nav-nav {
    width:80%;
    margin-top: 73px;
    float: left;
}

.center-nav-img img {
    width: 189px;
    margin-top: 20px;
}

.center-nav .center-nav-nav .center-nav-item {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    margin-left:20px ;
}

.center-nav .center-nav-nav .center-nav-item a {
    font-size: 13px;
    color: white;
    transition: all 0.6s;
}

.center-nav .center-nav-nav .center-nav-item a:hover {
    font-size: 13px;
    color: #00aeef;
}

.about-content {
    height: 1000px;
    margin-bottom: 100px;
    position: relative;
    top: -30px;
    left: 10px;
    width: 1200px;
    margin: 0 auto;
}

.about-content-le {
    float: left;
    width: 60%;
}

.about-content-ri {
    float: left;
    width: 40%;
}

.about-content-ri-fi {
    padding: 30px 0px 0px 40px;
    box-shadow: 0 0.25rem 2.75rem rgb(0 0 0 / 10%);
    margin-left: 50px;
    width: 70%;
    height: 135px;
    background-color: white;
}

.infor-ico {
    width: 100%;
    height: 36px;
}

.infor-ico img,
.infor-ico span {
    float: left;
}

.infor-ico a {
    transition: all 0.6;
    text-decoration: none;
    color: black;
}

.infor-ico a:hover {
    text-decoration: underline;
    color: #707070;
}

.infor-ico span {
    line-height: 26px;
    margin-left: 10px;
}

.about-content-ri-se {
    margin-top: 20px;
    padding: 4px 0px 0px 39px;
    box-shadow: 0 0.25rem 2.75rem rgb(0 0 0 / 10%);
    margin-left: 50px;
    width: 70%;
    height: 170px;
    background-color: white;
}

.about-content-title h5 {
    font-weight: 1000;
    line-height: 0px;
    font-size: 16px;
    color: #47B0D5;
}

.about-content-ri-th {
    height:60px;
    margin-top: 20px;
    padding: 4px 0px 0px 39px;
    box-shadow: 0 0.25rem 2.75rem rgb(0 0 0 / 10%);
    margin-left: 50px;
    width: 70%;
    background-color: white;
}
.ab-cont-text{
    position: relative;
    top: -40px;
    display: inline-block;
}
.ab-cont-text a {
    color: #333;
    font-size: 16px;
    line-height: 36px;
}

.ab-cont-text a:hover {
    color: #707070;
}

.footer-con-fi ul .footer-con-fi-list:last-child {
    width: 50px;
}

.footer {
    height: 389px;
    width: 100%;
    background: url(/static/img/bg-13.jpg) 50% no-repeat;
    background-size: cover;
}

.footer-con {
    width: 1200px;
    margin: 0 auto;
}

.footer-con-fi {
    margin-bottom: 20px;
    width: 100%;
    float: left;
    padding-left: 18%;
}

.footer-con-fi-title {
    float: left;
    font-weight: 800;
    font-size: 16px;
    color: white;
    width: 100px;
    border-right: 1px solid white;
}

.footer-con-fi-list {
    width: 100px;
    margin-left: 20px;
    float: left;
}

.footer-con-fi-list img {
    width: 100%;
}

.footer-con-sen {
    float: left;
    width: 100%;
}

.foot-con-sen-le {
    float: left;
    width: 30%;
}

.foot-con-th {
    float: left;
    margin-top: 30px;
    width: 100%;
    margin: 0 auto;
}

.footcon-th1 {
    float: left;
    margin-top: 40px;
    width: 20%;
}

.footcon-th1-1 {
    float: left;
    width: 100%;
}

.footcon-th1-2 {
    margin-left: 10px;
    padding-left: 15px;
    border-left: 1px solid white;
    float: left;
}

.footcon-th1-2 span {
    font-weight: 800;
    font-size: 12px;
    color: #fff;
}

.footcon-th1-3 {
    float: left;
    margin-top: 20px;
}

.footcon-th1-3 a {
    font-size: 14px;
    color: #fff;
}

.footcon-th2 {
    float: left;
    width: 80%;
}

.footer-nav .footer-nav-item {
    width: 40%;
    height: 163px;
    padding-left: 20px;
    float: left;
    border-left: 0.5px solid #fff;
}

.footer-nav .footer-nav-item .footer-nav-item-a {
    font-size: 13px;
    color: #fff;
    font-weight: 800;
}

.footer-nav-down-item {
    position: relative;
    left: -39px;
    top: 10px;
}

.footer-nav-down-item a {
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    font-weight: 400;
}

.foot-con-fo {
    margin-top: 20px;
    border-top: 1px solid white;
    padding-top: 10px;
    width: 100%;
    float: left;
}

.foot-con-fo a {
    font-size: 13px;
    color: #fff;
}
.under-nav2 {
    display: none;
    padding-left: 10px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 999;
    background: #003a80;
}

.under-nav2 ul .under-item2 {
    left: -22px;
    line-height: 46px;
    display: inline-block;
    list-style-type: none;
    position: relative;
}

.under-nav2 ul .under-item2 a {
    width: 100%;
    color: #707070;
    transition: all 0.3s;
}

.under-nav2 ul .under-item2 a:hover {
    color: #00aeef;
}


