header{position: fixed;width: 100%;top: 0;left: 0;z-index: 9;padding-top: 30px;transition: all .6s;}
header .cont{align-items: center;position: relative;z-index: 2;}
header .logo{height: 50px;padding: 15px 0;transition: all .8s;}
header .logo img{height: 100%;}
header .logo img:nth-child(2){display: none;}
header a{color: #fff;}
header nav{width: 50%;margin-left: auto;}
header .search-ico{width: 20px;height: 20px;background-image: url(../images/ss.png);background-size: 100%;margin:0 2vw;}
header.active .logo img{display: none;}
header.active .logo img:nth-child(2){display: block;}
header.active a{color: #000;}
header.active.on{background-color: #fff;padding-top: 0;}
.web-all{position: relative;z-index: 2;}
.inx-banner{width: 100%;height: 100vh;overflow: hidden;position: relative;background-color: #fff;box-sizing: border-box;}
.inx-banner.bg{background-color: #ede9e9;}
.inx-banner .swiper{box-sizing: border-box;overflow: hidden;padding: 10px;position: relative;}
.inx-banner .swiper,.inx-banner .swiper-wrapper{width: 100%;height: 100%;border-radius: 25px;overflow: hidden;}
.inx-banner .swiper-slide{position: relative;width: 100%;height: 100%;overflow: hidden; pointer-events: auto!important;}
.inx-banner .swiper-slide.swiper-slide-active{pointer-events: auto!important;z-index: 2;}
.inx-banner .swiper-slide .info-box{width: 100%;height: 100%;position: relative;}
.inx-banner .swiper-slide .pic-txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;color: #fff;text-align: center;display: flex;flex-wrap: wrap;}
.inx-banner .swiper-slide .pic-txt h5{width: 100%;}
.inx-banner .swiper-slide .pic-txt h3{font-family: ShiYuanHei-Bold;width: 100%;}
.inx-banner .swiper-slide .pic-txt p{line-height: 36px;}
.inx-banner .swiper-slide .pic-txt .common_more {margin: 0 auto;margin-top: 30px;}
.inx-banner video{width: 100%;border-radius: 25px;box-sizing: border-box;}
.link-shop{position: absolute;z-index: 2;bottom: 30px;left: 4%;align-items: center;}
.link-shop p{color: #fff;margin-right: 10px;}
.link-shop a{background-color: #fff;border-radius: 50%;padding: 5px;box-sizing: border-box;margin-left: 10px;}
.link-shop a img{width: 20px;height: auto;}
.link-shop a:last-child{border-radius: 25px;padding: 5px 15px;line-height: 20px;color: #0a4fa1;text-align: center;align-items: center;box-sizing: border-box;}
.swi-scoll{width: 100%;background-color: #e7f4ff;height: 100%;}
.swi-scoll video{position: absolute;width: 100%;right: 0;top: 0;z-index: 1;transition: all .6s;}
.swi-scoll video.move{right:50%;opacity: 0;}
.swi-scoll video:nth-child(2){display: none;}
#vid5{display: none;}
.swi-scoll .swiper{width: 100%;padding-left: 5vw;height: 100%;position: relative;z-index: 4;}
.swi-scoll .swiper .swiper-wrapper{display: flex;align-items: center;overflow: visible;}
.swi-scoll .swiper .swiper-slide{width: 32%;padding-right: 4vw;box-sizing: border-box;height: auto;overflow: visible;}
.swi-scoll .swiper .swiper-slide:first-child{width: 45%;}
.swi-scoll .swiper .swiper-slide:nth-child(3){width: 26%;}
.swi-scoll .swiper .swiper-slide .img-info{width: 100%;position: relative;min-height: 50vw;overflow: visible;}
.swi-scoll .swiper .swiper-slide .img-info img{width: 180%;position: absolute;left: 30%;top:50%;transform: translate(-50%,-50%);z-index: 2;}
.swi-scoll .swiper .swiper-slide .txt-box{width: 100%;display: flex;flex-wrap: wrap;}
.swi-scoll .swiper .swiper-slide .txt-box h5{margin-bottom: 10px;width: 100%;}
.swi-scoll .swiper .swiper-slide .txt-box h3{line-height:60px;font-family: ShiYuanHei-Bold;}
.swi-scoll .swiper .swiper-slide .txt-box>p{text-align: justify;line-height: 32px;margin-top: 20px;}
.swi-scoll .inx-news-list{width: 100%;}
.swi-scoll .inx-news-list .img_box{width: 100%;height: 24vw;border-radius: 15px;position: relative;}
.swi-scoll .inx-news-list .img_box .time{padding: 5px 20px;border-radius: 30px;border:1px solid #fff;position: absolute;left: 20px;bottom: 20px;z-index: 2;color: #fff;}
.swi-scoll .inx-news-list .news-info{padding-left: 1.5vw;border-left: 2px solid rgba(0,0,0,.1);box-sizing: border-box;margin-top: 30px;}
.swi-scoll .inx-news-list .news-info h5{font-family: ShiYuanHei-Bold;}
.swi-scoll .inx-news-list .news-info .info{font-size: 15px;margin-top: 8px;}
.swi-scoll .inx-news-list .news-info p{width: 80px;line-height: 30px;border-radius: 25px;border:1px solid rgba(0,0,0,.5);text-align: center;margin-top: 10px;opacity: .5;font-size: 14px;}
.swi-scoll .swiper .swiper-slide:nth-child(2n) .inx-news-list a{ flex-direction: column-reverse;}
.swi-scoll .swiper .swiper-slide:nth-child(2n) .inx-news-list a .news-info{margin-top: 0;margin-bottom: 30px;}
.swi-scoll .swiper .swiper-slide .swiper-slide-active{pointer-events: auto!important;}

.common_more {background-color: #0a4fa1;color: #fff;width: auto;padding: 10px 35px;box-sizing: border-box;border-radius: 30px;align-items: center;margin-top: 50px;}
.common_more p{line-height: 40px;margin: 0 10px;}
.common_more svg{width: 0;height: 0;transition: all .6s;}
.common_more:hover svg{width: 28px;height: 28px;}

.inx-pro{background-color: #0a4fa1;border-radius: 25px 25px 0 0;margin-top: 10px;position: relative;}
.inx-pro .item-box{width: 23vw;background-color: #fff;border-radius: 20px;overflow: hidden;position: relative;box-sizing: border-box;padding: 15px;transition: all .6s;height: 40vw;}
.inx-pro .item-box.on{width: 68vw;padding:0;}
.inx-pro .item-box .img-box{width: 100%;overflow: hidden;position: relative;}
.inx-pro .item-box .img-box img{width: 55vw;transform: translateX(-28%);transition: all .6s;}
.inx-pro .item-box .img-box .hg-box{position: absolute;left: 0;top: 0;width: 100%;}
.inx-pro .item-box .img-box .hg-box img{width: 55vw;transform: translateX(-28%);transition: all .6s;}
.inx-pro .item-box.on .img-box img{width: 100%;transform: translateX(0%);}
.inx-pro .item-box.on .img-box .hg-box img{width: 100%;transform: translateX(0%);}
.inx-pro .item-box .info-box{width: 100%;position: absolute;bottom: 0;left: 0;background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(255,255,255,1));padding: 50px 50px 30px 50px;box-sizing: border-box;padding-top: 200px;z-index: 2;align-items: center;opacity: 0;}
.inx-pro .item-box.on .info-box{opacity: 1;transition: all .6s;}
.inx-pro .item-box .info-box img{height: 60px;}
.inx-pro .item-box .info-box .pro-listTap{height: 100%;opacity: 0;transition: all .6s;}
.inx-pro .item-box.on .info-box .pro-listTap{opacity: 1;}
.inx-pro .item-box .info-box .pro-listTap p{padding: 8px 20px;border:1px solid #000;border-radius: 30px;margin-left: 8px;opacity: .6;cursor: pointer;}
.inx-pro .item-box .info-box .pro-listTap p.on{color: #0a4fa1;border-color: #0a4fa1;opacity: 1;}
.inx-pro .item-box .info-box1{width: 100%;position: absolute;bottom: 0;left: 0;background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(255,255,255,1));padding: 50px 50px 30px 50px;box-sizing: border-box;padding-top: 400px;z-index: 2;align-items: center;opacity: 1;}
.inx-pro .item-box .info-box1 img{height: 50px;margin: 0 auto;margin-bottom: 15px;}
.inx-pro .item-box .info-box1 .txt{text-align: center;line-height: 28px;opacity: .6;}
.inx-pro .item-box.on .info-box1{opacity: 0;transition: all .6s;}

.inx-adv-box{position: relative;}
.inx-adv-box .pic-box{width: 100%;overflow: hidden;border-radius: 25px 25px 0 0;height: 43vw;}
.inx-adv-box .pic-box img{display: none;}
.inx-adv-box .pic-box img.on{display: block;}
.inx-adv-box .pic-info-box{position: absolute;left: 5%;top: 8%;z-index: 1;}
.inx-adv-box .pic-info-box .info{width: 27vw;padding: 50px;box-sizing: border-box;background-color: #fff;border-radius: 25px;display: none;}
.inx-adv-box .pic-info-box .info.on{display: block;}
.inx-adv-box .pic-info-box .info h5{opacity: .5;font-size: 1vw;}
.inx-adv-box .pic-info-box .info h3{font-family: ShiYuanHei-Bold;}
.inx-adv-box .pic-info-box .info svg{margin-top: 80px;}
.inx-adv-box .pic-info-box .info h4{margin-top: 15px;font-family: ShiYuanHei-Medium;}
.inx-adv-box .pic-info-box .info p{margin-top: 5px;}
.inx-adv-box .tap-list{position: absolute;bottom: 5%;width: 84%;left: 8%;z-index: 2;color: #fff;}
.inx-adv-box .tap-list p{padding-bottom: 5px;font-size: 18px;opacity: .7;cursor: pointer;line-height: 30px;height: 50px;position: relative;transition: all .4s;width: 24%;text-align: center;}
.inx-adv-box .tap-list p.on{opacity: 1;}
.inx-adv-box .tap-list p::before{width: 100%;bottom: 0;background-color: rgba(255,255,255,.5);height: 2px;left: 0;position: absolute;content: "";transition: all .4s;z-index: 1;}
.inx-adv-box .tap-list p::after{width: 0%;bottom: 0;background-color: #0a4fa1;height: 2px;left: 0;position: absolute;content: "";transition: all 2s;z-index: 2;}
.inx-adv-box .tap-list p.on::after{width: 100%;}
.inx-news{width: 100%;}
.inx-news .cont{width: 96%;margin-left: 4%;}
.inx-news .left{width: 25%;height: 100%;}
.inx-news .left h5{opacity: .7;font-size: 1vw;width: 100%;}
.inx-news .left h3{width: 100%;font-family: ShiYuanHei-Bold;}
.inx-news .left .news-btn{width: 80%;margin-top: 50px;margin-bottom: 40px;}
.inx-news .left .news-btn .btn{width: 60px;height: 60px;border-radius: 50%;border:1px solid #000;cursor: pointer;opacity: .7;display: flex;justify-content: center;align-items: center;}
.inx-news .left .news-btn .btn:last-child{margin-right: auto;margin-left: 15px;}
.inx-news .left .news-btn .btn:last-child svg{transform: rotate(180deg);}
.inx-news .right{width: 75%;}
.inx-news .right li{width: 36%;margin-right: 30px;}
.inx-news .right li .img_box{width: 100%;height: 15vw;border-radius: 15px;}
.inx-news .right li h5{margin-top: 20px;}
.inx-news .right li p{margin-top: 10px;font-size: 18px;opacity: .7;}
.inx-news .right .line{width: 100%;margin-top: 50px;height: 3px;}
.inx-news .right .line .swiper-scrollbar-drag{background-color: #0a4fa1;}

.foot{padding: 0 10px;box-sizing: border-box;background-color: #fff;position: relative;z-index: 2;}
footer{padding: 60px 0 20px 0;background-color: #0a4fa1;position: relative;z-index: 2;border-radius: 25px 25px 0 0;}
footer .left{width: 30%;}
footer .left a img{height: 60px;opacity: .7;}
footer .left a{margin-bottom: 20px;}
footer .left span{align-items: center;margin-top: 15px;}
footer .left span p{padding-left: 25px;box-sizing: border-box;background: url(../images/yx.png) left no-repeat;color: #fff;opacity: .7;}
footer .left span:nth-child(3) p{background-image: url(../images/dz.png);}
footer .left span h5{font-size:1vw;font-weight: 600;color: #fff;margin-right: auto;margin-left: 10px;opacity: .7;}
footer .left .oth-link{align-items: center;margin-top: 50px;}
footer .left .oth-link a:last-child{margin-right: auto;}
footer .left .oth-link a{width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 50%;border:1px solid #fff;margin-right: 30px;}
footer .left .oth-link a img{width: 40px;height: auto;}
footer .fto-nav{width: 65%;}
footer .fto-nav .box{width: auto;height: auto;align-items: center;}
footer .fto-nav .box a{opacity: .7;color: #fff;align-items: center;padding: 10px 0;}
footer .fto-nav .box a p{color: #fff;font-size: 18px;margin-right: 10px;}
footer .fto-nav .box a:first-child{padding-top: 0;opacity: 1;}
footer .fto-last{margin-top: 150px;opacity: .7;}
footer .fto-last p{color: #fff;margin-right: 15px;}
footer .fto-last p:last-child{margin-right: auto;}
footer .fto-last a{color: #fff;}

.ny-banner{width: 100%;height: 600px;overflow: hidden;position: fixed;z-index: 1;left: 0;top: 0;}
.ny-banner::after{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);left: 0;top: 0;content: "";z-index: 1;}
.ny-banner .txt{position: absolute;top: 50%;left: 50%;z-index: 2;color: #fff;transform: translate(-50%,-50%);z-index: 2;text-align: center;}
.ny-banner .txt h2{font-family: ShiYuanHei-Bold;font-size: 3.8vw;}
.info-over{position: relative;margin-top: 550px;background-color: #fff;z-index: 2;border-radius: 25px 25px 0 0;overflow: hidden;}
/*公共面包屑*/
.web-mbx{padding:20px 0;}
.web-mbx .cont{align-items: center;}
.web-mbx p{line-height: 36px;max-width: 60%;margin-left: auto;}
.web-mbx p img{display: inline-block;float: left;margin-right: 10px;height: 32px;}
.web-mbx p a{display: inline-block;color: #000;}
.ab-01{background-image: url(../images/bg.jpg);background-position: bottom center;background-repeat: no-repeat;background-size: cover;}
.ab-01 .box{align-items: center;}
.ab-01 .box:nth-child(2){margin-top: 80px; flex-direction: row-reverse;}
.ab-01 .left{width: 40%;padding-left: 10%;box-sizing: border-box;}
.ab-01 .left>p:first-child{opacity: .5;}
.ab-01 .left h2{font-family: ShiYuanHei-Bold;line-height: 3.8vw;margin-top: 10px;margin-bottom: 30px;}
.ab-01 .left .info p{line-height: 30px;text-align: justify;opacity: .6;}
.ab-01 .img_box{width: 48%;border-radius: 25px;}
.ab-01 .box:nth-child(2) .left{justify-content: flex-end;padding-left: 0;padding-right: 10%;}
.ab-02 .tit{text-align: center;width: 100%;padding-top: 60px;border-top: 1px solid rgba(0,0,0,.1);}
.ab-02 .tit p{opacity: .5;}
.ab-02 .tit h2{font-family: ShiYuanHei-Bold;}
.ab-02 ul{width: 100%;margin-top: 60px;}
.ab-02 ul li{position: relative;box-sizing: border-box;padding: 13.02vw 2.6vw 2.24vw;width: 24.44%;border-radius: 20px;background: #f0f5f8;overflow: hidden;}
.ab-02 ul li h4{margin-top: 20px;margin-bottom: 10px;}
.ab-02 ul li p{height: 60px;}
.ab-02 ul li .en{margin-top: 20px;opacity: .5;}
.ab-02 ul li svg:last-child{position: absolute;top:-20px;right: 0;opacity: .02;}
.ab-03 .top .tit h2{font-family: ShiYuanHei-Bold;}
.ab-03 .top .btn {width: 60px;height: 60px;border-radius: 50%;border:1px solid #000;cursor: pointer;opacity: .7;display: flex;justify-content: center;align-items: center;margin-top: auto;}
.ab-03 .top .btn:last-child{margin-right: auto;margin-left: 15px;}
.ab-03 .top .btn:last-child svg{transform: rotate(180deg);}
.ab-03 .swiper{margin-top: 60px;}
.ab-03 .swiper li{width: 23%;margin-right: 1%;}
.ab-03 .swiper li .img_box{width: 100%;height: 14vw;border-radius: 15px;border:1px solid rgba(0,0,0,.2)}
.ab-03 .swiper li h5{margin-top: 20px;text-align: center;font-family: ShiYuanHei-Bold;font-size: 1.2vw;}
.pro-list{background-color: #fafafa;}
.pro-list .left{width: 20%;}
.pro-list .left form{padding: 5px 15px;box-sizing: border-box;border: 1px solid rgba(0,0,0,.2);border-radius: 30px;}
.pro-list .left form input{height: 40px;border:none;width: calc(100% - 40px);font-size: 16px;background-color: #fafafa;}
.pro-list .left form button{width: 40px;height: 40px;border:none;background-color: #fff;display: flex;align-items: center;justify-content: center;opacity: .5;cursor: pointer;}
.pro-list .left ul{margin-top: 30px;}
.pro-list .left ul li{border-bottom: 1px solid rgba(0,0,0,.1);}
.pro-list .left ul li .box{align-items: center;line-height: 40px;}
.pro-list .left ul li .box .btn-box{width: 30%;height: 100%;display: flex;align-items: center;justify-content: flex-end;cursor: pointer;opacity: .2;}
.pro-list .left ul li .box .btn-box.active{opacity: 1;}
.pro-list .left ul li .box .btn-box svg{transition: all .6s;}
.pro-list .left ul li .box .btn-box.on svg{transform:rotate(90deg)}
.pro-list .left ul li a{font-size: 1vw;width: 70%;margin-top: 15px;padding-bottom: 15px;}
.pro-list .left ul li.on a{color: #0a4fa1;font-family: ShiYuanHei-Bold;}
.pro-list .left .sel-list{overflow: hidden;width: 100%;}
.pro-list .left .sel-list .sel-box{align-items: center;height: 0;transition: all .6s;opacity: 1;width: 100%;padding-left: 30px;box-sizing: border-box;transition: all .6s;opacity: 0;}
.pro-list .left ul li .sel-list.active .sel-box{height: 60px;opacity: 1;}
.pro-list .left .sel-list .sel-box a{width: 24px;height: 24px;border:1px solid rgba(0,0,0,.2);background-color: rgba(0,0,0,0);border-radius: 5px;margin: 0;cursor: pointer;padding: 0;}
.pro-list .left .sel-list .sel-box.active a{background: url(../images/on.png)center no-repeat;background-size: 80%;background-color: #0a4fa1;}
.pro-list .left .sel-list .sel-box p{margin-right: auto;margin-left: 10px;}
.pro-list .right{width: 75%;}
.pro-list .right ul{width: 100%;}
.pro-list .right ul li{position: relative;margin-right: 2.3%;margin-bottom: 30px;width: 31.8%;background-color: #fff;border-radius: 25px;overflow: hidden;padding: 0 10px 50px 10px;box-sizing: border-box;}
.pro-list .right ul li:nth-child(3n+3){margin-right: 0;}
.pro-list .right ul li:last-child{margin-right: auto;}
.pro-list .right ul li .img-info{width: 100%;height: 18vw;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.pro-list .right ul li .img-info img{width: 80%;}
.pro-list .right ul li .info{margin-top: 20px;text-align: center;}
.pro-list .right ul li .info p{font-size: 18px;font-family: ShiYuanHei-Bold;opacity: .7;}
.pro-list .right ul li .info h5{margin-top: 5px;font-family: ShiYuanHei-Bold;}

.pro-info{width: 100%;}
.pro-info .left{width: 45%;}
.pro-info .big-pro{width: 100%;background-color: #f5f5f5;}
.pro-info .big-pro ul{width: 100%;}
.pro-info .big-pro li{width: 100%;height:28vw;display: flex;align-items: center;justify-content: center;}
.pro-info .big-pro li:first-child img{width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;background-repeat: no-repeat;}
.pro-info .big-pro li .img-box{width: 100%;height: 100%;}
.pro-info .big-pro .swiper-pagination-bullet{width: 12px;height: 12px;}
.pro-info .big-pro .swiper-pagination-bullet-active{background-color: #0a4fa1;}
.pro-info .pro-desc{width: 50%;}
.pro-info .pro-desc h3{padding-left: 30px;font-size: 2.2vw;font-weight: 600;position: relative;box-sizing: border-box;margin-bottom: 20px;}
.pro-info .pro-desc h3::before{position: absolute;left: 0;top: 50%;width: 4px;height: 60%;content: "";transform: translateY(-50%);background-color: #0a4fa1;}
.pro-info .pro-desc h5{font-size: 22px;font-weight: 600;}
.pro-info .pro-desc .box{margin-top: 30px;align-items: center;}
.pro-info .pro-desc .box .info{width:83%;background-color: #fafafa;padding: 20px;box-sizing: border-box;}
.pro-info .pro-desc .box .info p{line-height: 50px;font-size: 20px;}
.pro-content{width: 65%;margin-top: 40px;}
.pro-content h4{font-size: 1.4vw;font-weight: 600;padding-bottom: 20px;border-bottom: 1px solid rgba(0, 0, 0, .1);}
.pro-content .info{margin-top: 30px;background-color: #fafafa;padding-top: 30px;}
.pro-content .info img{max-width: 80%;margin: 0 auto;margin-top: 20px;}
.pro-oth{width: 28%;margin-top: 40px;}
.pro-oth h4{font-size: 1.4vw;font-weight: 600;padding-bottom: 20px;border-bottom: 1px solid rgba(0, 0, 0, .1);margin-bottom: 20px;}
.pro-oth a{width: 100%;margin-top: 30px;display: block;}
.pro-oth a .pic-box{width: 100%;background-color: #fafafa;}
.pro-oth a .pic-box img{width: 100%;margin: 0 auto;display: block;}
.pro-oth a  p{border:1px solid rgba(0, 0, 0, .5);width: 100%;line-height: 50px;margin-top: 15px;text-align: center;font-size: 22px;}
/* 分页器 */
.pagination {display: flex;justify-content: center;margin-top: 10px;}
.pagination a {background: #fff;border: 1px solid #ccc;color: #333;font-size: 14px;padding: 8px 12px;margin: 0 5px;border-radius: 3px;}
.pagination span {color: #333;font-size: 14px;padding: 8px 2px;margin: 0 5px;border-radius: 3px;}
.pagination a:hover {color: #0a4fa1;border: 1px solid #0a4fa1;}
.pagination a.page-num-current {color: #fff;background: #0a4fa1;border: 1px solid #0a4fa1;}
.my-4{margin-top:40px;width: 100%}

.news-list>.cont>ul{width: 100%;}
.news-list>.cont>ul>li{width: 100%;padding-bottom: 50px;border-bottom: 1px solid rgba(0,0,0,.1);position: relative;margin-bottom: 50px;}
.news-list>.cont>ul>li::after{position: absolute;width: 0;height: 4px;bottom: 0;background-color: #0a4fa1;content: "";z-index: 1;left: 0;transition: all .6s ease-in-out;}
.news-list ul>li>a{position: relative;}
.news-list ul>li>a>.img_box{width: 25%;border-radius: 15px;height: 14vw;}
.news-list ul>li>a>.info{width: 73%;}
.news-list ul>li>a>.info>h4{width: 65%;line-height: 2vw;height: 4vw;font-family: ShiYuanHei-Bold;}
.news-list ul>li>a>.info>p{margin-top: 30px;width: 80%;margin-bottom: auto;font-size: 18px;opacity: .7;}
.news-list ul>li>a>.info>span{opacity: .7;width: 10%;text-align: center;}
.news-list ul>li>a>.info>span h3,.news-list ul>li>a>.info>span h5{font-family: AlibabaSans;}
.btn-more{position: absolute;right: 0;top: 45%;transform: translateY(-50%);width: 60px;height: 60px;border-radius: 50%;border:2px solid rgba(0,0,0,.1);background-image: url(../images/btn-more.png);background-size: 30px 30px;background-position: center center;background-repeat: no-repeat;}
.news-list>.cont>ul>li:hover::after{width: 100%;}
.news-list ul>li:hover>a>.info>h4{color: #0a4fa1;}
.news-list ul>li:hover .btn-more{border-color: #0a4fa1;background-color: #0a4fa1;box-shadow: 2px 5px 5px rgba(0,0,0,.1);}
.news_inner{width: 100%;background:#fff;}
.news_inner img{margin: 0 auto;display: inline-block;}
.news_inner>.cont>.ym_tit{margin-bottom: 30px;text-align:center;font-size: 32px;font-weight: bold;}
.news_inner>.cont>p:nth-child(2){text-align: center;border-bottom: 1px solid #eee;font-size: 16px;padding-bottom: 15px;}
.news_inner>.cont>span{padding: 20px 0;display: block;color: #6f7173;font-size: 18px;margin-top: 30px;}
.news_inner>.cont>span img{max-width: 100% !important;height: auto!important;}
.news_inner>.cont>div{width: 100%;margin-top:30px;line-height:30px;}
.news_inner>.cont>div>em:first-child{float: left;display: block;}
.news_inner>.cont>div>em:last-child{float: right;display: block;}
.news_inner>.cont>div>em>a{color: #333;display: inline-block;}
.news_inner>.cont>div>em>a:hover{color: #0a4fa1;}
.news_inner>.cont>.video-box{width:100%;height: 100%;}
.news_inner video{width:80%;margin:0 auto;display: block;}

.contact-box{background-image: url(../images/cat-pic.jpg);background-position: bottom right;background-repeat: no-repeat;}
.contact-box .top{padding-bottom: 100px;border-bottom: 1px solid rgba(0,0,0,0.1);}
.contact-box .top .info{margin-top: 40px;}
.contact-box .top img{width: 40px;}
.contact-box .top h4{font-size: 28px;margin: 10px 0;}
.contact-box .top h3{font-family: AlibabaSans;}
.contact-box .top h5{font-size: 24px;opacity: .6;}
.contact-box .bottom{padding: 60px 0;width: 100%;}
.contact-box .bottom h3{font-size: 46px;font-weight: 300;}
.contact-box .bottom form{margin-top: 40px;}
.contact-box .bottom form input {width: 30%;height: 40px;border:none;border-bottom: 1px solid rgb(0 0 0 / 10%);font-size: 18px;background-color: rgba(0,0,0,0);}
.contact-box .bottom form input:nth-child(4){width: 70%;}
.contact-box .bottom form input:nth-child(4),.contact-box .bottom form button{margin-top: 80px;}
.contact-box .bottom form button{width: 200px;height: 50px;background-color: #0a4fa1;border: none;color: #fff;font-size: 18px;font-family: "OPPOSans";margin-right: auto;margin-left: 40px;cursor: pointer;}

.search-list ul{width: 100%;}
.search-list ul li{position: relative;margin-right: 2.6%;margin-bottom: 30px;width: 23%;background-color: #fff;border-radius: 25px;overflow: hidden;padding: 0 10px 50px 10px;box-sizing: border-box;border:1px solid rgba(0, 0, 0, .1)}
.search-list ul li:nth-child(3n+3){margin-right: 0;}
.search-list ul li:last-child{margin-right: auto;}
.search-list ul li .img-info{width: 100%;height: 18vw;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.search-list ul li .img-info img{width: 80%;}
.search-list ul li .info{margin-top: 20px;text-align: center;}
.search-list ul li .info p{font-size: 18px;font-family: ShiYuanHei-Bold;opacity: .7;}
.search-list ul li .info h5{margin-top: 5px;font-family: ShiYuanHei-Bold;}

/* 手机导航 */
.m-header{background-color: rgba(255,255,255,1);box-sizing: border-box;position: fixed;left: 0;top: 0px;z-index: 9;width: 100%;display: none;box-shadow: 2px 5px 5px rgba(0,0,0,.1);}
.m-header.on{border-bottom:1px solid #ddd;box-shadow: none;}
.m-header .cont{align-items: center;}
.m-header a{height: 30px;padding: 15px 0;transition: all .4s ease-in-out;}
.m-header a img{height: 100%;}
.m-header a img:last-child{display: none;}
.m-header .menu-btn{width: 34px;height: 40px;position: relative;}
.m-header .menu-btn span{position: absolute;display: block;width: 100%;height: 3px;background-color: #0a4fa1;top: 10px;transition: all .25s;transform-origin: center center;}
.m-header .menu-btn span:nth-child(2){top: 19px;width: 25px;}
.m-header .menu-btn span:nth-child(3){top: 28px;}
.m-header .menu-btn.on span:first-child{transform: rotate(45deg);}
.m-header .menu-btn.on span:nth-child(2){transform: scaleX(0);}
.m-header .menu-btn.on span:last-child{transform: rotate(-45deg);}
.m-header .menu-btn.on span{top: 19px;}
.m-nav-box{width: 100%;height: 0;background-color: #fff;position: fixed;left: 0;top: 0;z-index: 7;box-sizing: border-box;overflow: hidden;transition: all .4s ease-in-out;}
.m-nav-box.active{height: 100vh;overflow: scroll;}
.m-nav-box .m-nav-item{width: 100%;position: relative;}
.m-nav-box .m-nav-item:first-child{margin-top: 100px;}
.m-nav-box .m-nav-item a{font-size: 24px;display: block;line-height: 80px;border-bottom: 1px solid #ddd;transition: all .6s ease-in-out;overflow: hidden;height: 0px;opacity: 0;}
.m-nav-box.active .m-nav-item a{opacity: 1;height: 80px;}
.m-nav-box .m-nav-item .m-nav-top{width: 50%;position: absolute;height: 80px;right: 0;top: 0;z-index: 1;background: url(../images/ico-open.png) no-repeat right center;background-size: 3.4vw auto;}
.m-nav-box .m-nav-item .m-nav-top.on{background-image: url(../images/ico-close.png);}
.m-nav-box .m-nav-item .m-nav-list{overflow: hidden;width: 100%;padding-bottom: 0px;transition: all .6s ease-in-out;}
.m-nav-box .m-nav-item .m-nav-list a{font-size: 20px;line-height: 60px;padding: 0 10px;box-sizing: border-box;border:none;height: 0;overflow: hidden;transition: all .6s ease-in-out;}
.m-nav-box .m-nav-item .m-nav-list.active{padding-bottom: 30px;}
.m-nav-box .m-nav-item .m-nav-list.active a{height: 60px;}
.m-header.color{background-color: rgba(0,0,0,0);box-shadow: none;}
.m-header.color a{padding: 25px 0;}
.m-header.color a img{display: none;}
.m-header.color a img:last-child{display: block;}
.m-header.on a{padding: 15px 0;}
.m-header.on a img{display: block;}
.m-header.on a img:last-child{display: none;}
.m-header .menu-btn.color span{background-color: #fff;}
.m-header .menu-btn.on span{background-color: #0a4fa1;}

.m-inx-banner{width: 100%;display: none;}
.m-inx-banner .box-style{width: 100%;height: 100vh;position: relative;padding: 10px;box-sizing: border-box;border-radius: 25px;overflow: hidden;}
.m-inx-banner .box-style .info-box{width: 100%;height: 100%;position: relative;border-radius: 25px;overflow: hidden;}
.m-inx-banner .box1 video{height: 120%;left: 50%;top: 50%;transform: translate(-50%,-50%);width: auto;position: absolute;}
.m-inx-banner .box2{height: 70vw;}
.m-inx-banner .box2 .pic-txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;color: #fff;text-align: center;display: flex;flex-wrap: wrap;width: 80%;}
.m-inx-banner .box2 .pic-txt h5{width: 100%;}
.m-inx-banner .box2 .pic-txt h3{font-family: ShiYuanHei-Bold;width: 100%;margin-bottom: 10px;}
.m-inx-banner .box2 .pic-txt .common_more {margin: 0 auto;margin-top: 30px;}
.m-inx-banner .box3{height: auto;}
.m-inx-banner .box3 .info-box{height: auto;padding: 50px;box-sizing: border-box;background-color: #e7f4ff;}
.m-inx-banner .box3 .txt-box h3{font-family: ShiYuanHei-Bold;margin-top: 10px;margin-bottom: 20px;}
.m-inx-banner .box3 .txt-box>p{margin-bottom: 40px;font-size: 14px;opacity: .7;}
.m-inx-banner .box3 .txt-box .common_more{width: 180px;}
.m-inx-news1{margin-top: 50px;}
.m-inx-news1 ul li{width: 47%;margin-right: 6%;}
.m-inx-news1 ul li:last-child{margin-right: 0;}
.m-inx-news1 ul li .inx-news-list {width: 100%;}
.m-inx-news1 ul li .inx-news-list .img_box{width: 100%;height: 44vw;border-radius: 15px;position: relative;}
.m-inx-news1 ul li .inx-news-list .img_box .time{padding: 5px 20px;border-radius: 30px;border:1px solid #fff;position: absolute;left: 20px;bottom: 20px;z-index: 2;color: #fff;}
.m-inx-news1 ul li .inx-news-list .news-info{padding-left: 1.5vw;border-left: 2px solid rgba(0,0,0,.1);box-sizing: border-box;margin-top: 30px;}
.m-inx-news1 ul li .inx-news-list .news-info h5{font-family: ShiYuanHei-Bold;}
.m-inx-news1 ul li .inx-news-list .news-info .info{font-size: 14px;margin-top: 8px;opacity: .7;}
.m-inx-news1 ul li .inx-news-list .news-info p{width: 80px;line-height: 30px;border-radius: 25px;border:1px solid rgba(0,0,0,.5);text-align: center;margin-top: 10px;opacity: .5;font-size: 14px;}
.m-inx-adv{border-radius: 25px 25px 0 0;background-color: #f5f5f5;margin-top: -25px;position: relative;z-index: 2;display: none;}
.m-inx-adv .tit h3{font-family: ShiYuanHei-Bold;}
.m-inx-advlist{width: 100%;margin-top: 40px;}
.m-inx-advlist ul li{width: 48%;margin-right: 4%;}
.m-inx-advlist ul li:last-child{margin-right: auto;}
.m-inx-advlist ul li .img_box{border-radius: 25px 25px 0 0;height: 36vw;}
.m-inx-advlist ul li .info{background-color: #fff;padding: 25px;border-radius: 0 0 25px 25px;}
.m-inx-advlist ul li h4{margin: 10px 0;margin-bottom: 25px;}
.m-inx-advlist ul li svg{width: 60px;height: 60px;}
.m-btn{display: none;margin-top: 50px;}

.m-pro-type{display: none;width: 100%;}
.m-pro-type .sel-box{align-items: center;height: 0;transition: all .6s;opacity: 1;padding-left: 0px;box-sizing: border-box;transition: all .6s;opacity: 0;margin-right: 10px;}
.m-pro-type .sel-box{height: 60px;opacity: 1;}
.m-pro-type .sel-box:last-child{margin-right: auto;}
.m-pro-type .sel-box a{width: 24px;height: 24px;border:1px solid rgba(0,0,0,.2);background-color: rgba(0,0,0,0);border-radius: 5px;margin: 0;cursor: pointer;padding: 0;}
.m-pro-type .sel-box.active a{background: url(../images/on.png)center no-repeat;background-size: 80%;background-color: #0a4fa1;}
.m-pro-type .sel-box p{margin-right: auto;margin-left: 10px;}