*, *:before, *:after{box-sizing: border-box; outline: none; word-wrap: break-word;}
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset{margin: 0; padding: 0; font-weight: normal; -webkit-tap-highlight-color: transparent;}
ul, ol, dl{list-style-type: none;}
html, body{position: static; width: 100%; background: #fff; font: 16px/1.1 "SourceSansPro-Regular", Microsoft YaHei, system-ui, -apple-system, Heiti SC ,tahoma, arial, Hiragino Sans GB, "\5B8B\4F53",sans-serif; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
address, caption, cite, code, dfn, em, th, var{font-style: normal; font-weight: 400;}
input, button, textarea, select, optgroup, option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
input, button{overflow: visible; vertical-align: middle; outline: none;}
a{text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-transition: all .5s ease; transition: all .5s ease; color: #000;}
a:hover, a:focus, a:active{text-decoration: none; outline: none;}
b, i{font-weight: normal; font-style: normal;}
sub, sup{vertical-align: baseline;}
button, input[type="button"], input[type="submit"]{line-height: normal !important;}
img{max-width: 100%; border: 0; object-fit: cover; display: block; -webkit-user-drag: none;}
a img{-webkit-transition: all .5s ease; transition: all .5s ease;}
input, textarea{border: 0; background: none; outline: none; resize: none;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height: auto;}
input[type="search"]{-webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input[type="text"], input[type="tel"], input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], input[type="email"], textarea{-webkit-appearance: none; border-radius: 0; -webkit-tap-highlight-color: transparent;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none !important; margin: 0;}
input::-moz-placeholder, textarea::-moz-placeholder{color: #bbb;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #bbb;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #bbb;}
.cover, .cover1{width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: none; z-index: 24;}
.cl:after, .clearfix:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.cl, .clearfix{zoom: 1;}
.fl{float: left !important;}
.fr{float: right !important;}
.xs-display{display: none !important;}

/*图片特效*/
.white{position: relative;overflow: hidden;}
.white:after{content: '';cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));transform: skewx(-25deg);}
.white:hover:after{left: 100%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;}

/*fonts*/
@font-face{font-family: "SourceSansPro-Regular"; src: url("../font/SourceSansPro-Regular.woff2") format("woff2"), url("../font/SourceSansPro-Regular.woff") format("woff"); font-weight: normal; font-style: normal;}
@font-face{font-family: "BebasNeue"; src: url("../font//BebasNeue.otf") format("opentype"); font-weight: normal; font-style: normal;}
@-webkit-keyframes animate-cloud{from{background-position: 1920px 100%;} to{background-position: 0 100%;} }
@keyframes animate-cloud{from{background-position: 1920px 100%;} to{background-position: 0 100%;} }
@keyframes animate-dingwei{0%{transform: translateY(0);} 50%{transform: translateY(-px2rem(10));} 100%{transform: translateY(0);} }
@keyframes mouseMove{0%{transform: translate(0, -px2rem(10));} 100%{transform: translate(0, px2rem(10));} }
/* IE低版本提示 */
.pageTips{width: 100%; height: 100%; background: #f8f8f8; position: fixed; left: 0; top: 0; z-index: 1000;}
.pageTips .con{width: 660px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.pageTips .con svg{width: 100px; height: 100px; margin: 0 auto; fill: orangered; display: block;}
.pageTips .con .msg{font-size: 18px; line-height: 36px; padding-top: 0.1rem; color: #000;}
.container{width: 87.5%; margin: 0 auto; position: relative; transition: all .5s;}
.shareWx-box{text-align: center;}
.shareWx-box .url_img{ width: 150px; margin: 0.15rem auto 0.1rem;}
.shareWx-box .url_img img{ width: 150px; height: 150px;}
.shareWx-box p{font-size: 14px;}
/* header */
.header{width: 100%; height: auto; background: #fff; position: sticky; top: 0; z-index: 25; transition: all .5s;}
.header .container{display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1;}
.header .logo{width: 5rem;position: relative;overflow: hidden;}
.header .logo img{width: 100%; object-fit: inherit;}
.header .logo::before{content: "";position: absolute;left: -800px;top: -460px;width: 400px;height: 15px;background-color: rgba(255, 255, 255, .4);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: searchLights 1.5s ease-in 1.5s infinite;-o-animation: searchLights 1.5s ease-in 1.5s infinite;animation: searchLights 1.5s ease-in 1.5s infinite;}
@-webkit-keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}
@-o-keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}
@-moz-keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}
@keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}

.header .right{display: flex;}
.header .right .nav{display: flex; align-items: center;}
.header .right .nav .item{width: 0.95rem; height: 0.85rem; line-height: 0.85rem; font-size: 0.18rem; margin-left: 0.05rem; position: relative; text-align: center; display: block;}
.header .right .nav .item span{position: relative; z-index: 1;}
.header .right .nav .item:after{content: ""; width: 100%; height: 0; background: #019ce9; position: absolute; left: 0; top: 0; right: 0; margin: auto; transition: all .5s;}
.header .right .nav .item:hover, .header .right .nav .item.active{color: #fff;}
.header .right .nav .item:hover:after, .header .right .nav .item.active:after{height: 100%;}
.header .right .other{display: flex; position: relative; align-items: center; margin-left: 0.2rem; text-align: right;}
.header .right .other .tel{font-size: 0.25rem; font-weight: bold; color: #da122c;}
.header .right .other .tel i{font-size: 0.25rem; margin-right: 0.05rem;}
.header .right .other .bot{display: flex; position: relative; padding-left: 0.3rem;}
.header .right .other .bot:before{content: ""; width: 1px; height: 0.15rem; background: #000; position: absolute; left: .1rem; top: 0.01rem;}
.header .right .other .bot .lang{font-size: 0.16rem; transition: all .5s; position: relative;}
.header .right .other .bot .lang i{font-size: 0.16rem;}
.header .right .other .bot .lang .icon-diqiu{margin-right: 0.05rem;}
.header .right .other .bot .lang .lang-box{width: 1rem; position: absolute; right: -0.1rem; top: 0.25rem; z-index: 5; padding: 0.05rem; box-shadow: 0 1px 0.05rem #ccc; background: #fff; border: 1px solid #eee; text-align: center; display: none;}
.header .right .other .bot .lang .lang-box a{font-size: 0.18rem; display: block; margin: 0.15rem 0;}
.header .right .other .bot .lang .lang-box a:hover{color: #019ce9;}
.header .right .other .bot .search{margin-left: 0.2rem; cursor: pointer;}
.header .right .other .bot .search i{font-size: 0.18rem;}
.header .submenu{width: 100%; height: auto; overflow: hidden; position: absolute; transition: all .4s; z-index: 0; border-top: 1px solid #E2E3E4;}
.header .submenu .container{height: auto; overflow: hidden; padding: 0.6rem 6.25%; display: block;}
.header .submenu .l{width: 50%; float: left; position: relative; z-index: 1; padding-right: 0.35rem;}
.header .submenu .l h2{font-size: 0.32rem; color: #07243F; margin-bottom: 0.45rem;}
.header .submenu .l .snav{height: auto; display: flex; flex-wrap: wrap;}
.header .submenu .l .snav a{width: 50%; font-size: 0.18rem; line-height: 0.36rem; color: #000; display: block; position: relative; padding-left: 0.22rem; margin-bottom: 0.15rem;}
.header .submenu .l .snav a i{font-size: 0.14rem; margin-left: 0.05rem; color: #8C8D8F; transition: all .5s;}
.header .submenu .l .snav a:before{content: ""; width: 0.12rem; height: 0.12rem; border: 0.04rem solid #019ce9; position: absolute; left: 0; top: 0.12rem; transition: all .5s;}
.header .submenu .l .snav a:hover{color: #019ce9;}
.header .submenu .l .snav a:hover i{color: #019ce9; margin-left: 0.1rem;}
.header .submenu .l .snav a:hover:before{transform: rotate(45deg);}
.header .submenu .r{width: 50%; padding-left: 4%; float: right; position: relative; z-index: 1;}
.header .submenu .r img{width: 100%; max-height: 4rem;}
.header .submenu:before{content: ""; width: 50%; height: 100%; background: #fff; position: absolute; left: 0; top: 0;}
.header .submenu:after{content: ""; width: 50%; height: 100%; background: #f9f9f9; position: absolute; right: 0; top: 0;}
.header .submenu .submenuItem{display: none;}
.header .submenu-xs{display: none;}
.header .nav-xs{display: none;}
.searchBox{width: 100%; height: auto; overflow: hidden; position: fixed; top: 0.85rem; display: none; z-index: 88;}
.searchBox .box{height: auto; width: 3.5rem; padding: 0.1rem 0; background: rgba(0, 0, 0, 0.5); float: right;}
.searchBox .box input{width: 90%; height: 0.4rem; padding: 0 0.2rem; font-size: 0.15rem; color: #fff; float: left;}
.searchBox .box .search-btn{width: 10%; display: block; float: right; background: none; border: none; cursor: pointer;}
.searchBox .box .search-btn i{font-size: 0.16rem; color: rgba(255, 255, 255, 0.5); line-height: 0.4rem;}

/* footer */
.footer{height: auto; overflow: hidden; background: url(../image/footer-bg.jpg) no-repeat center/cover; border-top: 0.1rem solid #019ce9;}
.footer .container{display: flex; justify-content: space-between;}
.footer .center{padding: 0.6rem 0;}
.footer .center .container{display: flex; justify-content: space-between;}
.footer .center .contact h2{font-size: 0.24rem; color: #07243F; margin-bottom: 0.25rem;}
.footer .center .contact .tel{font-size: 0.28rem; color: #019ce9; font-weight: bold;}
.footer .center .contact .tel i{font-size: 0.32rem; margin-right: 0.1rem; vertical-align: -0.02rem;}
.footer .center .contact p{font-size: 0.18rem; color: #07243F; line-height: 0.3rem;}
.footer .center .contact .qr{height: auto; overflow: hidden; margin-top: 0.2rem;}
.footer .center .contact .qr li{text-align: center; float: left; margin-right: 0.4rem;}
.footer .center .contact .qr li img{width: 100px;}
.footer .center .contact .qr li p{font-size: 0.14rem; color: #07243F; margin-top: 0.05rem;}
.footer .center .contact{width: 30%;}
.footer .center .navyou{width: 35%;}
.footer .center .nav{ width: 100%; height: auto; overflow: hidden; display: flex;}
.footer .center .nav dl{height: auto; overflow: hidden; flex: 1;}
.footer .center .nav dl dt{margin-bottom: 0.25rem;}
.footer .center .nav dl dt a{font-size: 0.2rem; color: #07243F;}
.footer .center .nav dl dd{margin-bottom: 0.25rem;white-space: nowrap;     overflow: hidden;     text-overflow: ellipsis;}
.footer .center .nav dl dd a{font-size: 0.16rem; color: #07243F; position: relative;}
.footer .center .nav dl:last-child{flex: inherit;}
.footer .center .navyou .list{display: flex; flex-wrap: wrap;}
.footer .center .navyou .list .item{width: 30%; margin: 0 5% 3% 0;}
.footer .center .navyou .list .item .img{width: 100%; position: relative; overflow: hidden;}
.footer .center .navyou .list .item .img img{width: 100%; height: 100%;}
.footer .center .navyou .list .item:nth-child(3n){margin-right: 0;}
.footer .center .navyou .list .item:nth-last-child(-n+3){margin-bottom: 0;}
.footer .center .navyou .item:hover .img img{transform: scale(1.1);}
.footer .center .navyou .item:hover .img .more{transform: translateY(0);}
.footer .center .navyou .hezuo h3{ padding-top: .1rem; padding-bottom: .1rem;}
.footer .bottom{padding: 0.25rem 0; background: #07243F; border-top: 1px solid rgba(255, 255, 255, 0.1);}
.footer .bottom .container{align-items: center;}
.footer .bottom .copyright{font-size: 0.14rem; color: #fff;}
.footer .bottom .bnav{height: auto; overflow: hidden;}
.footer .bottom .bnav li{float: left;}
.footer .bottom .bnav li a{font-size: 0.14rem; color: #fff; position: relative; padding-left: 0.21rem; margin-left: 0.2rem;}
.footer .bottom .bnav li a:before{content: ""; width: 1px; height: 100%; background: #fff; position: absolute; left: 0; top: 0;}
.footer .bottom .bnav li:first-child a:before{display: none;}
.main{position: relative; z-index: 1; overflow: hidden;}
.common-btn{width: 1.8rem; line-height: 0.48rem; background: #07243F; font-size: 0.16rem; color: #fff; margin: 0.65rem auto 0; display: block; text-align: center;}
.common-btn i{font-size: 0.16rem; margin-left: 0.06rem; transition: all .5s;}
.common-btn:hover i{margin-left: 0.1rem;}

.footer .footly{width:30%; padding-left:10px;border-left:1px solid #E9E9E9;}
.footer .footly h3{ font-size: 0.2rem; padding-bottom: .2rem;}
.footer .footly .cl_li{border:1px solid #e2e3e4;margin-bottom:.1rem;background-repeat:no-repeat;background-position:.1rem center;padding-left:.3rem;background-color:#FFF;}
.footer .footly .cl_li.cl_li1{padding-left:0rem;}
.footer .footly .cl_li.icon1{background-image:url(../image/con_ficon1.png);}
.footer .footly .cl_li.icon2{background-image:url(../image/con_ficon2.png);}
.footer .footly .cl_li.icon3{background-image:url(../image/con_ficon3.png);}
.footer .footly .cl_li input{width:100%;height:.4rem;line-height:.4rem;outline:none;padding:0 .1rem;}
.footer .footly .cl_li textarea{width:100%;padding:8px 6px;outline:none;resize:none;line-height:.2rem;}
.footer .footly .con_btn{height:.4rem;line-height:.4rem;color:#0075BA;background:#FFF;cursor:pointer;text-align:center;display:inline-block;border:1px solid #0075BA;width:50%;font-size:18px;margin-top:.1rem;}
.footer .footly .con_btn:hover{ background: #0075BA; color: #fff;}
.footer .footly ::-webkit-input-placeholder{color:#888;font-size:.16rem;}
.footer .footly :-moz-placeholder{color:#888;font-size:.16rem;}
.footer .footly ::-moz-placeholder{color:#888;font-size:.16rem;}
.footer .footly :-ms-input-placeholder{color:#888;font-size:.16rem;}

/* Index */
.indexhome .banner{height: auto; overflow: hidden; position: relative; --swiper-theme-color: #aaa; /* 设置Swiper风格 */ --swiper-navigation-size: 0.46rem; /* 设置按钮大小 */}
.indexhome .banner img{width: 100%; height: calc(100vh - .88rem);}
.indexhome .banner .icon-mouse{width: 0.4rem; font-size: 0.4rem; color: #fff; position: absolute; left: 0; right: 0; bottom: 0.5rem; z-index: 1; margin: auto; animation: mouseMove 1.5s infinite alternate;}
.indexhome .banner .swiper-pagination{bottom: 0.5rem; text-align: right; left: auto; right: 1.2rem;}
.indexhome .banner .swiper-pagination .swiper-pagination-bullet{width: 0.4rem; height: 0.05rem; opacity: 1; border-radius: 0; background: #fff; margin: 0 0.08rem; transition: all .5s;}
.indexhome .banner .swiper-pagination .swiper-pagination-bullet-active{width: 0.8rem; background: #019ce9;}
.indexhome .banner .swiper-button-prev{left: 6.25%; opacity: 0; transition: all .5s;}
.indexhome .banner .swiper-button-next{right: 6.25%; opacity: 0; transition: all .5s;}
.indexhome .banner:hover .swiper-button-prev, .indexhome .banner:hover .swiper-button-next{opacity: 1;}
.indexhome .section{height: auto; overflow: hidden; margin-top: .5rem;}
.indexhome .section .title{position: relative; margin-bottom: 0.6rem;}
.indexhome .section .title h2{font-size: 0.44rem; color: #07243F; font-weight: bold;}
.indexhome .section .g-tit{position: relative; text-align: center; margin-bottom: 0.3rem;}
.indexhome .section .g-tit .cn{font-weight: bold; font-size: 0.44rem; color:#07243F; position: relative; padding-bottom: .4rem; margin-bottom: 24px; text-transform: uppercase;}
.indexhome .section  .g-tit .cn::after{content:''; display: block; position: absolute; bottom: 0; left: 0; right: 0; width: .5rem; height: .05rem; margin:0 auto; background: #019ce9;}
.indexhome .section .g-tit .desc{font-size: 15px; color:#999999;}
.indexhome .product .list{display: flex; flex-wrap: wrap;}
.indexhome .product .list .item{width: 23.5%; margin: 0 2% 3% 0;}
.indexhome .product .list .item .img{position: relative; overflow: hidden;}
.indexhome .product .list .item .img img{width: 100%; height: 100%;}
.indexhome .product .list .item .img .more{transform: translateY(101%); width: 100%; height: 0.64rem; font-size: 0.16rem; color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; bottom: 0; background: #019ce9; transition: all .5s;}
.indexhome .product .list .item .img .more i{margin-left: 0.06rem;}
.indexhome .product .list .item h3{ text-align: center; font-size: 0.24rem; color: #07243F; margin-top: 0.2rem; transition: all .5s;}
.indexhome .product .list .item:nth-child(4n){margin-right: 0;}
.indexhome .product .list .item:hover .img img{transform: scale(1.1);}
.indexhome .product .list .item:hover .img .more{transform: translateY(0);}
.indexhome .product .list .item:hover h3{color: #019ce9; margin-left: 0.2rem;}
.indexhome .product .list .item:last-child .common-btn{position: absolute; bottom: 0.8rem; left: 0; right: 0; margin: auto;}
.indexhome .product .list .item:last-child:hover .common-btn i{margin-left: 0.1rem;}
.indexhome .about{margin-top: 0.7rem;}
.indexhome .about .title{margin-bottom: 0.2rem; text-align: left;}
.indexhome .about .box{display: flex; justify-content: space-between; flex-wrap: wrap; background: #F0F0F0;}
.indexhome .about .box .img{width: 60%; overflow: hidden; background-size: cover; background-position: left; background-repeat: no-repeat;}
.indexhome .about .box .text{width: 40%; padding: 0.4rem 6.25% 0.4rem 0.8rem;}
.indexhome .about .box .text p{font-size: 0.16rem; line-height: 0.3rem; margin-top: 0.1rem;}
.indexhome .about .box .text p:first-of-type{margin: 0 !important;}
.indexhome .about .box .text .common-btn{margin: 0.3rem 0;}
.indexhome .about .box .text .qm{width: 4.19rem;}
.indexhome .about ul{padding: 0.6rem 0; background: #019ce9;}
.indexhome .about ul .container{display: flex; justify-content: space-between; flex-wrap: wrap;}
.indexhome .about ul li{text-align: center;}
.indexhome .about ul li h3{font-size: 0.26rem; color: #fff; font-family: "BebasNeue";}
.indexhome .about ul li h3 b{font-size: 0.72rem; padding-right: 0.1rem;}
.indexhome .about ul li p{font-size: 0.18rem; margin-top: 0.1rem; color: #fff;}
.indexhome .cooperate .list{display: flex; flex-wrap: wrap;}
.indexhome .cooperate .list .item{width: 24%; margin: 0 1% 3% 0;}
.indexhome .cooperate .list .item .t{display: flex; align-items: center; margin-bottom: 0.2rem;}
.indexhome .cooperate .list .item .t .icon{width: .7rem; height: .7rem; margin-right: 0.4rem; background: #EAEAEA; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; transition: all .5s;}
.indexhome .cooperate .list .item .t .icon i{font-size: 0.3rem; color: #07243F; transition: all .5s;}
.indexhome .cooperate .list .item .t .name{font-size: 0.24rem; color: #07243F;}
.indexhome .cooperate .list .item .img{width: 100%; position: relative; overflow: hidden;}
.indexhome .cooperate .list .item .img img{width: 100%; height: 100%; border-radius: .1rem}
.indexhome .cooperate .list .item .img .more{transform: translateY(101%); width: 100%; height: 0.64rem; font-size: 0.16rem; color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; bottom: 0; background: #019ce999; transition: all .5s;}
.indexhome .cooperate .list .item .img .more i{margin-left: 0.06rem;}
.indexhome .cooperate .list .item:nth-child(4n){margin-right: 0;}
.indexhome .cooperate .list .item:nth-last-child(-n+4){margin-bottom: 0;}
.indexhome .cooperate .list .item:hover .t .icon{background: #019ce9; box-shadow: 0 0.04rem 0.2rem -0.04rem rgba(218, 18, 44, 0.5);}
.indexhome .cooperate .list .item:hover .t .icon i{color: #fff;}
.indexhome .cooperate .list .item:hover .img img{transform: scale(1.1);}
.indexhome .cooperate .list .item:hover .img .more{transform: translateY(0);}
.indexhome .advantage{padding: 1.2rem 0 0.9rem; background: url(../image/advantage-bg.jpg) no-repeat top/100% #F0F0F0;}
.indexhome .advantage ul{display: flex; flex-wrap: wrap; margin-top: .2rem;}
.indexhome .advantage ul li{width: 49%; height: 2.1rem; margin: 0 1% 1% 0; background: #fff; padding: 0.5rem 0.7rem; position: relative; overflow: hidden; transition: all .5s; box-shadow: 0 0.02rem 0.2rem -0.03rem #E6E6E6;}
.indexhome .advantage ul li i{font-size: 1.7rem; color: rgba(0, 0, 0, 0.06); position: absolute; right: -0.2rem; bottom: -0.2rem;}
.indexhome .advantage ul li h3{font-size: 0.24rem; margin-bottom: 0.1rem;}
.indexhome .advantage ul li h3 span{font-size: 0.3rem; color: #019ce9; font-family: "BebasNeue"; margin-right: 0.1rem; vertical-align: -0.01rem;}
.indexhome .advantage ul li p{font-size: 0.16rem; line-height: 0.28rem; color: #07243F; position: relative; z-index: 1;}
.indexhome .advantage ul li:hover{background: #019ce9;}
.indexhome .advantage ul li:hover h3, .indexhome .advantage ul li:hover h3 span, .indexhome .advantage ul li:hover p{color: #fff;}
.indexhome .advantage ul li:hover i{color: rgba(255, 255, 255, 0.1);}
.indexhome .advantage ul li:nth-child(2n){margin-right: 0;}
.indexhome .advantage ul li:nth-child(2){border-top-right-radius: 1.65rem;}
.indexhome .advantage ul li:nth-child(3){border-bottom-left-radius: 1.65rem;}
.indexhome .news{padding-bottom: .8rem;}
.indexhome .news .box{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.indexhome .news .box .img{width: 47%; height: 3.5rem; position: relative; overflow: hidden;}
.indexhome .news .box .img .swiper-slide{width: 100%; height: 100%; position: relative; overflow: hidden;}
.indexhome .news .box .img .swiper-slide img{width: 100%; height: 100%;}
.indexhome .news .box .img .swiper-slide .text{background: #019ce9; width: 100%; position: absolute; left: 0; bottom: 0; transform: translateY(101%); transition: all .5s;}
.indexhome .news .box .img .swiper-slide .text h3{width: 80%; font-size: 0.2rem; color: #fff; padding: 0.3rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.indexhome .news .box .img .swiper-slide.swiper-slide-active .text{transform: translateY(0);}
.indexhome .news .box .img .swiper-pagination{bottom: 0.35rem; text-align: right; left: auto; right: 0.22rem;}
.indexhome .news .box .img .swiper-pagination .swiper-pagination-bullet{width: 0.12rem; height: 0.12rem; opacity: 1; background: #fff; margin: 0 0.08rem; transition: all .5s;}
.indexhome .news .box .img .swiper-pagination .swiper-pagination-bullet-active{background: #07243F;}
.indexhome .news .box ul{width: 48%; background: #F0F0F0;}
.indexhome .news .box ul li{margin-top: 0.2rem; padding-bottom: 0.1rem; border-bottom: .03rem solid #fff;}
.indexhome .news .box ul li a{display: flex; align-items: center;}
.indexhome .news .box ul li .date{width: 1.4rem; margin-right: 0.35rem; text-align: center; position: relative;}
.indexhome .news .box ul li .date:after{content: ""; width: 1px; height: 100%; background: #EAEAEA; position: absolute; right: 0; top: 0;}
.indexhome .news .box ul li .date h4{font-size: 0.6rem; color: #07243F; font-family: "BebasNeue"; transition: all .5s;}
.indexhome .news .box ul li .date h5{font-size: 0.18rem; color: #07243F; transition: all .5s;}
.indexhome .news .box ul li .text{width: 0; flex: 1; padding-right: .2rem; }
.indexhome .news .box ul li .text h3{font-size: 0.2rem; color: #07243F; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0.1rem; transition: all .5s;}
.indexhome .news .box ul li .text p{font-size: 0.14rem; color: #07243F; line-height: 0.28rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
/* .indexhome .news .box ul li:first-child{margin: 0;} */
.indexhome .news .box ul li:hover .date h4, .indexhome .news .box ul li:hover .date h5{color: #019ce9;}
.indexhome .news .box ul li:hover .text h3{color: #019ce9;}
/* Nei-page */
.Nei-page .banner{height: auto; overflow: hidden; position: relative;}
.Nei-page .banner img{width: 100%; height: 100%;}
.Nei-page .banner .crumbs{width: 100%; font-size: 0.15rem; color: #fff; position: absolute; left: 0; bottom: 0.3rem; z-index: 1;}
.Nei-page .banner .crumbs a{color: #fff;}
.Nei-page .banner .crumbs .icon-home1{font-size: 0.18rem; margin-right: 0.05rem; vertical-align: -0.01rem;}
.Nei-page .banner .crumbs .icon-position-right{font-size: 0.14rem;}
.Nei-page i{ font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.Nei-page .title-tabs{margin: 0.2rem 0 0.3rem; display: flex; justify-content: space-between; align-items: center;}
.Nei-page .title-tabs .title{position: relative;}
.Nei-page .title-tabs .title h3{font-family: Arial; font-size: 0.7rem; color: rgba(255, 255, 255, 0); -webkit-text-stroke: 1px #E2E3E4; text-stroke: 1px #E2E3E4; text-transform: uppercase; font-weight: bold;}
.Nei-page .title-tabs .title h2{font-size: 0.44rem; color: #07243F; position: absolute; left: 0; bottom: 0; font-weight: bold;}
.Nei-page .title-tabs .tabs a{width: auto; font-size: 0.16rem; height: 0.54rem; border: 1px solid #B2B3B4; display: inline-block; padding: 0 0.28rem; margin-left: 0.3rem; border-radius: 0.28rem; display: flex; align-items: center; transition: all .5s;}
.Nei-page .title-tabs .tabs a:hover, .Nei-page .title-tabs .tabs a.active{background: #019ce9; color: #fff; border-color: #019ce9;}
.Nei-page .title-tabs .tabs a:first-child{margin: 0;}
/* About */
.nyabout .section{position: relative;}
.nyabout .section .title{font-size: 0.36rem; color: #07243F; font-weight: bold; margin-bottom: 0.4rem;}
.nyabout .section1 .container{display: flex; justify-content: space-between;}
.nyabout .section1 .text{width: 100%; padding-top: 0.2rem;}
.nyabout .section1 .text p{font-size: 0.16rem; color: #07243F; line-height: 0.28rem; margin-bottom: 0.1rem;}
.nyabout .section1 .text ul{display: flex; justify-content: space-between; margin-top: 0.4rem;}
.nyabout .section1 .text ul li{text-align: center;}
.nyabout .section1 .text ul li h3{font-size: 0.4rem; color: #019ce9;}
.nyabout .section1 .text ul li h3 b{font-size: 0.56rem; font-family: "BebasNeue";}
.nyabout .section1 .text ul li p{font-size: 0.16rem; margin-top: 0.05rem;}
.nyabout .section1 .img{width: 100%; margin-top: .4rem;}
.nyabout .section2{margin-top: 0.5rem; padding: 1rem 0; background: url("../image/about-section2-bg.jpg") no-repeat center/cover;}
.nyabout .section2 ul{display: flex; justify-content: space-between;}
.nyabout .section2 ul li{width: 18.5%; border-radius: 0.2rem; text-align: center; position: relative; overflow: hidden; color: #fff;}
.nyabout .section2 ul li i{font-size: 0.46rem; display: block;}
.nyabout .section2 ul li h3{font-size: 0.24rem; margin: 0.4rem 0 0.25rem;}
.nyabout .section2 ul li p{font-size: 0.16rem; line-height: 0.32rem;}
.nyabout .section3{ position: relative;}
.nyabout .section3 .zwbg{ position: absolute; width: 100%; height: 100%; background: #00000069;z-index: 10;}
.nyabout .section3 .bg{height: 7.5rem; position: relative; z-index: 0;}
.nyabout .section3 .bg img{width: 100%; height: 100%;}
.nyabout .section3 .container{height: 100%; padding: 1rem 0; position: absolute; left: 0; top: 0; right: 0; margin: auto; z-index: 20; display: flex; justify-content: space-between;}
.nyabout .section3 .container .text{width: 40%; padding-top: 1.6rem; overflow: hidden;}
.nyabout .section3 .container .text .swiper-slide{ display: none;}
.nyabout .section3 .container .text .swiper-slide-active{ display: block;}
.nyabout .section3 .container .text .title, .nyabout .section3 .container .text p{color: #fff;}
.nyabout .section3 .container .text p{font-size: 0.16rem; line-height: 0.3rem;}
.nyabout .section3 .container ul{width: 8.4rem; overflow: hidden; border-radius: 0.3rem; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 1;}
.nyabout .section3 .container ul li{width: 2.6rem; height: 2.6rem; color: #07243F; margin: 0 0.16rem 0.32rem 0; background: rgba(255, 255, 255, 0.9); text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; transition: all .5s;}
.nyabout .section3 .container ul li i{font-size: 0.5rem;}
.nyabout .section3 .container ul li h2{font-size: 0.24rem; margin-top: 0.1rem;}
.nyabout .section3 .container ul li:nth-child(3n){margin-right: 0;}
.nyabout .section3 .container ul li.active, .nyabout .section3 .container ul li:hover{background: rgba(1, 156, 233, 0.9); color: #fff;}
.nyabout .section4{padding: 0.1rem 0;}
.nyabout .section4 .container{display: flex; justify-content: space-between; align-items: center;}
.nyabout .section4 .text{width: 45%;}
.nyabout .section4 .text p{font-size: 0.16rem; color: #07243F; line-height: 0.28rem;}
.nyabout .section4 .img{width: 50%;}
.nyabout .section4 .img img{width: 100%;}
/* about-honor */
.about-honor .slide{padding-bottom: 1.6rem; height: auto; overflow: visible; margin-top: 0.45rem; position: relative; z-index: 1; background: url("../image/honor-bg.jpg") no-repeat bottom/100%;}
.about-honor .slide .swiper-slide .img{position: relative;}
.about-honor .slide .swiper-slide .img img{width: 100%; transition: all .5s;}
.about-honor .slide .swiper-slide .img .icon{width: 1.3rem; height: 0.8rem; line-height: 0.8rem; box-shadow: 0 0.02rem 0.15rem -0.05rem rgba(28, 139, 225, 0.3); background: #fff; text-align: center; transform: translateY(100px); border-radius: 0.45rem; position: absolute; left: 0; right: 0; bottom: -0.5rem; margin: auto; opacity: 0; transition: all 1s;}
.about-honor .slide .swiper-slide .img .icon i{font-size: 0.4rem; color: #07243F; display: block;}
.about-honor .slide .swiper-slide h2{font-size: 0.22rem; color: #07243F; font-weight: bold; margin-top: 0.8rem; text-align: center; opacity: 0; transform: translateY(1rem); transition: all 1s;}
.about-honor .slide .swiper-slide.swiper-slide-active .icon, .about-honor .slide .swiper-slide.swiper-slide-active h2{opacity: 1;}
.about-honor .slide .swiper-slide.swiper-slide-active .icon{transform: translateY(0);}
.about-honor .slide .swiper-slide.swiper-slide-active h2{transform: translateY(0);}
.about-honor .slide .btn{width: 0.5rem; height: 0.5rem; line-height: 0.5rem; background: #07243F; text-align: center; border-radius: 50%; position: absolute; left: 30.5%; top: 25%; z-index: 2; cursor: pointer; transition: all .5s;}
.about-honor .slide .btn i{font-size: 0.2rem; color: #fff;}
.about-honor .slide .btn.btn-next{left: auto; right: 30.5%;}
.about-honor .slide .btn:hover{background: #019ce9;}
/* Product */
.productlist{padding-bottom: 0.2rem; padding-top: .3rem;}
.productlist .box{display: flex; justify-content: space-between;}
.productlist .box .right{width: 76%;}
.product-search{display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.4rem;}
.product-search .label{font-size: 0.16rem; color: #8C8D8F;}
.product-search .label b{font-size: 0.24rem; color: #07243F;}
.product-search .right{display: flex;}
.product-search .right .duibi{width: 1.5rem; background: #019ce9; font-size: 0.18rem; color: #fff; display: flex; justify-content: center; align-items: center; margin-right: 0.3rem; cursor: pointer; border-radius: 0.02rem;}
.product-search .right form{width: 4rem; background: #F9F9F9; border-radius: 0.04rem; display: flex; align-items: center;}
.product-search .right form input{flex: 1; padding: 0.1rem 0.2rem; font-size: 0.18rem;}
.product-search .right form i{font-size: 0.18rem; color: #07243F; font-weight: bold; cursor: pointer; padding: 0.2rem;}
.product-snav{width: 19%; background: #F9F9F9;}
.product-snav dl{height: auto; overflow: hidden;}
.product-snav dl dt{line-height: 0.6rem; font-size: 0.2rem; color: #07243F; transition: all .5s; display: flex; justify-content: space-between; align-items: center;}
.product-snav dl dt a{padding: 0 0.25rem; color: #07243F; display: block; flex: 1;}
.product-snav dl dt i{width: 0.5rem; font-size: 0.18rem; color: #07243F; transition: all .5s; cursor: pointer; text-align: center;}
.product-snav dl dt:hover{background: #019ce9;}
.product-snav dl dt:hover a, .product-snav dl dt:hover i{color: #fff;}
.product-snav dl dd{background: #fff; height: 0;}
.product-snav dl dd a{padding: 0 0.25rem; line-height: 0.6rem; display: block;}
.product-snav dl dd a.active, .product-snav dl dd a:hover{color: #019ce9;}
.product-snav dl.active dt{background: #019ce9;}
.product-snav dl.active dt a, .product-snav dl.active dt i{color: #fff;}
.product-snav dl.select dt{background: #019ce9;}
.product-snav dl.select dt a, .product-snav dl.select dt i{color: #fff;}
.product-snav dl.select dt i{transform: rotate(90deg);}
.product-snav dl.select dd{height: auto;}
.product-list{display: flex; flex-wrap: wrap;}
.product-list li{width: 22.75%; overflow: hidden; margin: 3.5% 3% 0 0; box-shadow: 0 0 0.12rem 0 rgba(180, 180, 180, 0.6); border-radius: 0.16rem; position: relative;}
.product-list li .check{width: 0.2rem; height: 0.2rem; position: absolute; left: 0.2rem; top: 0.2rem; z-index: 1; display: none;}
.product-list li .check input{width: 0.2rem; height: 0.2rem; accent-color: #019ce9;}
.product-list li .img{overflow: hidden;}
.product-list li .img img{width: 100%; transition: all .5s; margin: 0 auto;}
.product-list li .text{padding: 0.1rem; text-align: center;}
.product-list li .text h4{font-size: 0.14rem; background: #019ce9; color: #fff; border-radius: 0.5rem; padding: 0.1rem 0.15rem; display: inline-block;}
.product-list li .text h2{font-size: 0.18rem; line-height: 0.3rem; color: #000; margin-top: 0.1rem; transition: all .5s;}
.product-list li .text p{font-size: 0.14rem; color: #8C8D8F; line-height: 0.24rem; margin-top: 0.05rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.product-list li .mask{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #019ce9; z-index: 1; opacity: 0; transition: all .5s; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.product-list li .mask a{width: 1.4rem; height: 0.44rem; font-size: 0.16rem; color: #fff; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; border-radius: 0.24rem; margin-bottom: 0.2rem;}
.product-list li .mask a:last-of-type{background: #fff; color: #019ce9; margin-bottom: 0;}
.product-list li:hover .img img{transform: scale(1.05);}
.product-list li:hover .text h2{color: #019ce9;}
.product-list li:hover .mask{opacity: 1;}
.product-list li:nth-child(4n){margin-right: 0;}
.product-list li:nth-child(-n+4){margin-top: 0;}
.product-list li.hot:before{content: ""; width: 0.5rem; height: 0.5rem; background: url("../image/hot.png") no-repeat center/100%; position: absolute; right: 0.2rem; top: 0; z-index: 1;}
.product-list.li5 li{width: 18%; margin-right: 2.5%;}
.product-list.li5 li:nth-child(4n){margin-right: 2.5%;}
.product-list.li5 li:nth-child(5n){margin-right: 0;}
.product-list.li5 li:nth-child(-n+5){margin-top: 0;}
.contrast-box{width: 100%; padding: 0.4rem 0; background: #fff; box-shadow: 0 -0.02rem 0.2rem 0 #E2E3E4; position: fixed; left: 0; bottom: 0; z-index: 10; transform: translateY(105%); transition: all .5s;}
.contrast-box .title{font-size: 0.24rem; color: #07243F; font-weight: bold; display: flex; justify-content: space-between; margin-bottom: 0.4rem;}
.contrast-box .title span{font-size: 0.2rem; font-family: "SourceHanSans-Regular"; cursor: pointer;}
.contrast-box .title span i{vertical-align: 0.02rem;}
.contrast-box .product-list li{margin-top: 0;}
.contrast-box .product-list li .img img{width: 55%;}
.contrast-box .product-list li h3, .contrast-box .product-list li p{display: none;}
.contrast-box .operation{display: flex; justify-content: center; position: relative; margin-top: -0.1rem;}
.contrast-box .operation a{width: 1.3rem; height: 0.45rem; font-size: 0.16rem; color: #019ce9; border: 1px solid #019ce9; display: flex; align-items: center; justify-content: center; margin-right: 0.2rem; border-radius: 0.15rem 0 0.15rem 0;}
.contrast-box .operation a:last-child{background: #019ce9; color: #fff;}
.contrast-box.show{transform: translateY(0);}
/* Contrast */
.Contrast .content{padding-bottom: 0.8rem;}
.Contrast .content .back{margin: 0.8rem 0; font-size: 0.2rem; color: #8C8D8F; display: inline-block;}
.Contrast .content .back i{font-size: 0.2rem; color: #8C8D8F; display: inline-block; margin-right: 0.1rem; transition: all .5s;}
.Contrast .content .back:hover{color: #019ce9;}
.Contrast .content .back:hover i{color: #019ce9; margin-right: 0.06rem;}
.Contrast .content .box .title{font-size: 0.4rem; color: #07243F; text-align: center; margin-bottom: 0.6rem;}
.Contrast .content .box table{width: 100%; border-collapse: collapse;}
.Contrast .content .box table tr{height: 0.6rem;}
.Contrast .content .box table tr td{width: 25%; font-size: 0.18rem; color: #07243F; padding: 0.2rem; border: 1px solid #E2E3E4; text-align: center;}
.Contrast .content .box table tr td img{margin: 0 auto; display: block;}
.Contrast .content .box table tr td img.pi{width: 2.1rem;}
.Contrast .content .box table tr td h3{font-size: 0.18rem; color: #07243F; margin-top: 0.2rem;}
.Contrast .content .box table tr td p{font-size: 0.18rem; color: #07243F; line-height: 0.26rem;}
.Contrast .content .box table tr td:first-of-type{width: 18%; text-align: left;}
.Contrast .content .box table tr.t, .Contrast .content .box table tr th{background: #F9F9F9; border: 1px solid #E2E3E4; font-size: 0.2rem; font-weight: bold;}
.Contrast .content .box table tr.t td, .Contrast .content .box table tr th td{font-size: 0.2rem; font-weight: bold;}
.Contrast .content .box table.img{text-align: center;}
.Contrast .content .box table.img .t{text-align: left;}
.Contrast .content .box table.img .t td{border-top: 0;}
.Contrast .content .box table.img img{display: inline-block;}
/* Product-xq */
.Product-xq .main{overflow: visible;}
.Product-xq .content{padding-bottom: 0.8rem;}

.Product-xq .content .back{margin: 0.5rem 0; font-size: 0.2rem; color: #8C8D8F; display: inline-block;}
.Product-xq .content .back i{font-size: 0.2rem; color: #8C8D8F; display: inline-block; margin-right: 0.1rem; transition: all .5s;}
.Product-xq .content .back:hover{color: #019ce9;}
.Product-xq .content .back:hover i{color: #019ce9; margin-right: 0.06rem;}


.Product-xq .content .navScroll{width: 100%; background: url(../image/navScroll-bg.jpg) no-repeat center/cover; position: sticky; top: 0.85rem; z-index: 10;}
.Product-xq .content .navScroll ul{text-align: center; display: flex;}
.Product-xq .content .navScroll ul li{width: 15%; font-size: 0.17rem; line-height: 0.7rem; text-align: center;}
.Product-xq .content .navScroll ul li a{color: #fff; display: block; position: relative;}
.Product-xq .content .navScroll ul li a:after{content: ""; width: 0; height: 2px; background: #fff; position: absolute; left: 0; right: 0; margin: auto; bottom: 0.15rem; opacity: 0; transition: all .5s;}
.Product-xq .content .navScroll ul li a.active:after{width: 0.35rem; opacity: 1;}
.Product-xq .content .section{position: relative; overflow: hidden; padding-top: 0.8rem;}
.Product-xq .content .section .title{font-size: 0.34rem; color: #07243F; font-weight: bold; margin-bottom: 0.4rem; text-align: center;}
.Product-xq .content .section .dsc{font-size: 0.18rem; color: #07243F; margin-bottom: 0.4rem;}
.Product-xq .content .section .table{width: 100%;}
.Product-xq .content .section .table p, .Product-xq .content .section .table div{font-size: 0.16rem !important; line-height: 0.32rem !important; color: #07243F;}
.Product-xq .content .section .table p img, .Product-xq .content .section .table div img{margin: 0 auto !important; display: block;}
.Product-xq .content .section .table table{width: 100% !important; border-collapse: collapse;}
.Product-xq .content .section .table table tr th{padding: 0.1rem 0.2rem; line-height: 0.32rem;}
.Product-xq .content .section .table table tr td{font-size: 0.16rem !important; line-height: 0.32rem !important; color: #07243F; padding: 0.1rem 0.2rem; border: 1px solid #E2E3E4;}
.Product-xq .content .section .table table tr td img{margin: 0 auto !important; display: block;}
.Product-xq .content .section .table table tr.t, .Product-xq .content .section .table table tr th, .Product-xq .content .section .table table tr.firstRow{background: #F9F9F9; border: 1px solid #E2E3E4; font-size: 0.18rem; font-weight: bold;}
.Product-xq .content .section .table table tr.t td, .Product-xq .content .section .table table tr th td, .Product-xq .content .section .table table tr.firstRow td{font-size: 0.18rem !important; font-weight: bold;}
.Product-xq .content .section .table table.img{text-align: center; margin-top: 0.3rem;}
.Product-xq .content .section .table table.img .t{text-align: left;}
.Product-xq .content .section .table table.img .t td{border-top: 0;}
.Product-xq .content .section .table table.img img{display: inline-block;}
.Product-xq .content .section1{padding: 0;}
.Product-xq .content .section1:before{content: ""; width: 50%; height: 100%; background: #F9F9F9; position: absolute; right: 0; top: 0;}
.Product-xq .content .section1 .container{display: flex; justify-content: space-between;}
.Product-xq .content .section1 .imgs{width: 50%; padding: 0rem 0.5rem 0.6rem 0; position: relative; z-index: 1;}
.Product-xq .content .section1 .imgs .big{width: 6.5rem; height: 5rem; overflow: hidden; margin: 0 auto; position: relative; border: 1px solid #eee; z-index: 1;}
.Product-xq .content .section1 .imgs .big .video, .Product-xq .content .section1 .imgs .big .img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none;}
.Product-xq .content .section1 .imgs .big .video img, .Product-xq .content .section1 .imgs .big .img img{height: 100%; margin: 0 auto; display: block;}
.Product-xq .content .section1 .imgs .big .video.video, .Product-xq .content .section1 .imgs .big .img.video{cursor: pointer;}
.Product-xq .content .section1 .imgs .big .video.video:before, .Product-xq .content .section1 .imgs .big .img.video:before{content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 0;}
.Product-xq .content .section1 .imgs .big .video.video:after, .Product-xq .content .section1 .imgs .big .img.video:after{content: "\e610"; font-family: 'iconfont'; width: 0.6rem; height: 0.6rem; font-size: 0.6rem; color: #fff; margin: 0 auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: block;}
.Product-xq .content .section1 .imgs .small{width: 6.5rem; overflow: hidden; position: relative; margin: 0.4rem auto 0;}
.Product-xq .content .section1 .imgs .small .slide{width: 88%; margin: 0 auto; overflow: hidden;}
.Product-xq .content .section1 .imgs .small .slide .swiper-slide{height: 0.65rem; border: 1px solid #E2E3E4; cursor: pointer; text-align: center; display: flex; align-items: center; justify-content: center;}
.Product-xq .content .section1 .imgs .small .slide .swiper-slide img{height: 100%;}
.Product-xq .content .section1 .imgs .small .slide .swiper-slide.active{border-color: #019ce9;}
.Product-xq .content .section1 .imgs .small .slide .swiper-slide.video{cursor: pointer;}
.Product-xq .content .section1 .imgs .small .slide .swiper-slide.video:before{content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 0;}
.Product-xq .content .section1 .imgs .small .slide .swiper-slide.video:after{content: "\e610"; font-family: 'iconfont'; width: 0.26rem; height: 0.26rem; font-size: 0.26rem; color: #fff; margin: 0 auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: block;}
.Product-xq .content .section1 .imgs .small .iconfont{height: 0.65rem; font-size: 0.32rem; position: absolute; left: 0; top: 0; color: #07243F; z-index: 2; cursor: pointer; display: flex; align-items: center; transition: all .5s;}
.Product-xq .content .section1 .imgs .small .iconfont.icon-next{left: auto; right: 0;}
.Product-xq .content .section1 .imgs .small .iconfont:hover{color: #019ce9;}
.Product-xq .content .section1 .imgs .small .iconfont.swiper-button-disabled{color: #07243F; opacity: .5;}
.Product-xq .content .section1 .imgs.videoActive .big .video{display: block;}
.Product-xq .content .section1 .imgs.videoActive .big .moveBox{display: none !important;}
.Product-xq .content .section1 .imgs.videoActive .magBox{display: none !important;}
.Product-xq .content .section1 .imgs.imgActive .big .img{display: block;}
.Product-xq .content .section1 .text{width: 50%; padding: 0.2rem 0.4rem;}
.Product-xq .content .section1 .text h2{font-size: 0.36rem; color: #07243F;}
.Product-xq .content .section1 .text .tips{margin-top: 0.25rem;}
.Product-xq .content .section1 .text .tips span{font-size: 0.15rem; line-height: 0.4rem; color: #07243F; padding: 0 0.12rem; border: 1px solid #B2B3B4; display: inline-block; margin-right: 0.15rem; border-radius: 0.16rem 0 0.16rem 0;    transition: all .5s;}
.Product-xq .content .section1 .text .tips span:hover{ background: #019ce9; color: #fff;}
.Product-xq .content .section1 .text p{font-size: 0.16rem; color: #07243F; line-height: 0.32rem; margin-top: 0.25rem;}
.Product-xq .content .section1 .text p img{ max-width: 2rem;}
.Product-xq .content .section1 .text .btns{margin-top: 0.4rem; display: flex; transition: all .5s;}
.Product-xq .content .section1 .text .btns a{width: 1.5rem; height: 0.5rem; font-size: 0.16rem; color: #07243F; border: 1px solid #07243F; display: flex; align-items: center; justify-content: center; margin-right: 0.3rem;}
.Product-xq .content .section1 .text .btns a:last-of-type{background: #07243F; color: #fff;}
.Product-xq .content .section2{padding: 0.8rem 0 0.6rem;}
.Product-xq .content .section3{padding: 0.8rem 0 0.6rem;}

/* news */
.nynews ul{width: 100%; background: #F0F0F0;}
.nynews ul li{margin-top: 0.2rem; padding: 0.2rem; border-bottom: .03rem solid #fff;}
.nynews ul li a{display: flex; align-items: center;}
.nynews ul li .date{width: 1.4rem; margin-right: 0.35rem; text-align: center; position: relative;}
.nynews ul li .date:after{content: ""; width: 1px; height: 100%; background: #EAEAEA; position: absolute; right: 0; top: 0;}
.nynews ul li .date h4{font-size: 0.6rem; color: #07243F; font-family: "BebasNeue"; transition: all .5s;}
.nynews ul li .date h5{font-size: 0.18rem; color: #07243F; transition: all .5s;}
.nynews ul li .text{width: 0; flex: 1; padding-right: .2rem; }
.nynews ul li .text h3{font-size: 0.2rem; color: #07243F; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0.1rem; transition: all .5s;}
.nynews ul li .text p{font-size: 0.14rem; color: #07243F; line-height: 0.28rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.nynews ul li:hover .date h4, .nynews  ul li:hover .date h5{color: #019ce9;}
.nynews ul li:hover .text h3{color: #019ce9;}

/* News */
.news-list{display: flex; flex-wrap: wrap;}
.news-list li{width: 22.5%; background: #F9F9F9; margin: 0 2.5% 2.5% 0; transition: all .5s;}
.news-list li a{width: 100%; height: 100%; display: block;}
.news-list li .img{overflow: hidden;}
.news-list li .img img{width: 100%; height: 2.25rem;}
.news-list li .text{padding: 0.2rem; position: relative;}
.news-list li .text h4{font-size: 0.16rem; color: #8C8D8F;}
.news-list li .text h3{font-size: 0.2rem; color: #07243F; line-height: 0.32rem; height: 0.64rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 0.1rem;}
.news-list li .text p{font-size: 0.14rem; line-height: 0.24rem; color: #5C5D5E; margin-top: 0.1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.news-list li .text i{font-size: 0.24rem; color: #019ce9; display: block; margin-top: 0.2rem; transition: all .5s;}
.news-list li:nth-child(4n){margin-right: 0;}
.news-list li:hover{background: #019ce9;}
.news-list li:hover img{transform: scale(1.1);}
.news-list li:hover .text h4, .news-list li:hover .text h3, .news-list li:hover .text p, .news-list li:hover .text i{color: #fff;}
.news-list li:hover .text i{transform: translateX(0.05rem);}
.news-list li.noimg .text{padding-top: 0.4rem; height: 100%;}
.news-list li.noimg .text h3{margin-top: 0.3rem;}
.news-list li.noimg .text p{margin-top: 0.2rem;}
.news-list li.noimg .text i{margin-top: 0.4rem;}

/* newsxq */
.newsxq .back{margin: 0.5rem 0; font-size: 0.2rem; color: #8C8D8F; display: inline-block;}
.newsxq .back i{font-size: 0.2rem; color: #8C8D8F; display: inline-block; margin-right: 0.1rem; transition: all .5s;}
.newsxq .back:hover{color: #019ce9;}
.newsxq .back:hover i{color: #019ce9; margin-right: 0.06rem;}
.newsxq .box{display: flex; justify-content: space-between;}
.newsxq .box .left{width: 72%; padding-bottom: 1rem;}
.newsxq .box .left .title-box h2{font-size: 0.34rem; color: #07243F;}
.newsxq .box .left .title-box .other{display: flex; align-items: center; margin: 0.2rem 0 0.2rem; padding-bottom: 0.2rem; position: relative;}
.newsxq .box .left .title-box .other .txt{font-size: 0.16rem; color: #8C8D8F; display: flex;}
.newsxq .box .left .title-box .other .txt span{position: relative; margin-right: 0.2rem; padding-right: 0.25rem;}
.newsxq .box .left .title-box .other .txt span i{font-size: 0.18rem; margin-right: 0.1rem;}
.newsxq .box .left .title-box .other .txt span:after{content: ""; width: 1px; height: 90%; background: #ccc; position: absolute; right: 0; bottom: 0; top: 0; margin: auto;}
.newsxq .box .left .title-box .other .txt span:last-child:after{display: none;}
.newsxq .box .left .title-box .other .share{color: #8C8D8F; flex: 1; display: flex; align-items: center; justify-content: flex-end;}
.newsxq .box .left .title-box .other .share a{font-size: 40px; margin-left: 0.15rem; cursor: pointer; display: block; background: none; padding: 0;}
.newsxq .box .left .title-box .other .share a.wechat{color: #48A414;}
.newsxq .box .left .title-box .other .share a.weibo{color: #EA5D5C;}
.newsxq .box .left .title-box .other .share a.qq{color: #10a4e4;}
.newsxq .box .left .title-box .other .share a:hover{text-decoration: none;}
.newsxq .box .left .title-box .other:after{content: ""; width: 100%; height: 1px; background: #E2E3E4; position: absolute; left: 0; bottom: 0;}
.newsxq .box .left .con p, .newsxq .box .left .con div, .newsxq .box .left .con span{font-size: 0.16rem !important; color: #07243F !important; line-height: 0.32rem !important; margin-bottom: 0.2rem !important;}
.newsxq .box .left .con img{max-width: 80%; margin: 0 auto; display: block;}
.newsxq .box .left .relevant{margin-top: 0.3rem;}
.newsxq .box .left .relevant a{color: #8C8D8F; display: flex; justify-content: space-between; align-items: center; padding-bottom: 0.15rem; border-bottom: 1px solid #E2E3E4; margin-bottom: 0.15rem;}
.newsxq .box .left .relevant a span{font-size: 0.14rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s;}
.newsxq .box .left .relevant a span.tt{font-size: 0.14rem; width: 0; flex: 1; margin-left: 0.2rem; color: #07243F;}
.newsxq .box .left .relevant a:hover{color: #019ce9;}
.newsxq .box .left .relevant a:hover .tt{color: #019ce9;}
.newsxq .box .left .product{margin-top: 0.8rem;}
.newsxq .box .left .product .title{font-size: 0.36rem; color: #07243F; margin-bottom: 0.4rem;}
.newsxq .box .right{width: 23%;}
.newsxq .box .right .title{font-size: 0.34rem; color: #07243F; margin-bottom: 0.4rem;}
.newsxq .box .right .news-list li{width: 100%; margin-bottom: 0.4rem;}
/* nystrength */
.nystrength ul{display: flex; flex-wrap: wrap;}
.nystrength.jishu ul li{width: 15.5%; margin: 0 1.4% 0.4rem 0;}
.nystrength ul li{width: 23.5%; background: #F9F9F9; margin: 0 2% 0.4rem 0;}
.nystrength ul li a{padding: 0.1rem; display: flow;}
.nystrength ul li .text{width: 100%; padding-top: 0.2rem;}
.nystrength ul li .text h2{font-size: 0.16rem; color: #07243F; text-align: center; transition: all .5s;}
.nystrength ul li .text i{ float: left; font-size: 0.22rem; color: #019ce9; display: block;}
.nystrength ul li .img{width: 100%; height: 2.5rem; overflow: hidden;}
.nystrength ul li .img img{width: 100%; height: 100%; object-fit: cover;}
.nystrength ul li:nth-child(4n){margin-right: 0;}
.nystrength.jishu ul li:nth-child(6n){margin-right: 0;}
.nystrength ul li:hover .img img{transform: scale(1.1);}
.nystrength ul li:hover .text h2{color: #019ce9;}
/* nystrength-xq */
.nystrength-xq{padding-bottom: 1rem;}
.nystrength-xq .section{height: auto; overflow: hidden; margin-top: 0.8rem;}
.nystrength-xq .section .title{width: 100%; background: #F9F9F9; display: flex; align-items: center; margin-bottom: 0.4rem;}
.nystrength-xq .section .title span{font-size: 0.22rem; color: #fff; line-height: 0.8rem; padding: 0 0.6rem; background: #019ce9;}
.nystrength-xq .section1 .container{display: flex; align-items: center; flex-wrap: wrap;}
.nystrength-xq .section1 .text{width: 0; flex: 1;}
.nystrength-xq .section1 .text h2{font-size: 0.36rem; color: #07243F; margin-bottom: 0.4rem;}
.nystrength-xq .section1 .text p{font-size: 0.16rem; color: #07243F; line-height: 0.32rem;}
.nystrength-xq .section1 .img{width: 48%; margin-left: 0.8rem;}
.nystrength-xq .section1 .img img{width: 100%;}
.nystrength-xq .section2 ul{display: flex; flex-wrap: wrap;}
.nystrength-xq .section2 ul li{width: 18%; margin: 0 2.5% 2.5% 0;}
.nystrength-xq .section2 ul li img{width: 100%;}
.nystrength-xq .section2 ul li h3{font-size: 0.16rem; line-height: 0.24rem; margin-top: 0.2rem; color: #07243F; text-align: center;}
.nystrength-xq .section2 ul li:nth-child(5n){margin-right: 0;}
.nystrength-xq .section3 .box ul{padding: 0.4rem; background: #F9F9F9; display: flex; justify-content: space-between; flex-wrap: wrap;}
.nystrength-xq .section3 .box ul li{width: 48%; font-size: 0.16rem; color: #07243F; line-height: 0.22rem; margin-top: 0.2rem; position: relative; padding-left: 0.2rem;}
.nystrength-xq .section3 .box ul li:before{content: ""; width: 0.1rem; height: 0.1rem; background: #019ce9; position: absolute; left: 0; top: 0.06rem;}
.nystrength-xq .section3 .box ul li:nth-child(-n+2){margin-top: 0;}
.nystrength-xq .section4 .news-list li h4{color: #019ce9;}
.nystrength-xq .section4 .news-list li:hover h4{color: #fff;}
.nystrength-xq .section4 .common-btn{margin: 0 auto;}
.nystrength-xq .section5{overflow: visible;}
/* liuyan */
.nyliuyan{ padding: .5rem 0}
.nyliuyan h3{ font-size: 0.2rem; padding-bottom: .2rem;}
.nyliuyan .cl_li{ width: 49.5%; display: inline-block; border:1px solid #e2e3e4;margin-bottom:.1rem;background-repeat:no-repeat;background-position:.1rem center;padding-left:.3rem;background-color:#FFF;}
.nyliuyan .cl_li.cl_li1{ width: 100%; padding-left:0rem;}
.nyliuyan .cl_li.icon1{background-image:url(../image/con_ficon1.png);}
.nyliuyan .cl_li.icon2{background-image:url(../image/con_ficon2.png);}
.nyliuyan .cl_li.icon3{background-image:url(../image/con_ficon3.png);}
.nyliuyan .cl_li.icon4{background-image:url(../image/con_ficon4.png);}
.nyliuyan .cl_li input{width:50%;height:.6rem;line-height:.4rem;outline:none;padding:0 .1rem;}
.nyliuyan .cl_li textarea{width:100%;padding:8px 6px;outline:none;resize:none;line-height:.2rem;}
.nyliuyan .con_btn{ width: 48%; margin-left: 2%; height:.55rem;line-height:.55rem;color:#0075BA;background:#FFF;cursor:pointer;text-align:center;display:inline-block;border:1px solid #0075BA;font-size:18px;}
.nyliuyan .con_btn:hover{ background: #0075BA; color: #fff;}
.nyliuyan ::-webkit-input-placeholder{color:#888;font-size:.16rem;}
.nyliuyan :-moz-placeholder{color:#888;font-size:.16rem;}
.nyliuyan ::-moz-placeholder{color:#888;font-size:.16rem;}
.nyliuyan :-ms-input-placeholder{color:#888;font-size:.16rem;}
/* Contact */
.nycontact .box{margin-bottom: 0.8rem; position: relative; display: flex; justify-content: space-between;}
.nycontact .box dl dt{font-size: 0.3rem; color: #07243F; font-weight: bold; margin-bottom: 0.3rem;}
.nycontact .box dl dd p{font-size: 0.2rem; color: #07243F; margin-top: 0.15rem; position: relative; line-height: 0.3rem;}
.nycontact .box dl dd p:last-child{padding: 0;}
/* Contact-join */
.contact-join{padding-bottom: 0.8rem;}
.contact-join .table-box{height: auto; overflow: hidden;}
.contact-join .table-box .table-title{width: 100%; overflow: hidden; line-height: 0.6rem; background: #eaeaea;}
.contact-join .table-box .table-title .item{width: 10%; float: left; text-align: center; font-size: 0.18rem; color: #5C5D5E; position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.contact-join .table-box .table-nr{ width: 100%; overflow: hidden; line-height: 0.6rem; background: #f9f9f9;}
.contact-join .table-box .table-nr .item{width: 10%; float: left; text-align: center; font-size: 0.16rem; color: #5C5D5E; position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* Join-xq */
.Join-xq .content{padding: 0.6rem 0 1rem;}
.Join-xq .content .top{margin-bottom: 0.4rem;}
.Join-xq .content .top .tit{display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.25rem;}
.Join-xq .content .top .tit h2{font-size: 0.26rem; color: #333; font-weight: bold;}
.Join-xq .content .top .tit p{font-size: 0.2rem; color: #666;}
.Join-xq .content .top .info{display: flex; justify-content: space-between; font-size: 0.2rem; color: #999;}
.Join-xq .content .line{border-bottom: 1px solid #F4F4F4; margin-top: 0.4rem;}
.Join-xq .content .text-box{height: auto;}
.Join-xq .content .text-box h2{font-size: 0.2rem; color: #333; font-weight: bold; margin: 0.4rem 0 0.2rem;}
.Join-xq .content .text-box p{font-size: 0.16rem; color: #666; line-height: 0.24rem; margin-bottom: 0.1rem; position: relative; padding-left: 0.15rem;}
.Join-xq .content .text-box p:before{content: ""; width: 0.06rem; height: 0.06rem; background: #E0162C; border-radius: 50%; overflow: hidden; position: absolute; left: 0; top: 0.08rem;}
.Join-xq .content .text-box .bb{height: 0.2rem;}

/* page */
.page{height: auto; margin: 0.3rem 0 0.8rem; display: flex; justify-content: center; align-items: center;}
.page .pbox a{display: inline-block; width: 0.5rem; line-height: 0.48rem; border-radius: 0.5rem; border: 1px solid #E6EAF6; text-align: center; font-size: 0.16rem; color: #717991; margin: 0 0.06rem;}
.page .pbox a.first, .page .pbox a.last{width: 1rem;}
.page .pbox a:hover, .page .pbox a.active, .page .pbox .page-num-current{background: #019ce9; color: #fff; border-color: #019ce9;}

.page .jump{margin-left: 1.2rem;}
.page .jump input{width: 0.5rem; border: 1px solid #E6EAF6; line-height: 0.48rem; padding: 0 0.1rem; text-align: center; border-radius: 0.5rem; margin: 0 0.1rem;}
.page .jump .btn{width: 1rem; height: 0.48rem; border-radius: 0.5rem; border: 1px solid #019ce9; color: #019ce9; background: none; cursor: pointer; margin-left: 0.1rem; transition: all .5s;}
.page .jump .btn:hover{background: #019ce9; color: #fff; border-color: #019ce9;}

/* 右侧悬浮 */
.fixed-right{width: 0.6rem; height: auto; position: fixed; right: 0; bottom: 20%; z-index: 2; box-shadow: 0 1px 12px rgba(149, 149, 149, 0.16);}
.fixed-right .item{width: 1.65rem; height: 0.6rem; background: #f9f9f9; display: block; cursor: pointer; position: relative; right: 0; transition: all .5s; margin-top: 1px;}
.fixed-right .item .icon{width: 0.6rem; height: 0.6rem; line-height: 0.6rem; text-align: center; position: relative; z-index: 1; background: #019ce9;}
.fixed-right .item .icon i{font-size: 0.24rem; color: #fff; transition: all .5s;}
.fixed-right .item .icon .icon-backtop{font-size: 0.26rem;}
.fixed-right .item span{width: 100%; height: 100%; line-height: 0.6rem; text-indent: 0.8rem; font-size: 0.2rem; color: #da122c; font-weight: bold; display: block; position: absolute; left: 0; top: 0;}
.fixed-right .item.onlineMes{width: 0.6rem; height: auto; padding: 0.2rem 0; text-align: center; background: #019ce9;}
.fixed-right .item.onlineMes .icon{height: auto; line-height: normal; margin-bottom: 0.05rem; background: none;}
.fixed-right .item.onlineMes .icon i{color: #fff;}
.fixed-right .item.onlineMes span{width: 0.2rem; color: #fff; line-height: 0.2rem; margin: 0 auto; position: relative; text-indent: 0;}
.fixed-right .item.onlineMes:hover{right: 0;}
.fixed-right .item.onlineMes:hover .icon i{color: #fff;}
.fixed-right .item:hover{right: 1.05rem;}
.fixed-right .item.goTop{display: none;}
.fixed-right .item.goTop:hover{right: 0;}
.fixed-right .item.tel{width: 2rem;}
.fixed-right .item.tel:hover{right: 1.4rem;}

/*! <=1660 */
@media all and (max-width: 1660px) {
  .header .right .other .tel{ display: none;}
}
/*! <=991 手机端 */
@media all and (max-width: 991px) { .container { width: 100% !important; padding: 0 0.3rem; }
  .xs-display { display: block !important; }
  .lg-display { display: none !important; }
  /* header */
  .header .container { padding-right: 0.05rem; }
  .header .logo { width: 6.5rem; }
  .header .right { display: none; }
  .header .nav-xs { display: flex; align-items: center; }
  .header .nav-xs .tel { height: 0.6rem; padding: 0 0.3rem; color: #019ce9; font-size: 0.36rem; margin-right: 0.1rem; display: flex; align-items: center; justify-content: center; font-weight: bold; }
  .header .nav-xs .tel i { font-size: 0.36rem; margin-right: 0.1rem; }
  .header .nav-xs .menu { padding: 0.35rem 0.3rem; }
  .header .nav-xs .menu .bars { width: 0.46rem; height: 0.4rem; position: relative; }
  .header .nav-xs .menu .bars .bar { height: 2px; width: 100%; display: block; position: absolute; left: 0; background: #333; transition: top 0.2s ease, transform 0.2s ease-out; }
  .header .nav-xs .menu .bars .bar:nth-of-type(1) { top: 0; }
  .header .nav-xs .menu .bars .bar:nth-of-type(2) { top: 0.15rem; }
  .header .nav-xs .menu .bars .bar:nth-of-type(3) { bottom: 0; }
  .header .nav-xs .menu.active .bars .bar:nth-of-type(1) { top: 0.1rem; transform: rotate(45deg); }
  .header .nav-xs .menu.active .bars .bar:nth-of-type(2) { opacity: 0; }
  .header .nav-xs .menu.active .bars .bar:nth-of-type(3) { top: 0.1rem; transform: rotate(-45deg); }
  .header .submenu-xs { max-height: calc(100vh - px2rem(110)); overflow-y: auto; background: #fff; display: none; position: fixed; left: 0; right: 0; top: 1.1rem; margin: auto; z-index: 51; }
  .header .submenu-xs dl { height: auto; overflow: hidden; }
  .header .submenu-xs dl a { display: block; }
  .header .submenu-xs dl dt { font-size: 0.3rem; line-height: 0.99rem; padding: 0 0.3rem; border-bottom: 1px solid #eee; color: #000; position: relative; }
  .header .submenu-xs dl:nth-child(2) dd:nth-child(2) { border-bottom: 0; }
  .header .submenu-xs dl dt i { width: 1px2rem 80; font-size: 0.32rem; color: #999; position: absolute; right: 0; top: 0; bottom: 0; text-align: right; padding-right: 0.3rem; display: block; }
  .header .submenu-xs dl dt i.active:before { content: "\e67a"; }
  .header .submenu-xs dl dd { height: auto; overflow: hidden; display: none; padding: 0 0.3rem 0.4rem; border-bottom: 1px solid #eee; }
  .header .submenu-xs dl dd .item { width: 48%; float: left; margin-top: 0.4rem; }
  .header .submenu-xs dl dd .item:nth-child(2n) { float: right; }
  .header .submenu-xs dl dd .item h2 { font-size: 0.29rem; color: #666; padding-bottom: 0.2rem; margin-bottom: 0.2rem; border-bottom: 1px solid #eee; }
  /* footer */
  .footer { background: #F0F2F2; }
  .footer .container { flex-wrap: wrap; }
  .footer .center { width: 100%; padding: 0; }
  .footer .center .container { display: block; }
  .footer .center .contact { text-align: center; }
  .footer .center .contact h2 { font-size: 0.32rem; margin-bottom: 0.4rem; margin-top: 0.4rem;}
  .footer .center .contact .tel { font-size: 0.4rem; text-align: center; }
  .footer .center .contact .tel i { font-size: 0.44rem; margin-right: 0.15rem; vertical-align: -0.0015rem; }
  .footer .center .contact p { font-size: 0.26rem; line-height: 0.38rem; margin-top: 0.15rem; }
  .footer .center .contact .qr { margin-top: 0.3rem; text-align: center; }
  .footer .center .contact .qr li { float: none; margin: 0 0.2rem; display: inline-block; }
  .footer .center .contact .qr li img { width: 100px; }
  .footer .center .contact .qr li p { font-size: 0.26rem; margin-top: 0.1rem; }
  .footer .center .footly { display: none; }
  .footer .center .navyou { display: none; }
  .footer .bottom { width: 100%; padding: 0.4rem 0.3rem; margin-top: 0.3rem; }
  .footer .bottom .container { display: block; }
  .footer .bottom .copyright { width: 100%; font-size: 0.24rem; line-height: 0.45rem; opacity: .8; text-align: center; }
  .footer .bottom .bnav { display: none; }
  .common-btn { width: 2.6rem; line-height: 0.8rem; font-size: 0.28rem; margin: 0.65rem auto 0; }
  .common-btn i { font-size: 0.28rem; }
  /* Index */
  .indexhome .banner img { height: auto; }
  .indexhome .banner .swiper-pagination { text-align: center; right: 0; }
  .indexhome .banner .swiper-pagination .swiper-pagination-bullet { width: 0.4rem; height: 0.08rem; }
  .indexhome .banner .swiper-pagination .swiper-pagination-bullet-active { width: 0.8rem; }
  .indexhome .section { margin-top: 0.8rem; }
  .indexhome .section .title { margin-bottom: 0.4rem; }
  .indexhome .section .title h2 { font-size: 0.42rem; }
  .indexhome .product .list-xs .swiper-slide img { width: 100%; }
  .indexhome .product .list-xs .swiper-slide h3 { font-size: 0.28rem; text-align: center; margin-top: 0.2rem; }
  .indexhome .about { margin-top: 0.7rem; }
  .indexhome .about .box .img { width: 100%; height: 3.5rem;}
  .indexhome .about .box .text { width: 100%; padding: 0.6rem 0.3rem; }
  .indexhome .about .box .text p { font-size: 0.26rem; line-height: 0.42rem; margin-top: 0.15rem; }
  .indexhome .about .box .text .common-btn { margin: 0.5rem 0; }
  .indexhome .about .box .text .qm { width: 4.19rem; }
  .indexhome .about ul { padding: 0.5rem 0; }
  .indexhome .about ul li h3 { font-size: 0.2rem; }
  .indexhome .about ul li h3 b { font-size: 0.6rem; }
  .indexhome .about ul li p { font-size: 0.26rem; }
  .indexhome .cooperate .list-xs .swiper-slide { position: relative; overflow: hidden; }
  .indexhome .cooperate .list-xs .swiper-slide img { width: 100%; }
  .indexhome .cooperate .list-xs .swiper-slide .text { width: 100%; padding: 0.25rem 0.3rem; display: flex; align-items: center; background: #019ce9; }
  .indexhome .cooperate .list-xs .swiper-slide .text i { font-size: 0.36rem; color: #fff; margin-right: 0.15rem; }
  .indexhome .cooperate .list-xs .swiper-slide .text h3 { font-size: 0.3rem; color: #fff; }
  .indexhome .advantage { padding: 0.8rem 0 0.5rem; background: url(../image/advantage-bg.jpg) no-repeat top/100% #F0F0F0; }
  .indexhome .advantage ul { margin-top: 1.2rem; }
  .indexhome .advantage ul li { width: 100%; height: auto; margin: 0 0 0.2rem 0; padding: 0.4rem; }
  .indexhome .advantage ul li h3 { font-size: 0.32rem; margin-bottom: 0.2rem; }
  .indexhome .advantage ul li h3 span { font-size: 0.42rem; }
  .indexhome .advantage ul li p { font-size: 0.26rem; line-height: 0.42rem; }
  .indexhome .advantage ul li:hover { background: #fff; }
  .indexhome .advantage ul li:hover h3, .indexhome .advantage ul li:hover h3 span, .indexhome .advantage ul li:hover p { color: #07243F; }
  .indexhome .advantage ul li:hover i { color: rgba(0, 0, 0, 0.02); }
  .indexhome .advantage ul li:nth-child(2) { border-top-right-radius: 0; }
  .indexhome .advantage ul li:nth-child(3) { border-bottom-left-radius: 0; }
  .indexhome .news { padding-bottom: 0.8rem; }
  .indexhome .news .box .img { width: 100%; height: 5rem; }
  .indexhome .news .box .img .swiper-slide .text h3 { font-size: 0.28rem; }
  .indexhome .news .box .img .swiper-pagination .swiper-pagination-bullet { width: 0.16rem; height: 0.16rem; }
  .indexhome .news .box ul { width: 100%; margin-top: 0.6rem; }
  .indexhome .news .box ul li { margin-top: 0.6rem; }
  .indexhome .news .box ul li .date { width: 1.4rem; margin-right: 0.35rem; }
  .indexhome .news .box ul li .date h4 { font-size: 0.7rem; }
  .indexhome .news .box ul li .date h5 { font-size: 0.24rem; }
  .indexhome .news .box ul li .text h3 { font-size: 0.28rem; margin-bottom: 0.15rem; }
  .indexhome .news .box ul li .text p { font-size: 0.26rem; line-height: 0.42rem; }
  /* Nei-page */
  .Nei-page .banner { height: 4rem; }
  .Nei-page .banner img { height: 100%; }
  .Nei-page .banner .crumbs { display: none; }
  .Nei-page .title-tabs { margin: 0.6rem 0 0.4rem; flex-direction: column; justify-content: flex-start; }
  .Nei-page .title-tabs .title { width: 100%; padding-bottom: 0.2rem; }
  .Nei-page .title-tabs .title h3 { font-size: 0.56rem; }
  .Nei-page .title-tabs .title h2 { font-size: 0.48rem; }
  .Nei-page .title-tabs .tabs { width: 100%; margin-top: 0.5rem; }
  .Nei-page .title-tabs .tabs a { font-size: 0.3rem; height: 0.8rem; padding: 0 0.35rem; margin-left: 0.3rem; border-radius: 0.5rem; }
  /* About */
  .nyabout .section .title { font-size: 0.4rem; }
  .nyabout .section1 .container { flex-wrap: wrap; }
  .nyabout .section1 .text { width: 100%; padding-top: 0; text-align: center; }
  .nyabout .section1 .text p { font-size: 0.28rem; line-height: .52rem; margin-bottom: 0.1rem; }
  .nyabout .section1 .text ul li h3 { font-size: .52rem; }
  .nyabout .section1 .text ul li h3 b { font-size: .64rem; }
  .nyabout .section1 .text ul li p { font-size: 0.28rem; margin-top: 0.1rem; }
  .nyabout .section1 .img { width: 100%; margin-top: 0.4rem; }
  .nyabout .section1 .sys { margin-top: 0.2rem; }
  .nyabout .section1 .sys .text { padding-top: 0.6rem; }
  .nyabout .section1 .sys .text .title { font-size: 0.36rem; }
  .nyabout .section2 { margin-top: 0.8rem; background: url("../image/about-section2-bg-xs.jpg") no-repeat center/cover; }
  .nyabout .section2 ul { flex-wrap: wrap; }
  .nyabout .section2 ul li { width: 46%; margin-top: 0.5rem; }
  .nyabout .section2 ul li i { font-size: .7rem; }
  .nyabout .section2 ul li h3 { font-size: 0.32rem; margin: 0.3rem 0 0.2rem; }
  .nyabout .section2 ul li p { font-size: 0.28rem; line-height: 0.5rem; }
  .nyabout .section2 ul li:nth-child(-n+2) { margin-top: 0; }
  .nyabout .section3 .bg { height: 12rem; position: relative; z-index: 0; }
  .nyabout .section3 .bg img { width: 100%; height: 100%; }
  .nyabout .section3 .container { padding: 0.8rem 0.3rem 0; display: block; }
  .nyabout .section3 .container .text { width: 100%; padding-top: 0; text-align: center; }
  .nyabout .section3 .container .text p { font-size: 0.28rem; line-height: .52rem; }
  .nyabout .section3 .container ul { width: 100%; border-radius: 0; margin-top: 0.2rem; }
  .nyabout .section3 .container ul li { width: 47.5%; height: 3px2rem 30; margin: 0; border-radius: 0.2rem; display: none; }
  .nyabout .section3 .container ul li i { font-size: 0.8rem; }
  .nyabout .section3 .container ul li h2 { font-size: 0.32rem; margin-top: 0.2rem; }
  .nyabout .section3 .container ul li.li { display: flex; margin-top: .35rem; }
  .nyabout .section4 { padding: 0.8rem 0; }
  .nyabout .section4 .container { flex-wrap: wrap; }
  .nyabout .section4 .text { width: 100%; text-align: center; }
  .nyabout .section4 .text p { font-size: 0.28rem; line-height: .52rem; }
  .nyabout .section4 .img { width: 100%; margin-top: 0.4rem; }
  /* About-honor */
  .about-honor .slide { background: url("../image/honor-bg-xs.jpg") no-repeat bottom/100%; }
  .about-honor .slide .swiper-slide .img .icon i { font-size: 0.5rem; }
  .about-honor .slide .swiper-slide h2 { font-size: 0.3rem; margin-top: 0.9rem; }
  .about-honor .slide .btn { width: 1rem; height: 1rem; line-height: 1rem; left: 2%; top: 25%; background: none !important; }
  .about-honor .slide .btn i { font-size: 0.8rem; }
  .about-honor .slide .btn.btn-next { right: 2%; }
  /* Product */
  .productlist { padding-bottom: 0.8rem; padding-top: 0;}
  .productlist .box .right { width: 100%; }
  .product-snav { display: none; }
  .product-search { margin-bottom: 0.6rem; }
  .product-search .label { display: none; }
  .product-search .right { flex: 1; margin-right: 0.4rem; }
  .product-search .right form { width: 100%; border-radius: 0.1rem; }
  .product-search .right form input { height: 0.9rem; padding: 0.2rem 0.3rem; font-size: 0.28rem; }
  .product-search .right form i { font-size: 0.38rem; }
  .product-search .right .filter { font-size: 0.3rem; color: #07243F; }
  .product-search .right .filter i { font-size: 0.36rem; font-weight: bold; vertical-align: -0.02rem; margin-left: 0.04rem; }
  .product-list li { width: 100% !important; margin: 0.35rem 0 0 0 !important; display: flex; }
  .product-list li a { display: flex; }
  .product-list li .img { width: 36%; overflow: hidden; padding-top: 0.2rem; }
  .product-list li .img img { width: 100%; }
  .product-list li .text { width: 0; flex: 1; padding: 0.4rem 0.3rem; }
  .product-list li .text h4 { font-size: 0.26rem; }
  .product-list li .text h2 { font-size: 0.3rem; line-height: 0.5rem; margin-top: 0.15rem; }
  .product-list li .text h3 { font-size: 0.26rem; line-height: 0.4rem; margin-top: 0.12rem; }
  .product-list li .text p { display: none; }
  .product-list li .btn-xs { display: flex !important; margin-top: 0.3rem; }
  .product-list li .btn-xs a { width: 2.1rem; height: 0.7rem; font-size: 0.26rem; color: #019ce9; border: 1px solid #019ce9; margin-left: 0.2rem; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; }
  .product-list li .btn-xs a:last-of-type { background: #019ce9; color: #fff; }
  .product-list li .btn-xs a:first-of-type { margin: 0; }
  .product-list li:nth-child(-n+4) { margin-top: 0.3rem; }
  .product-list li.hot:before { width: 0.8rem; height: 0.8rem; left: 0.2rem; right: auto; }
  .product-list.product-list-t li a { display: flex; }
  .product-list .more { display: flex; flex-wrap: wrap; }
  .filter-box { width: 80%; height: calc(100vh - 1.11rem); padding: 0.4rem 0.3rem; background: #fff; position: fixed; right: 0; top: 1.11rem; z-index: 51; transform: translateX(100%); transition: all .5s; }
  .filter-box .type .title { font-size: 0.32rem; color: #07243F; margin-bottom: 0.3rem; }
  .filter-box .type ul { display: flex; flex-wrap: wrap; }
  .filter-box .type ul li { width: 48.25%; height: 0.7rem; font-size: 0.28rem; margin: 0 3.5% 3.5% 0; background: #F1F2F3; display: flex; align-items: center; justify-content: center; border-radius: 0.08rem; }
  .filter-box .type ul li:nth-child(2n) { margin-right: 0; }
  .filter-box .type ul li.active { background: #019ce9; color: #fff; }
  .filter-box .list { margin-top: 0.4rem; max-height: 50vh; overflow: auto; }
  .filter-box .list li { font-size: 0.28rem; color: #07243F; padding: 0.3rem 0; border-bottom: 1px solid #E2E3E4; display: flex; align-items: center; justify-content: space-between; }
  .filter-box .list li i { font-size: 0.3rem; color: #CED2D5; }
  .filter-box .list li.active { color: #019ce9; }
  .filter-box .list li.active i { color: #019ce9; }
  .filter-box .btns { width: 100%; display: flex; position: absolute; left: 0; bottom: 0; }
  .filter-box .btns .btn { width: 50%; height: 0.88rem; background: #F9F9F9; font-size: 0.32rem; color: #8C8D8F; display: flex; align-items: center; justify-content: center; }
  .filter-box .btns .btn.btn1 { background: #019ce9; color: #fff; }
  .filter-box.active { transform: translateX(0); }
  .contrast-box { padding: 0.6rem 0; }
  .contrast-box .title { font-size: 0.32rem; margin-bottom: 0.5rem; }
  .contrast-box .title span { font-size: 0.3rem; }
  .contrast-box .product-list li { width: 100%; margin-top: 0.4rem; }
  .contrast-box .product-list li:nth-child(2n) { margin-right: 0; }
  .contrast-box .product-list li:first-child { margin: 0; }
  .contrast-box .operation { margin-top: -0.2rem; }
  .contrast-box .operation a { width: 1.7rem; height: 0.7rem; font-size: 0.3rem; }
  .contrast-box.show { transform: translateY(0); }
  /* Product-xq */
  .Product-xq .main { overflow: visible; }
  .Product-xq .content .back { margin: 0.6rem 0 0 0; font-size: 0.28rem; }
  .Product-xq .content .back i { font-size: 0.3rem; vertical-align: -0.01rem; }
  .Product-xq .content { padding-bottom: 0.8rem; }
  .Product-xq .content .navScroll { top: 1.11rem; }
  .Product-xq .content .navScroll .container { padding: 0; }
  .Product-xq .content .navScroll ul li { width: 20%; font-size: 0.28rem; line-height: 1rem; }
  .Product-xq .content .section { padding-top: 0.8rem; }
  .Product-xq .content .section .title { font-size: 0.4rem; }
  .Product-xq .content .section .dsc { font-size: 0.26rem; }
  .Product-xq .content .section .table { overflow: auto; }
  .Product-xq .content .section .table p, .Product-xq .content .section .table div { font-size: 0.28rem !important; line-height: 0.56rem !important; }
  .Product-xq .content .section .table table tr th { padding: 0.2rem; line-height: 0.56rem; }
  .Product-xq .content .section .table table tr td { font-size: 0.28rem !important; line-height: 0.56rem !important; padding: 0.2rem; }
  .Product-xq .content .section .table table tr.t, .Product-xq .content .section .table table tr th, .Product-xq .content .section .table table tr.firstRow { font-size: 0.28rem; }
  .Product-xq .content .section .table table tr.t td, .Product-xq .content .section .table table tr th td, .Product-xq .content .section .table table tr.firstRow td { font-size: 0.28rem !important; }
  .Product-xq .content .section1 { padding: 0; }
  .Product-xq .content .section1:before { display: none; }
  .Product-xq .content .section1 .container { flex-wrap: wrap; padding: 0; }
  .Product-xq .content .section1 .imgs-xs { width: 100%; height: auto; position: relative; padding-top: 0.5rem; }
  .Product-xq .content .section1 .imgs-xs img { width: 100%; margin: 0 auto; }
  .Product-xq .content .section1 .imgs-xs .swiper-slide { position: relative; }
  .Product-xq .content .section1 .imgs-xs .swiper-slide.video { cursor: pointer; }
  .Product-xq .content .section1 .imgs-xs .swiper-slide.video:after { content: "\e610"; font-family: 'iconfont'; width: 0.8rem; height: 0.8rem; font-size: 0.8rem; color: #fff; margin: 0 auto; position: absolute; left: 0; top: 2rem; right: 0; margin: auto; display: block; }
  .Product-xq .content .section1 .imgs-xs .swiper-pagination { bottom: 0.4rem; }
  .Product-xq .content .section1 .imgs-xs .swiper-pagination-bullet-active { background: #019ce9; }
  .Product-xq .content .section1 .text { width: 100%; padding: 0.5rem 0.4rem 0.8rem; background: #F9F9F9; }
  .Product-xq .content .section1 .text h2 { font-size: 0.48rem; }
  .Product-xq .content .section1 .text .tips { margin-top: 0.35rem; }
  .Product-xq .content .section1 .text .tips span { font-size: 0.26rem; line-height: 0.56rem; padding: 0 0.15rem; }
  .Product-xq .content .section1 .text .tips1 { margin-top: 0.35rem; }
  .Product-xq .content .section1 .text .tips1 span { font-size: 0.28rem; color: #019ce9; }
  .Product-xq .content .section1 .text p { font-size: 0.28rem; line-height: 0.5rem; }
  .Product-xq .content .section1 .text .btns a { width: 2.2rem; height: 0.8rem; font-size: 0.28rem; }
  .Product-xq .content .section2 { padding: 0.8rem 0 0.6rem; }
  .Product-xq .content .section2 .box ul { padding: 0.4rem; margin-top: 0.3rem; }
  .Product-xq .content .section2 .box ul li { width: 100%; font-size: 0.28rem; line-height: 0.46rem; margin-top: 0.2rem; padding-left: 0.3rem; }
  .Product-xq .content .section2 .box ul li:before { width: 0.12rem; height: 0.12rem; top: 0.15rem; }
  .Product-xq .content .section2 .box ul li:nth-child(2) { margin-top: 0.2rem; }
  .Product-xq .content .section4 table { width: 12rem; }
  .Product-xq .content .section4 .slide { margin-top: 0.5rem; }
  .Product-xq .content .section4 .slide .swiper-slide .img img { width: 80%; }
  .Product-xq .content .section4 .slide .swiper-slide .text { padding: 0 0.3rem 0.5rem; }
  .Product-xq .content .section4 .slide .swiper-slide .text h2 { font-size: 0.32rem; line-height: 0.5rem; margin-top: 0.1rem; }
  .Product-xq .content .section4 .slide .swiper-slide .text p { font-size: 0.26rem; line-height: 0.42rem; margin-top: 0.05rem; }
  .Product-xq .content .section4 .slide .swiper-slide .mask { display: none; }
  .Product-xq .content .section4 .slide .swiper-slide:hover img { transform: scale(1.05); }
  .Product-xq .content .section4 .slide .swiper-slide:hover .mask { opacity: 1; }
  .Product-xq .content .section5 .news-list li h4 { color: #019ce9; }
  .Product-xq .content .section5 .news-list li:hover h4 { color: #fff; }
  .Product-xq .content .section6 { padding-bottom: 0.2rem; }
  /* News */
  .nynews ul { width: 100%; margin-top: 0.6rem; }
  .nynews ul li { margin-top: 0.1rem; }
  .nynews ul li .date { width: 1.4rem; margin-right: 0.35rem; }
  .nynews ul li .date h4 { font-size: 0.7rem; }
  .nynews ul li .date h5 { font-size: 0.24rem; }
  .nynews ul li .text h3 { font-size: 0.28rem; margin-bottom: 0.15rem; }
  .nynews ul li .text p { font-size: 0.26rem; line-height: 0.42rem; }
  .news-list li { width: 100%; margin: 0 0 0.3rem 0; }
  .news-list li .img img { height: 4rem; }
  .news-list li .text { padding: 0.4rem; }
  .news-list li .text h4 { font-size: 0.28rem; }
  .news-list li .text h3 { font-size: 0.32rem; line-height: 0.5rem; height: 1rem; margin-top: 0.15rem; }
  .news-list li .text p { font-size: 0.26rem; line-height: 0.42rem; margin-top: 0.15rem; }
  .news-list li .text i { font-size: 0.4rem; }
  .news-list li .text:after { width: 2.94rem; height: 1.58rem; }
  .news-list li:last-child { margin: 0; }
  /* News-xq */
  .newsxq .back { margin: 0.6rem 0; font-size: 0.28rem; }
  .newsxq .back i { font-size: 0.3rem; vertical-align: -0.01rem; }
  .newsxq .box .left { width: 100%; }
  .newsxq .box .left .title-box h2 { font-size: 0.44rem; line-height: 0.6rem; }
  .newsxq .box .left .title-box .other { margin: 0.45rem 0 0.5rem; padding-bottom: 0.4rem; }
  .newsxq .box .left .title-box .other .txt { font-size: 0.28rem; line-height: 0.44rem; }
  .newsxq .box .left .title-box .other .txt span { margin-right: 0.25rem; padding-right: 0.3rem; }
  .newsxq .box .left .title-box .other .txt span i { font-size: 0.3rem; vertical-align: -0.01rem; }
  .newsxq .box .left .title-box .other .txt span:after { height: 80%; }
  .newsxq .box .left .title-box .other .txt span:last-child { display: block; }
  .newsxq .box .left .title-box .other .share { display: none; }
  .newsxq .box .left .con p, .newsxq .box .left .con div, .newsxq .box .left .con span { font-size: 0.28rem !important; line-height: 0.52rem !important; margin-bottom: 0.2rem !important; }
  .newsxq .box .left .con img { max-width: 100%; }
  .newsxq .box .left .relevant a { padding-bottom: 0.15rem; margin-bottom: 0.15rem; }
  .newsxq .box .left .relevant a span { font-size: 0.24rem; margin-left: 0.1rem; }
  .newsxq .box .left .relevant a span.tt { font-size: 0.24rem; color: #5C5D5E; }
  .newsxq .box .left .product { margin-top: 0.8rem; }
  .newsxq .box .left .product .title { font-size: 0.4rem; }
  .newsxq .box .right { display: none; }
  /* nystrength */
  .nystrength ul li { width: 100%; margin: 0 0 0.35rem 0; }
  .nystrength ul li a { padding: 0; flex-wrap: wrap; flex-direction: column-reverse; }
  .nystrength ul li .text { width: 100%; padding: 0.5rem 0.4rem; }
  .nystrength ul li .text h2 { font-size: 0.34rem; }
  .nystrength ul li .text p { font-size: 0.28rem; margin-top: 0.2rem; line-height: 0.42rem; height: 0.84rem; }
  .nystrength ul li .text i { font-size: 0.3rem; margin-top: 0.3rem; }
  .nystrength ul li .img { width: 100%; height: 4rem; margin-left: 0; }
  .nystrength ul li:last-child { margin-bottom: 0; }
  /* nystrength-xq */
  .nystrength-xq { padding-bottom: 1rem; }
  .nystrength-xq .section { margin-top: 0.6rem; }
  .nystrength-xq .section .title span { font-size: 0.32rem; padding: 0 0.5rem; }
  .nystrength-xq .section1 .text { width: 100%; }
  .nystrength-xq .section1 .text h2 { font-size: 0.4rem; margin-bottom: 0.3rem; }
  .nystrength-xq .section1 .text p { font-size: 0.28rem; line-height: 0.52rem; }
  .nystrength-xq .section1 .img { width: 100%; margin-left: 0; margin-top: 0.4rem; }
  .nystrength-xq .section2 ul li { width: 48%; margin: 0 4% 0.3rem 0; }
  .nystrength-xq .section2 ul li h3 { font-size: 0.28rem; line-height: 0.46rem; margin-top: 0.2rem; }
  .nystrength-xq .section2 ul li:nth-child(2n) { margin-right: 0; }
  .nystrength-xq .section3 .box ul { padding: 0.4rem; margin-top: 0.3rem; }
  .nystrength-xq .section3 .box ul li { width: 100%; font-size: 0.28rem; line-height: 0.46rem; margin-top: 0.2rem; padding-left: 0.3rem; }
  .nystrength-xq .section3 .box ul li:before { width: 0.12rem; height: 0.12rem; top: 0.15rem; }
  .nystrength-xq .section3 .box ul li:nth-child(2) { margin-top: 0.2rem; }
  .nystrength-xq .section4 .common-btn { margin-top: 0.4rem; }
  .nystrength-xq .section5 { overflow: visible; }
  /* Contact */
  .nycontact .box { margin-bottom: 0.8rem; position: relative; flex-wrap: wrap; }
  .nycontact .box dl { width: 100%; padding: 0 !important; }
  .nycontact .box dl dt { font-size: 0.4rem; margin-bottom: 0.4rem; }
  .nycontact .box dl dd p { font-size: 0.3rem; margin-top: 0.2rem; line-height: 0.5rem; }
  /* Download */
  .Download .content { padding-bottom: 0; }
  .Download .content .box .right { width: 100%; }
  /* Contact-join */
  .contact-join { padding-bottom: 0.8rem; }
  .contact-join .table-box-xs ul li { border-bottom: 1px solid #E2E3E4; padding-bottom: 0.4rem; margin-bottom: 0.4rem; }
  .contact-join .table-box-xs ul li h2 { font-size: 0.32rem; color: #07243F; display: flex; justify-content: space-between; align-items: center; }
  .contact-join .table-box-xs ul li h2 span { font-size: 0.26rem; color: #5C5D5E; }
  .contact-join .table-box-xs ul li p { font-size: 0.26rem; color: #5C5D5E; margin-top: 0.25rem; display: flex; justify-content: space-between; align-items: center; }
  .contact-join .table-box-xs ul li:last-child { margin: 0; }
  /* Join-xq */
  .Join-xq .content .top { margin-bottom: 0.2rem; }
  .Join-xq .content .top .tit h2 { font-size: 0.32rem; }
  .Join-xq .content .top .tit p { font-size: 0.26rem; }
  .Join-xq .content .top .info { font-size: 0.26rem; }
  .Join-xq .content .text-box h2 { font-size: 0.3rem; margin: 0.4rem 0 0.2rem; }
  .Join-xq .content .text-box p { font-size: 0.26rem; line-height: 0.5rem; margin-bottom: 0.1rem; padding-left: 0.3rem; }
  .Join-xq .content .text-box p:before { width: 0.12rem; height: 0.12rem; top: 0.18rem; }
  /* Page404 */
  .Page404 .banner { height: 5px2rem 50; }
  .Page404 .content .text { width: 90%; margin: 0.4rem auto 0; text-align: center; }
  .Page404 .content .text h1 { font-size: 0.5rem; }
  .Page404 .content .text .p p { width: 2.1rem; font-size: 0.26rem; line-height: 0.4rem; margin: 0 0.15rem; }
  .Page404 .content .text .p .btn11 { padding: 0 0.2rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.26rem; }
  .Page404 .content .text .p .btn11 i { font-size: 0.26rem; }
  /* Sitemap */
  .Sitemap .banner { height: 5px2rem 50; }
  .Sitemap .content { padding: 0.8rem 0; }
  .Sitemap .content dl { padding-bottom: 0.4rem; margin-top: 0.4rem; }
  .Sitemap .content dl dt { font-size: 0.32rem; }
  .Sitemap .content dl dd { margin-top: 0.3rem; }
  .Sitemap .content dl dd a { width: 33.333%; font-size: 0.28rem; }
  /* Legal */
  .Legal .banner { height: 5px2rem 50; }
  .Legal .title { margin-bottom: 0.3rem; }
  .Legal .content { padding: 0.8rem 0; }
  .Legal .content h2 { font-size: 0.3rem; margin-bottom: 0.25rem; }
  .Legal .content p { font-size: 0.26rem; margin-bottom: 0.35rem; line-height: 0.42rem; }
  .Search .content .back { margin: 0.6rem 0; font-size: 0.28rem; }
  .Search .content .back i { font-size: 0.3rem; vertical-align: -0.01rem; }
  .Search .content .form { padding-bottom: 1rem; }
  .Search .content .form form { width: 100%; }
  .Search .content .form form .title { font-size: 0.4rem; }
  .Search .content .form form .search { width: 100%; padding: 0 0.3rem; border-radius: 0.5rem; }
  .Search .content .form form .search input { height: 0.8rem; font-size: 0.28rem; }
  .Search .content .form form .search i { font-size: 0.3rem; }
  .Search .content .form .result { font-size: 0.26rem; }
  .Search .content .form .result b { font-size: 0.3rem; }
  .Search .content .form .no-result p { font-size: 0.26rem; }
  /* 公用视频弹出 */
  .video-popup .btn-close .icon { width: 0.4rem; }
  .video-popup .video-popup-box { width: 100%; }
  .order-popup { padding: 0.7rem 0; width: 90%; }
  .order-popup .icon-guanbi { padding: 0.3rem; font-size: 0.4rem; }
  .order-popup .title { margin: 0 0.5rem 0.4rem; }
  .order-popup .title h2 { font-size: 0.36rem; margin-bottom: 0.2rem; }
  .order-popup .title p { font-size: 0.28rem; line-height: 1.5; }
  .order-popup form { display: flex; justify-content: space-between; flex-wrap: wrap; width: 80%; margin: auto; position: relative; z-index: 1; }
  .order-popup form .row { width: 100%; margin-bottom: 0.4rem; }
  .order-popup form .row label { display: none; }
  .order-popup form .row input { line-height: 0.8rem; font-size: 0.28rem; padding: 0 0.3rem; border-radius: 0.1rem; }
  .order-popup form .row textarea { height: 2rem; font-size: 0.28rem; padding: 0.3rem; border-radius: 0.1rem; }
  .order-popup form .submit { width: 100%; height: 0.8rem; border-radius: 0.1rem; font-size: 0.28rem; } 

  /* page */
  .page .pbox a{width: 0.7rem; line-height: 0.68rem; border-radius: 0.7rem; border: 1px solid #E6EAF6; text-align: center; font-size: 0.32rem; color: #717991; margin: 0 0.06rem;}
  .page .pbox a.first, .page .pbox a.last{width: 1.5rem;}
  .page .jump{margin-left: 1.2rem;}

  /* liuyan */
  .nyliuyan{ padding: .3rem .3rem 1rem .3rem;}
  .nyliuyan .cl_li{ width: 100%;}
  .nyliuyan .cl_li.cl_li1{ width: 100%; padding-left:0rem;}
  .nyliuyan .cl_li input{ width:100%; height:.8rem; line-height:.8rem; padding:0 .1rem 0 .3rem; }
  .nyliuyan .cl_li textarea{ font-size: .24rem;}
  .nyliuyan .con_btn{ width: 100%; margin-left: 0%; height:.55rem;line-height:.55rem;color:#0075BA;background:#FFF;cursor:pointer;text-align:center;display:inline-block;border:1px solid #0075BA;font-size:18px;}
  .nyliuyan .con_btn:hover{ background: #0075BA; color: #fff;}
  .nyliuyan ::-webkit-input-placeholder{color:#888;font-size:.24rem;}
  .nyliuyan :-moz-placeholder{color:#888;font-size:.24rem;}
  .nyliuyan ::-moz-placeholder{color:#888;font-size:.24rem;}
  .nyliuyan :-ms-input-placeholder{color:#888;font-size:.24rem;}
  
}