.bx-head {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.page1 img {
    width: 100%;
    height:100vh;
    object-fit: cover;
}
.page1 .swiper-slide{
    height:100%;
}
.page5,
.page3,
.page2 {
    background-color: rgba(255,255,255,0) !important;
}
.ty-h2{
    font-size:46px;
    color:#fff;
    font-weight:bold;
    text-align:center;
    width:100%;
    text-align:center;
}
.ty-h3 {
    text-align: center;
    width: 100%;
}
.ty-gang {
    width: 100%;
    height: 1px;
    background-color: rgba(255,255,255,0.2);
    position: relative;
    margin: 20px 0;
}
.ty-gang i{
    display:inline-block;
    width: 10%;
    height: 5px;
    background-color: rgba(255,255,255,1);
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.ty-h3 {
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.page2-left {
    width: 40%;
    height: 100%;
    background-color: rgba(1,77,163,.9);
    float: left;
    position: relative;
}
.page2-left>div{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.page2-right {
    width: 60%;
    height: 100%;
    float: left;
}
.page2-right-list {
    width: 49.9%;
    height: 50%;
    float: left;
    margin-right: 0.2%;
    background-color: rgba(1,77,163,0.85);
    margin-bottom: 0.2%;
    position: relative;
}
.page2-right-list:nth-child(2n){
    margin-right:0;
}
.page2-right-list>div{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
}
.page2-right-list>div h2{
    margin-top:30px;
    margin-bottom:20px;
}
.page2-right-list > div h2 a {
    font-size: 20px;
    color: #fff;
}
.page2-right-list > div h3{
    font-size: 14px;
    color: rgba(255,255,255,0.6);
    margin-bottom:50px;
}
.page2-right-list > div a{
    font-size:14px;
    color:#fff;
    display:inline-block;
}
.page2-right-list > div a img{
    margin-left:5px;
    position:relative;
    top:-2px;
}
.page5 .ty-h2,
.page3 .ty-h2 {
    color: #333;
}
.page5 .ty-gang,
.page3 .ty-gang {
    width: 10%;
    margin: 20px auto;
    background-color: rgba(0,0,0,0.2);
}
.page5 .ty-gang i,
.page3 .ty-gang i {
    background-color: #44a8f4;
}
.page5 .ty-h3,
.page3 .ty-h3 {
    color: #999;
    margin-bottom:50px;
}
.page3 .swiper-slide {
    position:relative;
}
.sy-solve-a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.sy-solve-a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sy-solve-a:hover+ .sy-solve-wz{
    display: block;
}
.sy-solve-wz:hover{
    display:block;
}
.sy-solve-wz {
    display:inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #49abf5!important;
    padding: 75px 30px;
    text-align:center;
    display:none;
}
.sy-solve-wz h2 {
    font-size: 20px;
    color: #fff;
    margin-bottom:30px;
}
.sy-solve-wz p {
    font-size: 16px;
    color: rgba(255,255,255,0.6);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}
.page4 .ty-gang{
    width:10%;
    margin:20px auto;
}
.page4 .ty-h3{
    margin-bottom:50px;
}
.page4-left{
    width:40%;
    float:left;
    margin-right:5%;
}
.page4-left-a{
    display:block;
    width:100%;
    margin-bottom:30px;
}
.page4-left-bottom h3{
    float:left;
    text-align:center;
    font-size:22px;
    color:rgba(255,255,255,0.6);
}
.page4-left-div{
    float:right;
    width:80%;
}
.page4-left-div h2{
    font-size:20px;
    margin-bottom:20px;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#fff;
}
.page4-left-div h2 a{
    color:#fff;
}
.page4-left-div p {
    font-size: 16px;
    color: rgba(255,255,255,0.6);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.page4-right {
    width: 55%;
    float:left;
}
.page4-right li{
    width:100%;
    border-bottom:1px solid rgba(255,255,255,0.4);
    padding:40px 0;
}
.page4-right li:last-child{
    border:none;
}
.page4-right li:before{
    content: '';
    float:left;
    width:10px;
    height:10px;
    background-color:#fff;
    margin-right:10px;
    margin-top:5px;
}
.page4-right-top{
    float:left;
    width:97%;
    margin-bottom:25px;
}
.page4-right-top h2 {
    float: left;
    font-size: 20px;
    width:70%;
}
.page4-right-top h2 a {
    display:inline-block;
    color: #fff;
    white-space:nowrap;
    width:100%;
    text-overflow:ellipsis;
    overflow:hidden;
}
.page4-right-top h3 {
    float: right;
    font-size: 22px;
    color: rgba(255,255,255,0.6);
}
.page4-right-bottom p{
    width: 80%;
    float:left;
    font-size: 16px;
    color: rgba(255,255,255,0.6);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page4-right-bottom a{
    /*font-style: normal;*/
    float: right;
    font-size:20px;
    color: rgba(255,255,255,0.6);
    margin-right:30px;
}
.page4-right-bottom a:hover{
    color:#fff;
}
.page5 .ty-h3{
    margin-bottom:0;
}
.page5-top {
    width: 900px;
    margin: 0 auto;
    background-color: #44a8f4;
    position: relative;
    top: 50px;
}
.page5-top li{
    width:33.33%;
    float:left;
    padding:40px 30px;
}
.page5-top li img{
    float:left;
    height:50px;
}
.page5-top li div{
    float:right;
    width:70%;
}
.page5-top li div h2{
    text-align:center;
    font-size:20px;
    color:#fff;
    margin-bottom:20px;
}
.page5-top li div p {
    text-align: center;
    font-size:16px;
    color: #fff;
    white-space:pre-line;
}
.page5-bottom{
    width:1200px;
    margin:0 auto;
    box-shadow:0 0 5px #dfdfdf;
}
.page5-bottom img{
    float:left;
    width:50%;
    height:auto;
}
.page5-bottom div{
    float:left;
    width:50%;
    margin-top:70px;
    padding-left:20px;
    height:270px;
    overflow:scroll;
    background-color:#fff;
}
.page5-bottom div::-webkit-scrollbar{
    width:5px;
}
.page5-dt{
    width:100%;
    height:300px;
    position:absolute;
    bottom:0;
    z-index:-1;
}
.page5-dt iframe{
    width:100%;
}
.ny-banner {
    position: relative;
}
.ny-banner img{
    width:100%;
    height:auto;
    object-fit:cover;
}
.ny-banner h2 {
    font-size: 60px;
    color:#fff;
    font-weight:bold;
    position:absolute;
    top:40%;
    left:50%;
    transform:translate(-50%,-50%);
    letter-spacing:2px;
}
.ny-banner h3 {
    font-size: 22px;
    color: rgba(255,255,255,0.8);
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.service {
    padding: 90px 0;
    background-color: #f5f5f5;
}
.service-left {
    float: left;
    width: 25%;
}
.service-left h2 {
    height:120px;
    line-height:120px;
    font-size: 28px;
    color: #fff;
    background-color: #44a8f4;
    padding-left:45%;
    position:relative;
}
.service-left h2 i{
    display:inline-block;
    width:10px;
    height:10px;
    background-color:#fff;
    border-radius:50%;
    position:absolute;
    top:50%;
    left:35%;
    transform:translate(-50%,-50%);
}
.service-left h2 i img{
    display:none;
}
.service-left ul{
    width:100%;
    background-color:#fff;
    padding-left:35%;
}
.service-left ul li{
    height:90px;
    line-height:90px;
    border-left:1px solid #dfdfdf;
    white-space:nowrap;
    overflow:hidden;
    width:100%;
}
.service-left ul li a {
    font-size: 18px;
    padding-left:10%;
}
.service-right{
    float:right;
    width:70%;
    background-color:#fff;
}
.system-top {
    height: 90px;
    line-height: 90px;
    border-bottom:1px solid #dfdfdf;
    padding:0 35px;
}
.system-top h2{
    float: left;
    font-size: 22px;
    color: #44a8f4;
    height:90px;
    line-height:90px;
}
.system-top .bx-mb-nav {
    float: right;
    border:none;
}
.system-top .bx-mb-nav p {
    height: 90px;
    line-height: 90px;
    color:#666;
}
.system-top .bx-mb-nav p a:last-child{
    color:#44a8f4;
}
.system-top .bx-mb-nav p img{
    width:20px;
    height:auto;
    margin-right:10px;
}
.system-bottom{
    padding:30px 100px;
}
.system-bottom p{
    width:100%;
    text-align:center;
    white-space:pre-line;
    line-height:30px;
    padding-bottom:30px;
}
.service-active {
    color: #44a8f4;
    border-left: 3px solid #44a8f4;
    position: relative;
    left: -2px;
}
.system-sw{
    position:relative;
}
.system-sw h3 {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    background-color: #44a8f4;
    color: #fff;
    margin-bottom: 30px;
}
.system-sw h2 {
    font-size: 16px;
    color: #000;
    margin-bottom: 20px;
    width: 60%;
}
.system-sw p{
    text-align:left;
    line-height:26px;
    color:#999;
    font-size:12px;
    white-space:normal;
    width:60%;
}
.system-sw img{
    width:20px;
    height:auto;
    position:absolute;
   top:80px;
   right:40px;
}
.system-sw .swiper-slide:last-child img{
    display:none;
}
.down-bottom ul{
    margin-bottom:50px;
    margin-top:20px;
    text-align:center;
}
.down-bottom ul li {
    width: 180px;
    height: 50px;
    line-height: 50px;
    display:inline-block;
    text-align: center;
    font-size: 14px;
    color: #666;
    background-color: #f2f2f2;
    margin: 0 25px;
}
.down-bottom ul li a{
    display:inline-block;
    width:100%;
}
.sore_focus {
    background-color: #44a8f4!important;
}
.sore_focus a{
    color:#fff;
}
.sore_focus a:hover{
    color:#fff;
}
.down-bottom{
    padding:0 50px;
}
.down-list{
    height:60px;
    line-height:60px;
    margin-bottom:30px;
}
.down-list img {
    float: left;
    width: 50px;
    height: auto;
}
.down-list h2 {
    float: left;
    height: 60px;
    line-height: 60px;
    margin-left:10%;
    white-space:nowrap;
    text-overflow:ellipsis;
    text-align:left;
    overflow:hidden;
    width:50%;
}
.down-list a{
    float:right;
    width:180px;
    height:50px;
    line-height:50px;
    text-align:center;
    color:#44a8f4;
    border:1px solid #44a8f4;
    font-size:16px;
    position:relative;
    top:5px;
}
.down-list a:hover{
    background-color:#44a8f4;
    color:#fff;
}
.news-left {
    width: 20%;
    margin-right: 5%;
    float: left;
    padding: 40px;
    background-color: #f3f3f3;
}
.news-left h2 {
    font-size: 38px;
    color: #44a8f4;
    text-align:center;
    margin-bottom:20px;
    font-weight:bold;
}
.news-left h3 {
    font-size: 16px;
    color: #666;
    text-align:center;
}
.news-right{
    width:75%;
    float:left;
}
.news-right h2{
    margin-top:20px;
    margin-bottom:30px;
    width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    font-weight:bold;
}
.news-right h2 a{
    display:inline-block;
    width:100%;
}
.news-right h2 a:hover{
    color:#44a8f4;
}
.news-right p {
    font-size: 12px;
    color: #999;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.news-list{
    margin-bottom:30px;
}
.new-bottom {
    padding: 30px;
}
.honor-bottom{
    padding: 30px;
}
.honor-bottom li{
    width:32.3%;
    margin-right:1%;
    float:left;
    margin-bottom:30px;
}
.honor-bottom li a{
    display:inline-block;
    width:100%;
    font-size:16px;
    text-align:center;
}
.honor-bottom li a:hover{
    color:#44a8f4;
}
.contact-right,
.contact-left{
    float:left;
    width:50%;
}
.focus{
    position:relative;
}
.focus>a {
    color: #44a8f4 !important;
}
.focus>i{
    display:block;
    width:4px;
    height:4px;
    border-radius:50%;
    background-color:#44a8f4;
    position:absolute;
    top:70%;
    left:50%;
    transform:translate(-50%,-50%);
}
.bx-nav-tow .bx-nav ul li {
    position: relative;
}
.top-ul {
    position: absolute;
    top: 100%;
    width: 100%;
    display: none;
    background-color: rgba(255,255,255,0.8);
    box-shadow:0 0 10px #dfdfdf;
}
.top-ul li{
    width:100%;
    height:55px;
    line-height:55px!important;
    font-size:12px;
}
.top-ul li a{
    width:100%;
    color:#333;
    padding: 0 10px!important;
    white-space:nowrap;
    overflow:hidden;
}
.top-ul li a:hover{
    color:#44a8f4!important;
}
.bx-nav-tow .bx-nav ul li:hover .top-ul{
    display:block;
}
.top-active{
    color:#44a8f4!important;
}
.pro-bottom{
    padding:30px;
}
.pro-bottom ul{
    display:none;
}
.pro-bottom li {
    width: 32.33%;
    margin-right: 1.5%;
    float: left;
    margin-bottom: 30px;
}
.pro-bottom li:nth-child(3n){
    margin-right:0;
}
.pro-bottom li > a {
    display: inline-block;
    width: 100%;
    padding: 30px;
    height: 200px;
    line-height: 140px;
    text-align: center;
    background-color: #f3f3f3;
}
.pro-bottom li > a img {
    display:inline-block;
    max-height: 100%;
    max-width: 100%;
}
.pro-bottom li>h2{
    text-align:center;
    margin-top:20px;
    white-space:nowrap;
    width:100%;
    overflow:hidden;
}
.pro-bottom li>h2 a:hover{
    color:#44a8f4;
}
.pro-de p{
    height:auto!important;
}
.pro-de p a{
    color:#666!important;
}
.bx-footer {
    background-color: #252525;
}

.footer-nav {
    height: auto;
    border-bottom: 1px solid #3d3d3d;
}

.footer-nav ul {
    overflow: hidden;
    height: auto;
    padding: 20px;
    font-size: 18px;
}

.footer-nav li {
    float: left;
}

.footer-nav li a {
    color: rgba(255,255,255,0.8);
}

.footer-nav li a:hover{
    color:#44a8f4!important;
}
.footer-nav li:nth-child(2n) {
    font-size: 10px;
    color: gray;
    margin: 0 30px;
}

.footer-center-left {
    width: 60%;
    border-right: 1px solid #3d3d3d;
    overflow: hidden;
    padding: 70px 0;
    float: left;
}

.footer-center-left1 {
    height: 100px;
    float: left;
    margin-right: 50px;
}

.footer-img {
    width: 19px;
    height: 100px;
    text-align: center;
    float: left;
    margin-right: 20px;
}

.footer-img img {
    width: 17px;
    height: 18px;
}

.footer-img span {
    writing-mode: vertical-lr;
    position: relative;
    left: -3px;
}

.footer-dh {
    float: left;
    height: 100px;
    text-align:left;
}

.footer-dh  p:nth-child(2) {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin: 5px 0;
}

.footer-center-left2 {
    height: 100px;
    float: left;
}

.footer-center-left2 p {
    margin-bottom: 20px;
    text-align: left;
}

.footer-center-left2 p img {
    width: 19px;
    height: 19px;
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.footer-center-right {
    width: 40%;
    padding: 50px 0;
    float: left;
    overflow: hidden;
}

.footer-center-right li {
    width:31%;
    margin-left: 2%;
    margin-bottom: 19px;
    float: left;
}
.footer-center-right li a{
    display:inline-block;
    width:100%;
    white-space:nowrap;
}
.footer-center-right li  a:hover {
    color: #fff;
}

.footer {
    width: 100%;
    text-align: center;
    height: auto;
    line-height: 30px;
    background-color: #1d1d1d;
}
.footer p {
    height: 40px;
}
.partner {
    background-color: #f5f5f5;
    overflow:hidden;
}
.partner>div{
    background-color:#fff;
    margin:90px auto;
}
.partner > div .gallery-top {
    margin: 0 100px;
    box-shadow: 0 0 10px #dfdfdf;
    margin-bottom:20px;
}
.partner .bx-mb-nav {
    line-height: 90px;
}
.partner .bx-mb-nav img{
    margin-right:5px;
}
.gallery-thumbs{
    padding:80px 0 50px!important;
}
.gallery-thumbs  img{
    border: 3px solid #fff;
    border-radius:50%;
}
.gallery-thumbs .swiper-slide{
    text-align:center
}
.gallery-top{
    overflow:hidden;
}

.partner-bottom img{
    float:left;
    width:30%;
}
.partner-bottom div{
    float:left;
    width:65%;
    margin-left:5%;
}
.partner-bottom div h2{
    font-size:24px;
    color:#333;
    margin-top:30px;
    margin-bottom:20px;
}
.partner-bottom div h2 a{
    display:inline-block;
    width:100%;
}
.partner-bottom div h3{
    font-size:12px;
    color:#999;
    margin-bottom:30px;
}
.partner-bottom div p {
    font-size: 14px;
    color: #666;
    white-space: pre-line;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 13;
    -webkit-box-orient: vertical;
}
.swiper-button-next img:first-child,
.swiper-button-prev img:first-child{
    display:none;
}
.top-ul1 {
    width: 1000px;
    background-color: rgba(255,255,255,.94);
    position: absolute;
    top: 100%;
    left: -500px;
    transform: translate(10%,0);
    padding: 30px 0;
    display: none;
    box-shadow: 0 0 10px #dfdfdf;
}
.top-ul1 ul{
    float:left;
    width:20%;
    margin:0 2.5%;
}
.top-ul1 ul li{
    width:100%;
    margin-bottom:10px;
    position:relative;
    text-align:left!important;
}
.top-ul1 ul li img{
    position:absolute;
    left:-5%;
    top:2px;
}
.top-ul1 ul li a {
    padding: 0 !important;
    color: #666;
    font-size: 14px;
}
.top-ul1 ul li a:hover{
    color:#44a8f4!important;
}
.open{
    position:relative;
}
.open h2 {
    color: #333;
    font-weight: bold;
    font-size: 14px;
}
.open img{
    position:absolute;
    left:-7%!important;
    top:0!important;
}
.bx-nav-tow .bx-nav ul li:hover .top-ul1 {
    display:block;
}
.footer-center1 .footer-center-left2 span,
.footer-center1 .footer-dh p,
.footer-center1 .footer-img span {
    color: rgba(255,255,255,0.7);
}
.footer1 a,
.footer1 p,
.footer1 span {
    color: rgba(255,255,255,0.7);
}