.shux_pic{width: 100%;padding-bottom: 75%;position: relative;overflow: hidden;}
.shux_pic img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.shux_but{display: inline-block;padding: 10px 20px;border: 1px solid #ffffff;color: #ffffff;font-size: 16px;font-weight: 400;line-height: 22px;margin-right: 18px;}
.shux_but i{display: inline-block;width: 24px;height: 24px;background: url('../images/icon_more.svg') center center no-repeat;margin-left: 15px;}
.shux_but.on, .shux_but:hover{background: #1053A0;border: 1px solid #1053A0;color: #ffffff;}
.shux_but.on i, .shux_but:hover i{background: url('../images/icon_more_h.svg') center center no-repeat;}
.shux_but:hover i{margin-left: 40px;}

.shux_title{width: 100%;position: relative;}
.shux_title .shux_tit{font-size: 48px;color: #141414;font-weight: 700;line-height: 64px;}
.shux_title .shux_mtit{font-size: 40px;color: #1E1E1E;font-weight: 290;line-height: 54px;margin-bottom: 8px;}
.shux_title .shux_ntit{font-size: 32px;color: #1E1E1E;font-weight: 290; margin-top: 8px;}
.shux_title span{display: inline-block;width: 80px;height: 2px;background: #1053A0;margin-top: 40px;}

.shux_head{position: fixed;z-index: 999;top: 0;width: 100%;left: 0;padding: 0 5.73vw;background: rgba(0, 0, 0, .2);}
.shux_head .shux_logo{float: left;}
.shux_head .shux_logo a{position: relative;}
.shux_head .shux_logo .shux_text{overflow: hidden;line-height: 80px;width: 246px;text-indent: -1000em;background: url(../images/logo.svg) center center no-repeat;}
.shux_nav{float: right;}
.shux_nav ul{position: relative;}
.shux_nav>ul>li{float: left;position: relative;}
.shux_nav li .v1{font-size: 16px;color:#fff;display: block;line-height:80px;margin: 0 1.1vw;}
.shux_nav li:hover .v1{opacity: .5;}
.shux_nav li .v1 i{display: inline-block;vertical-align: middle;width: 12px;height: 6px;margin-left: 6px;background: url(../images/ico1s.png) no-repeat;}
.shux_nav li .shux_sub{display: none;position: absolute;top: 100%;left:50%;width: 200px;margin-left: -100px;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);text-align: center;z-index: 9;padding: 10px 0;background-color: #1053A0;}
.shux_nav li .shux_sub a{display: block;font-size: 14px;color:#fff;line-height: 35px;}
.shux_nav li .shux_sub a:hover{background-color: #fff;color:#1053A0;}
.shux_head.fixed {background-color: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.shux_head.fixed .shux_logo .shux_text{background: url(../images/logo_h.svg) center center no-repeat;}
.shux_head.fixed .shux_nav li .v1{color:#333333;}
.shux_head.fixed .shux_nav li .v1 i{background-image: url(../images/ico1.png);}


.shux_hd-mobile {position: fixed;z-index: 999;top: 0;width: 100%;left: 0;background: #ffffff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);height: 60px;display: none;}
.shux_menuBtn{display: none;position: fixed;top: 16px;right: 12px;width: 30px;height: 30px;cursor: pointer;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.shux_menuBtn b{display: block;height: 4px;background-color: #1053A0;margin: 4px 0;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.shux_menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -5px;width: 30px;}
.shux_menuBtn.open b:first-child{display: block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.shux_menuBtn.open b:last-child{display: block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.shux_hd-mobile .shux_logo img {height: 50px;width: auto;margin-top: 5px;}
.shux_nav_mobile{position: fixed;top: 60px;left: 0;right: 0;bottom: 0;z-index: 99;overflow: hidden;background: #fff;width: auto;float: none;padding: 0;display: none;}
.shux_nav_mobile li{position: relative;}
.shux_nav_mobile li .v1{line-height: 40px;text-align: left;padding:0 20px;color:#333; border-bottom:1px solid #eee;font-size: 14px;display: block; }
.shux_nav_mobile li i {display: block;width: 40px;height: 40px;background-position: center center;position: absolute;right: 0;top: 0;z-index: 9;background: url(../images/sel.png) no-repeat center center;-webkit-background-size: 18px 18px;background-size: 18px 18px;}
.shux_nav_mobile li .shux_sub{padding: 10px 0;background-color: #1053A0 ;display: none;}  
.shux_nav_mobile li .shux_sub a{padding-left: 20px;text-align: left;line-height: 40px;font-size: 14px;display: block;color:#fff;}
.shux_nav_mobile .v1{height: 40px;line-height: 40px;text-align: left;color:#333;padding-left: 10px;margin:0;overflow: hidden;}
.shux_nav_mobile li:hover .v1, .shux_nav_mobile li.on .v1{background: none;}
.shux_nav_mobile li .v1::after{display: none;}
.shux_nav_mobile .row{position: relative;}
.shux_nav_mobile .ss{display: none;background-color: #fff;padding: 10px 0;}
.shux_nav_mobile li .shux_sub .ss a{color:#333;}

footer{width: 100%;position: relative;background: url(../images/bg_foot.webp) center center no-repeat #192A56;background-attachment: fixed;background-size: cover;}
.shux_foot{width: 100%;position: relative;padding: 120px 0 100px 0;overflow: hidden;}
.shux_foot .shux_item{float: left;color: #ffffff;}
.shux_foot .shux_item1{width: 23.5%;}
.shux_foot .shux_item2{width: 13.5%;margin: 0 10%;}
.shux_foot .shux_item3{width: 43%;}
.shux_foot .shux_item .shux_tit{font-size: 24px;font-weight: 700;padding-bottom: 36px;border-bottom: 1px solid #ffffff24;}
.shux_foot .shux_item .shux_item_c{position: relative;margin-top: 24px;}
.shux_foot .shux_item .shux_item_c dl{width: 100%;position: relative;margin-bottom: 24px;}
.shux_foot .shux_item .shux_item_c dt, .shux_foot .shux_item .shux_item_c dd, .shux_foot .shux_item .shux_item_c a{font-size: 16px;font-weight: 400;line-height: 24px;}
.shux_foot .shux_item .shux_item_c dd{margin-top: 4px;}
.shux_foot .shux_item .shux_item_c dd img{width: 100px;display: inline-block;}
.shux_foot .shux_item .shux_item_c dd img:nth-child(2){margin-left:10px;}
.shux_foot .shux_item .shux_item_c dd strong{font-size: 24px;}
.shux_foot .shux_item .shux_item_c a{color: #ffffff;display: block;margin-bottom: 26px;}
.shux_foot .shux_item .shux_item_c input, .shux_foot .shux_item .shux_item_c textarea{height: 50px;line-height: 50px;padding: 0 16px;background: #F7F7F7;border-radius: 4px;}
.shux_foot .shux_item .shux_item_c input{margin-bottom: 20px;width: 48.5%;float: left;margin-left: 3%;}
.shux_foot .shux_item .shux_item_c input.input1{margin-left: 0}
.shux_foot .shux_item .shux_item_c textarea{width: 100%;height: 75px;}
.shux_foot .shux_item .shux_item_c .shux_foot_btn{margin-top: 32px;line-height: 56px;padding: 0px 40px;font-size: 16px;color: #ffffff;font-weight: 400;text-align: center;border-radius: 8px;background: #1053A0;box-shadow: 7px 4px 17px 0px rgba(0, 0, 0, 0.10), 27px 15px 31px 0px rgba(0, 0, 0, 0.09), 60px 33px 41px 0px rgba(0, 0, 0, 0.05), 107px 59px 49px 0px rgba(0, 0, 0, 0.01), 167px 93px 54px 0px rgba(0, 0, 0, 0.00);cursor:pointer;}
.shux_foot .shux_dqfz{width: 100%;position: relative;padding-top: 30px;color: #ffffff;line-height: 26px;font-size: 14px;overflow: hidden;}
.shux_foot .shux_dqfz span{display: inline-block;}
.shux_foot .shux_dqfz a{display: inline-block;margin-right: 15px;color: #ffffff;}

.shux_copyright{width: 100%;position: relative;padding: 30px 0;border-top: 1px solid rgba(255, 255, 255, 0.24);}
.shux_copyright p{font-size: 14px;font-weight: 400;color: rgba(255, 255, 255, 0.60);}
.shux_copyright p a{color: rgba(255, 255, 255, 0.60);}
.shux_copyright .shux_flink{font-size: 14px;color: #ffffff;font-weight: 400;position: absolute;right: 0;top: 0;}
.shux_copyright .shux_flink a{color: #ffffff;margin-left: 16px;display: inline-block;}


.shux_datalist{width: 100%;position: relative;display: flex;justify-content: space-between;align-items: flex-start;}
.shux_datalist li{display: flex;flex-direction: column;align-items: flex-start;}
.shux_datalist li .shux_data{font-size: 14px;color: #141414;font-weight: 290;}
.shux_datalist li .shux_data span{font-size: 48px;color: #1053A0;font-weight: 700;margin-right: 5px;}
.shux_datalist li p{font-size: 14px;color: #141414;font-weight: 290;}

.shux_server_tab{display: flex;align-items: flex-start;align-content: flex-start;gap: 20px;flex-wrap: wrap;margin: 32px 0 12px 0;}
.shux_server_tab li{width: calc(20% - 16px);border: 1px solid #E0E0E0;font-size: 16px;color: #666666;font-weight: 290;line-height: 24px;text-align: center;}
.shux_server_tab li a{color: #666666;padding: 16px 20px;display: block;}
.shux_server_tab li:hover, .shux_server_tab li.on{border: 1px solid #1053A0;background: #1053A0;color: #ffffff;}
.shux_server_tab li:hover a, .shux_server_tab li.on a{color: #ffffff;}
.shux_server_list{width: 100%;position: relative;}
.shux_server_list ul{display: flex;align-items: flex-start;align-content: flex-start;gap: 22px;flex-wrap: wrap;display: none;}
.shux_server_list ul.on{display: flex;}
.shux_server_list li{width: calc(25% - 16.5px);border: 1px solid #E0E0E0;}
.shux_server_list li a{display: block;overflow: hidden;}
.shux_server_list li .shux_pic{padding-bottom: 56.25%;}
/*.shux_server_list li .shux_pic img{object-fit: contain;}*/
.shux_server_list li .shux_text{padding: 32px 20px;}
.shux_server_list li .shux_text p{font-size: 20px;color: #333333;font-weight: 400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.shux_server_list li .shux_text span{display: inline-block;margin-top: 22px;font-size: 14px;color: #1053A0;font-weight: 400;line-height: 20px;}
.shux_server_list li .shux_text span:after{content:"";display: inline-block;width: 20px;height: 20px;background: url('../images/icon_jiantou.svg') center center no-repeat;margin-left: 12px;vertical-align: middle;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.shux_server_list li:hover .shux_pic img{transform:scale(1.1);}
.shux_server_list li:hover .shux_text span:after{transform: rotate(45deg);}

.shux_principle{width: 100%;position: relative;padding: 80px 0 80px 0;background: url('../images/bg_principle1.webp') center top no-repeat;}
.shux_principle:before{content:"";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url('../images/bg_principle2.webp') center bottom no-repeat;}
/*.shux_principle:after{content:"";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);}*/
.shux_principle .shux_title{text-align: center;}
.shux_principle .shux_title.pb32{padding-bottom: 32px;}
.shux_principle .shux_principle_tab{width: 100%;position: relative;text-align: center;margin: 32px 0 22px 0;}
.shux_principle .shux_principle_tab li{display: inline-block;width: 215px;padding: 16px 20px;color: #666666;font-size: 16px;font-weight: 400;line-height: 24px;background: #ffffff;cursor: pointer;}
.shux_principle .shux_principle_tab li.on{color: #ffffff;background: #1053A0;}
.shux_principle_c{width: 100%;position: relative;overflow: hidden;}
.shux_principle_c .shux_principle_item{width: 100%;position: relative;display: none;}
.shux_principle_c .shux_principle_item.on{display: block;}
.shux_principle_item .shux_principle_l{width: 49%;float: left;margin-right: 2%;}
.shux_principle_item .shux_principle_l .shux_pic{padding-bottom: 74%;}
.shux_principle_item .shux_principle_l img{width:100%;}
.shux_principle_item .shux_principle_r{width: 49%;float: left;}
.shux_principle_item .shux_principle_r .shux_text{padding: 52px 0 0 0;}
.shux_principle_item .shux_principle_r .shux_text .shux_tit{font-size: 28px;color: #141414;font-weight: 400;}
.shux_principle_item .shux_principle_r .shux_text p{margin-top: 32px;font-size: 16px;color: #666666;font-weight: 400;line-height: 30px;}

#floatBottom{width:100%;height:53px;background:#1053A0;position:fixed;left:0;bottom:0;z-index:999999;display: none;}
#floatBottom a{width:33.333%;height:53px;display:block;float:left;position:relative;font-size: 14px;color:#fff;text-align: center;padding-bottom: 4px;}
#floatBottom a img{display: block;margin:4px auto 2px;height: 25px;}
#floatBottom .ewm{width:87px;height:83px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}
@media screen and (max-width:1699px){

}

@media screen and (max-width:1499px){
    .shux_title .shux_mtit{font-size: 32px;line-height: 45px;}
    .shux_title .shux_tit{font-size: 40px;line-height: 52px;}
    .shux_title .shux_ntit{font-size: 28px;}
    .shux_title span{margin-top: 30px;}

    .shux_but{padding: 8px 20px;font-size: 14px;}
    .shux_but:hover i {margin-left: 30px;}
    
    .shux_foot{padding: 70px 0 60px 0;}
    .shux_foot .shux_item .shux_tit{font-size: 20px;padding-bottom: 24px;}
    .shux_foot .shux_item .shux_item_c{margin-top: 20px;}
    .shux_foot .shux_item .shux_item_c dl{margin-bottom: 15px;}
    .shux_foot .shux_item .shux_item_c dt, .shux_foot .shux_item .shux_item_c dd, .shux_foot .shux_item .shux_item_c a{font-size: 14px;}
    .shux_foot .shux_item .shux_item_c dd strong {font-size: 22px;}
    .shux_foot .shux_item .shux_item_c a{margin-bottom: 15px;}
    .shux_foot .shux_item .shux_item_c input, .shux_foot .shux_item .shux_item_c textarea{height: 45px;line-height: 45px;padding: 0 12px;}
    .shux_foot .shux_item .shux_item_c input{margin-bottom: 15px;}
    .shux_foot .shux_item .shux_item_c .shux_foot_btn{margin-top: 20px;line-height: 45px;font-size: 14px;}

    .shux_copyright{padding: 15px 0;}
    .shux_copyright .shux_flink a{margin-left: 12px;}

    .shux_datalist li .shux_data span {font-size: 40px;}

    .shux_server_tab {margin: 24px 0 4px 0;}
    .shux_server_list ul{gap: 16px;}
    .shux_server_list li{width: calc(25% - 12px);}
    .shux_server_list li .shux_text {padding: 24px 15px;}
    .shux_server_list li .shux_text p{font-size: 16px;}
    .shux_server_list li .shux_text span{margin-top: 16px;}

    .shux_principle{padding: 60px 0 60px 0;}
    .shux_principle .shux_principle_tab{margin: 24px 0 20px 0;}
    .shux_principle .shux_principle_tab li{width: 180px;padding: 10px 15px;}
    .shux_principle_item .shux_principle_r .shux_text {padding: 70px 14% 0 0;}
    .shux_principle_item .shux_principle_r .shux_text .shux_tit{font-size: 24px;}
    .shux_principle_item .shux_principle_r .shux_text p {margin-top: 24px;font-size: 14px;line-height: 28px;}

}

@media screen and (max-width:1299px){
    .shux_title .shux_mtit{font-size: 26px;line-height: 40px;}
    .shux_title .shux_tit{font-size: 34px;line-height: 45px;}
    .shux_title .shux_ntit{font-size: 22px;}
    .shux_title span{margin-top: 24px;}
}

@media screen and (max-width:1023px){
    .shux_title .shux_mtit {font-size: 20px;line-height: 30px;}
    .shux_title .shux_tit {font-size: 24px;line-height: 30px;}
    .shux_title .shux_ntit{font-size: 18px;}
    .shux_title span {margin-top: 18px;width: 50px;}

    .shux_but {padding: 5px 20px;margin-right: 12px;}
    .shux_but i {margin-left: 10px;}
    .shux_but:hover i {margin-left: 20px;}

    .shux_head{display: none;}
    .shux_hd-mobile{display: block;}
    .shux_menuBtn{display: block;}
    .shux_hd-mobile .container{width:calc(100% -  30px);}

    .shux_foot {padding: 40px 0 30px 0;}
    .shux_foot .shux_item2 {display: none;}
    .shux_foot .shux_item1 {width: 40%;margin-right: 10%;}
    .shux_foot .shux_item3 {width: 50%;}
    .shux_foot .shux_item .shux_tit {font-size: 16px;padding-bottom: 15px;}
    .shux_foot .shux_item .shux_item_c {margin-top: 15px;}
    .shux_foot .shux_item .shux_item_c dl {margin-bottom: 10px;}
    .shux_foot .shux_item .shux_item_c dd strong {font-size: 20px;}
    .shux_foot .shux_item .shux_item_c input, .shux_foot .shux_item .shux_item_c textarea{height: 40px;line-height: 40px;}
    .shux_foot .shux_item .shux_item_c textarea{height: 80px;}
    .shux_foot .shux_item .shux_item_c .shux_foot_btn {margin-top: 15px;line-height: 40px;}
    
    .shux_copyright p{font-size: 13px;}
    .shux_copyright .shux_flink{position: relative;margin-top: 10px;font-size: 13px;}

    .shux_datalist li .shux_data{font-size: 12px;}
    .shux_datalist li .shux_data span {font-size: 26px;}

    .shux_server_tab{gap: 10px;}
    .shux_server_tab li{width: calc(20% - 8px);font-size: 14px;}
    .shux_server_tab li a{padding: 8px 12px;}
    .shux_server_list ul {gap: 8px;}
    .shux_server_list li {width: calc(25% - 6px);}
    .shux_server_list li .shux_text {padding: 12px 10px;}
    .shux_server_list li .shux_text p {font-size: 14px;}
    .shux_server_list li .shux_text span {margin-top: 10px;font-size: 12px;}

    .shux_principle {padding: 50px 0 50px 0;}
    .shux_principle .shux_principle_tab li {width: 160px;padding: 8px 15px;font-size: 14px;}
    .shux_principle_item .shux_principle_r .shux_text {padding: 15px 0 0 0;}
    .shux_principle_item .shux_principle_r .shux_text .shux_tit {font-size: 20px;}
    .shux_principle_item .shux_principle_r .shux_text p {margin-top: 15px;line-height: 26px;}
}

@media screen and (max-width:767px){
    .shux_title .shux_mtit {font-size: 16px;line-height: 20px;}
    .shux_title .shux_tit {font-size: 22px;line-height: 24px;}
    .shux_title .shux_ntit{font-size: 14px;}
    .shux_title span {margin-top: 10px;}

    .shux_but {padding: 3px 15px;margin-right: 10px;}
    
    footer{padding-bottom:50px;}
    .shux_foot {padding: 20px 0 20px 0;}
    .shux_foot .shux_item{float: none;}
    .shux_foot .shux_item1 {width: 100%;margin-right: 0;margin-bottom: 15px;}
    .shux_foot .shux_item .shux_tit {font-size: 15px;padding-bottom: 8px;}
    .shux_foot .shux_item .shux_item_c {margin-top: 10px;}
    .shux_foot .shux_item .shux_item_c dl {margin-bottom: 8px;}
    .shux_foot .shux_item .shux_item_c dd strong {font-size: 17px;}
    .shux_foot .shux_item .shux_item_c dd {margin-top: 0;}
    .shux_foot .shux_item3 {width: 100%;}
    .shux_foot .shux_item .shux_item_c input, .shux_foot .shux_item .shux_item_c textarea {height: 32px;line-height: 32px;}
    .shux_foot .shux_item .shux_item_c input {margin-bottom: 10px;}
    .shux_foot .shux_item .shux_item_c textarea {height: 72px;}
    .shux_foot .shux_item .shux_item_c .shux_foot_btn {margin-top: 5px;line-height: 32px;}
    .shux_foot .shux_dqfz{line-height:22px;margin-top:12px;}
    .shux_copyright {padding: 10px 0;}

    .shux_datalist li .shux_data span {font-size: 22px;}

    .shux_server_tab {gap: 6px;margin: 10px 0 8px 0;}
    .shux_server_tab li {width: calc(50% - 3px);}
    .shux_server_tab li a{padding: 4px 12px;}
    .shux_server_list li {width: calc(50% - 4px);}
    .shux_server_list li .shux_text {padding: 10px 10px;}
    .shux_server_list li .shux_text span{margin-top: 5px;}

    .shux_principle {padding: 25px 0 20px 0;}
    .shux_principle .shux_principle_tab {margin: 15px 0 12px 0;}
    .shux_principle .shux_principle_tab li {width: 120px;padding: 5px 15px;}
    .shux_principle_item .shux_principle_l {width: 100%;float: none;margin-right: 0;}
    .shux_principle_item .shux_principle_r {width: 100%;float: none;}
    .shux_principle_item .shux_principle_r .shux_text .shux_tit {font-size: 16px;font-weight: bold;}
    .shux_principle_item .shux_principle_r .shux_text p {margin-top: 8px;line-height: 22px;}
    
    #floatBottom{display: block;}

}