header{width: 100%;background-image:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,0));color: #fff;}

header .top{background-color: #01509b;padding: .5vw 10%;box-sizing: border-box;color: #fff;}

header .top .link-to{align-items: center;}

header .top .oth{align-items: center;}

header .top .oth em{margin: 0 1vw;}

header .top svg{height: 1.6vw;margin-right: .3vw;}

header .top a{color: #fff;}

header .cont{align-items: center;}

header .logo{align-items: center;}

header .logo a img{height: 3.2vw;padding: 1.2vw 0;}

header .logo a img:nth-child(2){display: none;}

header .nav{background-color: #f5f5f5;}

header .nav a{font-size: 1.1vw;position: relative;width: 16.6%;text-align: center;line-height:4vw;}

header .nav a::after{position: absolute;right: 0;top: 40%;width: 1px;height: 20%;background-color: #000;z-index: 1;content: "";transform: rotate(0deg);opacity: .3;}

header .nav a:last-child::after{display: none;}

header.on{color: #000;background-image: none;background-color: rgba(255,255,255,1);box-sizing: border-box;box-shadow: 2px 5px 5px rgba(0,0,0,.1);}

header.on .logo a img{display: none;}

header.on .logo a img:nth-child(2){display: block;}

header.on .nav a{color: #000;}

header.on .logo .txt{border-color: rgba(0,0,0,.3);}



header .nav a.on{color: #01509b;font-family: ShiYuanHei-Blod;}

header .tel{align-items: center;}

header .tel svg{margin-right: 10px;}



header .cat{align-items: center;}

header .cat .ico-box{background-color: #f0f5f8;width: 3vw;height:3vw;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-right: 10px;}

header .cat .ico-box svg{width: 2vw;height: 2vw;}

header .cat .tel-list h5{font-family: ShiYuanHei-Blod;font-size: 1.4vw;font-weight: 600;color: #01509b;}

header .cat .ewm-box img{width: 4.4vw;margin-left: 2vw;}



.client-2 {

	position: fixed;

	right: -170px;

	top: 50%;

	z-index: 1;

}



.client-2 li a {

	text-decoration: none;

}

.client-2 li {

	margin-top: 1px;

	clear: both;

	height: 62px;

	position: relative;

	margin-top: 5px;

}



.client-2 li i {

	background: url(../images/fx.png) no-repeat;

	display: block;

	width: 30px;

	height: 27px;

	margin: 0px auto;

	text-align: center;

}



.client-2 li p {

	height: 20px;

	font-size: 14px;

	line-height: 20px;

	overflow: hidden;

	text-align: center;

	color: #fff;

}



.client-2 .my-kefu-qq i {

	background: url(../images/a-1.png);

	background-size: 100% 100%;

}



.client-2 .my-kefu-tel i {

	background-position: 0 -21px;

}



.client-2 .my-kefu-liuyan i {

	background-position: 4px -53px;

}



.client-2 .my-kefu-weixin i {

	background: url(../images/al.png);

	background-size: 100% 100%;

}



.client-2 .my-kefu-weibo i {

	background-position: -30px -22px;

}



.client-2 .my-kefu-ftop {

	display: none;

}



.client-2 .my-kefu-ftop i {

	   width: 33px;

height: 31px;

background-position: -23px -47px;

background-size: 52px 82px;

}

.client-2 .my-kefu-zd i{

    width: 33px;

height: 37px;

background-position: -24px -41px;

background-size: 52px 82px;

}

.client-2 .my-kefu-ftop .my-kefu-main{

	padding-top: 6px;

}

.my-kefu-zd{cursor: pointer;}



.client-2 .my-kefu-left {

	float: left;

	width: 62px;

	height: 63px;

	position: relative;

}



.client-2 .my-kefu-tel-right {

	font-size: 16px;

	color: #fff;

	float: left;

	height: 24px;

	line-height: 22px;

	padding: 0 15px;

	border-left: 1px solid #fff;

	margin-top: 14px;

}



.client-2 .my-kefu-right {

	width: 20px;

}



.client-2 .my-kefu-tel-main {

	background-color: #01509b;

	color: #fff;

	height: 63px;

	width: 230px;

	padding:9px 0 0;

	float: left;

    box-sizing: border-box;

	border-radius: 10px;

}



.client-2 .my-kefu-main {

	background-color: #01509b;

	width: 97px;

	height: 63px;

	position: relative;

	padding:9px 0 0;

	float: left;

    box-sizing: border-box;

	border-radius: 10px;

}



.client-2 .my-kefu-weixin-pic {

	position: absolute;

	left: -130px;

	top: -24px;

	display: none;

	z-index: 333;

}



.my-kefu-weixin-pic img {

	width: 115px;

	height: 115px;

}







.inx-01{width: 100%;height: 43vw;overflow: hidden;}

.inx-01 video{width: 100%;}

.inx-01 .item{width: 100%; height: 100%;position: relative;}

.inx-01 .item::after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);z-index: 1;content: "";}

.inx-01 .img-box{width: 100%;height: 100%;}

.inx-01 .item .txt-box{position: absolute;left: 13%;top: 48%;transform: translateY(-50%);z-index: 2;color: #fff;}

.inx-01 .item .txt-box h2{font-weight: 600;font-family: ShiYuanHei-Blod;}

.inx-01 .item .txt-box h4{opacity: .5;}

.inx-01 .item .txt-box a{width: 160px;line-height: 50px;background-color: #01509b;border-radius: 25px;color: #fff;text-align: center;margin-top: 30px;}



.inx-02{position: relative;z-index: 2;}

.inx-02 .box{width: 100%;background-color: #fff;margin-top: -2vw;box-shadow: 2px 5px 5px rgba(0,0,0,.1);padding: 2vw;box-sizing: border-box;align-items: center;border-radius: .5vw;}

.inx-02 .box .item{align-items: center;}

.inx-02 .box .item svg{display: none;}

.inx-02 .box .item .num-info{align-items: center;justify-content: center;}

.inx-02 .box .item .num-info h2{font-family: AlibabaFangYuanTi-thin;font-weight: bold;color: #01509b;font-size: 2.8vw;}

.inx-02 .box .item .num-info h4{font-size: 1.3vw;margin-left: .8vw;}

.inx-02 .box em{opacity: .3;}





.top60{margin-top: 60px;}

.tit-style{width: 100%;}

.tit-style .sty{align-items: center;}

.tit-style .sty .line{width: 5vw;height: 1px;background-color: #000;margin: 0 .2vw;}

.tit-style .sty .quan{width: 1.4vw;height: 1.4vw;border-radius: .2vw;transform: rotate(45deg);border: 1.5px solid #000;}

.tit-style h3{font-weight: bold;margin: 0 2vw;}

.tit-style h3 em{font-family: ShiYuanHei-Blod;display: inline-block;color: #01509b;margin-right: 20px;}

.inx-03{padding-top: 60px;}

.inx-03 .list-box .tab-list{width: 100%;margin-top: 3vw;border-bottom: 1px solid rgba(0,0,0,.4);}

.inx-03 .list-box .item-box{width: 25%;align-items: center;padding-bottom: 1.4vw;position: relative;cursor: pointer;}

.inx-03 .list-box .item-box::after{width: 0%;height: 3px;background-color: #01509b;position: absolute;left: 0;bottom: -1px;content: '';transition: all .6s;}

.inx-03 .list-box .item-box svg{width: 1.9vw;height: 1.9vw;margin-right: .5vw;}

.inx-03 .list-box .item-box svg path{fill: #000;transition: all .6s;}

.inx-03 .list-box .item-box h4{font-size: 1.4vw;transition: all .6s;}

.inx-03 .list-box .item-box.on::after{width: 100%;}

.inx-03 .list-box .item-box.on svg path{fill: #01509b;}

.inx-03 .list-box .item-box.on h4{color: #01509b;font-family: ShiYuanHei-Blod;}



.inx-03 .list-box .swiper{width: 100%;margin-top: 3vw;}

.inx-03 .list-box .swiper .img-box{width: 100%;height: 14vw;border-radius: .8vw;overflow: hidden;}

.inx-03 .list-box .swiper .swiper-slide{position: relative;width: 24%;margin-right: 1%;}

.inx-03 .list-box .swiper .swiper-slide:last-child{margin-right: 0;}

.inx-03 .list-box .swiper .swiper-slide p{margin-top: .6vw;width: 100%;border: 1px solid rgba(0,0,0,.3);text-align: center;padding: .5vw 0;border-radius: .3vw;}



.inx-04{width: 100%;background-image: url(../images/bg1.jpg);background-size: cover;padding: 120px 0;}

.inx-04 .tit-style{margin-bottom: 3vw;}

.inx-04 .tit-style h3{color: #fff;}

.inx-04 .tit-style  .sty .line{background-color: #fff;}

.inx-04 .tit-style  .sty .quan{border-color: #fff;}

.inx-04 .tab{width: 20%;background-color: #fff;}

.inx-04 .tab .tit{width: 100%;background-color: #01509b;line-height: 100px;text-align: center;color: #fff;font-weight: 600;font-size: 1.4vw;}

.tab-list{width: 100%;}

.tab-list .item{width: 100%;}

.tab-list .item>a{width: 100%;padding:1.3vw 1vw;box-sizing: border-box;align-items: center;}

.tab-list .item>a .tab-name{align-items: center;}

.tab-list .item>a .tab-name .ico-box{width: 30px;height: 30px;background-color: #01509b;border-radius: 50%;display: flex;align-items: center;justify-content: center;}

.tab-list .item>a .tab-name .ico-box svg{width: 15px;height: 15px;}

.tab-list .item.on>a>svg{transform: rotate(90deg);}

.tab-list .item.on>a>svg path{fill: #fff;}

.tab-list .item.on{background-color: #01509b;}

.tab-list .item.on>a{color: #fff;}

.tab-list .item.on>a .tab-name .ico-box{background-color: #fff;}

.tab-list .item.on>a .tab-name .ico-box svg path{fill: #01509b;}

.tab-list .item>a .tab-name p{font-size: 1vw;margin-left: 20px;}

.tab-list .item .item2{background-color: #f5f5f5;}

.tab-list .item .item2 a{width: 100%;padding:0 50px;box-sizing: border-box;align-items: center;}

.tab-list .item .item2 a p{margin-right: auto;margin-left: 20px;line-height: 70px;}

.inx-04 .tab .tel-box{padding: 30px;box-sizing: border-box;background-color: #f5f5f5;text-align: center;margin-top: auto;}

.inx-04 .tab .tel-box svg{margin: 0 auto;margin-bottom: 10px;}

.inx-04 .tab .tel-box p{margin-bottom: 10px;}

.inx-04 .tab .tel-box h4{font-weight: 600;}

.inx-04 .list-info{width: 79%;background-color: #f5f5f5;overflow: hidden;padding: 2vw;box-sizing: border-box;}

.inx-04 .list-info .item-box{width: 24%;margin-right: 1%;background-color: #fff;overflow: hidden;border-radius: .5vw;margin-bottom: 1vw;padding: 1vw;box-sizing: border-box;}

.inx-04 .list-info .item-box:nth-child(4n){margin-right: 0;}

.inx-04 .list-info .item-box:last-child{margin-right: auto;}

.inx-04 .list-info .item-box a{width: 100%;position: relative;}

.inx-04 .list-info .item-box a .img-box{width: 100%;display: flex;align-items: center;justify-content: center;height: 13vw;}

.inx-04 .list-info .item-box a .img-box img{width: 95%;}

.inx-04 .list-info .item-box a>p{text-align: center;width: 100%;background-color: #01509b;padding:0 1vw;box-sizing: border-box;border-radius: 2vw;color: #fff;line-height: 2.4vw;overflow: hidden;}

.inx-04 .list-info .item-box a .top-info{position: absolute;width: max-content;align-items: center;left: .4vw;top: .4vw;z-index: 1;}

.inx-04 .list-info .item-box a .top-info img{height: 30px;}

.inx-04 .list-info .item-box a .top-info em{margin: 0 10px;}

.inx-04 .list-info .item-box a .top-info p{font-size: .8vw;font-weight: 600;}

.inx-04 .list-info>a{width: 100%;font-size: 1.2vw;align-items: center;}

.inx-04 .list-info>a svg{width: 1.2vw;height: 1.2vw;margin-left: 1vw;}



.inx-05{width: 100%;background-color: #f5f5f5;}

.inx-05 .tab-box{width: 100%;align-items: center;}

.inx-05 .tab-box .item{padding: 1vw 3vw;border-radius: 50px;position: relative;}

.inx-05 .tab-box .item::after{position: absolute;right: -30%;top:50%;transform: translateY(-50%);width: 12px;height: 3px;background-color: rgba(0,0,0,.3);content: "";}

.inx-05 .tab-box .item:last-child::after{display: none;}

.inx-05 .tab-box .item.on{background-color: #01509b;}

.inx-05 .tab-box .item p{font-size:1.1vw;font-weight: 600;}

.inx-05 .tab-box .item.on p{color: #fff;}

.inx-05 .tab-box em{width: 12px;height: 3px;background-color: rgba(0,0,0,.8);}

.inx-05 .list-box{position: relative;}

.inx-05 .info-box{width: 50%;background-color: #fff;padding: 60px;box-sizing: border-box;position: relative;background-image: url(../images/ico.png);background-repeat: no-repeat;background-position: bottom right;}

.inx-05 .info-box h4{font-weight: 600;}

.inx-05 .info-box h5{margin-top: 30px;font-weight: 600;}

.inx-05 .info-box p{margin-top: 20px;}

.inx-05 .img-box{width: 50%;height: 30vw;}

.inx-05 .info-box a{width: 160px;line-height: 50px;background-color: #01509b;border-radius: 25px;color: #fff;text-align: center;margin-top: 30px;}

.inx-05 .list-box .swiper-tab{position: absolute;bottom: 15%;left: 60px;z-index: 2;}

.inx-05 .list-box .swiper-tab div{width: 60px;height: 60px;background-color: #f5f5f5;border-radius: 50%;margin-right: 30px;display: flex;align-items: center;justify-content: center;}

.inx-05 .list-box .swiper-tab div.next svg{transform: rotate(180deg);}

.inx-05 .list-box .swiper-tab div:hover{background-color: #01509b;}

.inx-05 .list-box .swiper-tab div:hover svg path{fill: #fff;}





.inx-06{width: 100%;background-image: url(../images/bg3.jpg);background-size: 100% auto;background-repeat: no-repeat;background-color: #f5f5f5;}

.inx-06 .tit-style{color: #fff;}

.inx-06 .tit-style  .sty .line{background-color: #fff;}

.inx-06 .tit-style  .sty .quan{border-color: #fff;}

.inx-06 .info-list .item{width: 24%;align-items: center;margin-top: 50px;position: relative;overflow: hidden;}

.inx-06 .info-list .item .img-info{box-sizing: border-box;width: 100%;position: relative;}

.inx-06 .info-list .item .img-info .img-box{border-radius: .5vw;overflow: hidden;height: 26vw;position: relative;}

.inx-06 .info-list .item .img-info .img-box::after{position: absolute;content: '';left: 0;bottom: 0;background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5));z-index: 1;width: 100%;height: 100%;transition: all .6s;}



.inx-06 .info-list .item .info{width: 90%;position: relative;position: absolute;height: 80%;bottom: -60%;left: 5%;z-index: 1;border-radius: .5vw;overflow: hidden;transition: all .6s;}

.inx-06 .info-list .item .info h4{font-weight: 600;font-size: 1.3vw;color: #fff;}

.inx-06 .info-list .item .info em{width: 30px;height: 3px;background-color: #01509b;margin: 30px 0;display: block;}

.inx-06 .info-list .item .info p{line-height: 30px;color: #fff;}

.inx-06 .info-list .item .info h1{margin-top: 30px;opacity: .3;color: #fff;}

.inx-06 .coop-list .tit{align-items: center;}

.inx-06 .coop-list .tit h3{margin: 0 30px;font-weight: 600;}

.inx-06 .coop-list .tit em{width: 10vw;height: 3px;background-color: #01509b;display: block;}

.inx-06 .coop-list .list-box{align-items: center;}

.inx-06 .coop-list .list-box .item .ico-box{width: 100px;height: 100px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #fff;}

.inx-06 .coop-list .list-box .item .ico-box svg{width: 40px;height: 40px;}

.inx-06 .coop-list .list-box .item p{font-size: 1.1vw;margin-top: 10px;text-align: center;}

.inx-06 .coop-list .list-box > svg{transform: rotate(180deg);}

.inx-06 .info-list .item:hover .img-info .img-box::after{background-image: none;background-color: #01509b;}

.inx-06 .info-list .item:hover .info{bottom: 3%;}



.inx-07 .swiper{width: 100%;position: relative;padding: 0 80px;box-sizing: border-box;}

.inx-07 .swiper-slide{width: 50%;padding: 0 30px;box-sizing: border-box;}

.inx-07 .swiper-slide .box{padding:50px 30px;background-color: #f5f5f5;box-sizing: border-box;align-items: center;}

.inx-07 .swiper-slide .box .img-box{width: 150px;height: 150px;border-radius: 50%;margin-right: 20px;background-color: #fff;display: flex;align-items: center;justify-content: center;}

.inx-07 .swiper-slide .box .img-box img{width: 70%;}

.inx-07 .swiper-slide .box .info{width: calc(100% - 170px);}

.inx-07 .swiper-slide .box .info h5{font-weight: 600;margin-bottom: 15px;}

.inx-07 .swiper-slide .box .info p{line-height: 28px;}

.inx-07 .swiper .prv{width: 60px;height: 60px;background-color: #f5f5f5;border-radius: 50%;display: flex;align-items: center;justify-content: center;left: 0;position: absolute;top: 45%;transform: translateY(-50);}

.inx-07 .swiper .next{width: 60px;height: 60px;background-color: #f5f5f5;border-radius: 50%;display: flex;align-items: center;justify-content: center;right:  0;position: absolute;top: 45%;transform: translateY(-50);}

.inx-07 .swiper .next svg{transform: rotate(180deg);}



.inx-08{width: 100%;background-image: url(../images/bg4.jpg);background-size: cover;color: #fff;padding: 40px 0;}

.inx-08 .cont{align-items: center;}

.inx-08 .left p{width: 160px;font-size: 18px;line-height: 50px;text-align: center;background-color: #01509b;border-radius: 40px;}

.inx-08 .left h4{font-weight: 600;margin-top: 30px;}

.inx-08 .left h5{font-weight: 600;margin-top: 15px;}

.inx-08 .right{align-items: center;padding-right: 5%;box-sizing: border-box;}

.inx-08 .right .info{margin:0 10px;}

.inx-08 .right .info h4{font-weight: 600;margin-top: 5px;}

.inx-08 .right a{width: 160px;color: #000;background-color: #fff;border-radius: 50px;height: 60px;align-items: center;padding: 5px;box-sizing: border-box;margin-left: 40px;}

.inx-08 .right a p{margin-left: 15px;}

.inx-08 .right a .ico-box{width: 50px;height: 50px;border-radius: 50%;background-color: #01509b;display: flex;align-items: center;justify-content: center;}

.inx-09{background-color: #f5f5f5;}

.inx-09 .tab-list a{width: 160px;line-height: 56px;border-radius: 40px;text-align: center;margin: 0 1vw;font-size: 18px;border: 1px solid rgba(0,0,0,.1);}

.inx-09 .tab-list a.on,.inx-09 .tab-list a:hover{background-color: #01509b;color: #fff;}

.inx-09 .box{width: 100%;}

.inx-09 .show-1{width: 49%;background-color: #fff;}

.inx-09 .show-1 a{width: 100%;}

.inx-09 .show-1 a .img-box{width: 100%;height: 26vw;}

.inx-09 .show-1 a .info-box{margin-top: 30px;align-items: center;padding: 2vw;box-sizing: border-box;}

.inx-09 .show-1 a .info-box .time{text-align: center;}

.inx-09 .show-1 a .info-box .time h4{font-weight: 600;}

.inx-09 .show-1 a .info-box .info{width: 90%;}

.inx-09 .show-1 a .info-box .info h5{font-weight: 600;margin-bottom: 15px;}

.inx-09 .box .list{width: 49%;}

.inx-09 .box .list a{padding: 1.6vw;box-sizing: border-box;background-color: #ffff;align-items: center;margin-bottom: 20px;}

.inx-09 .box .list a:last-child{margin-bottom: 0;}

.inx-09 .box .list a .time{width: 13%;text-align: center;border-right: 1px solid rgba(0,0,0,.1);box-sizing: border-box;}

.inx-09 .box .list a .time h4{font-weight: 600;}

.inx-09 .box .list a .info{width: 85%;}

.inx-09 .box .list a .info h5{font-weight: 600;margin-bottom: 15px;}



.inx-10{width: 100%;}

.inx-10 .box{width: 100%;align-items: center;}

.inx-10 .box .img-box{width: 48%;border-radius: .5vw;overflow: hidden;}

.inx-10 .box .info{width: 48%;}

.inx-10 .box .info h4{font-weight: 600;}

.inx-10 .box .info h5{font-weight: 600;margin-top: 10px;margin-bottom: 30px;color: #01509b;}

.inx-10 .box .info p{margin-top: 20px;line-height: 30px;}

.inx-10 .box .info a{width: 160px;

    line-height: 50px;

    background-color: #01509b;

    border-radius: 25px;

    color: #fff;

    text-align: center;

    margin-top: 30px;}



footer{background-color: #01509b;color: #fff;background-image: url(../images/bg5.jpg);background-size: cover;}

footer .foot-nav{width: 70%;padding-top: 76px;}

footer a{color: #fff;}

footer .foot-nav dl dt a{font-weight: 600;font-size: 22px;margin-bottom: 30px;}

footer .foot-nav dl dd{margin-top: 10px;}

footer .foot-nav dl dd a{font-size: 16px;opacity: .7;}

footer .right{max-width: 25%;padding-left: 5%;box-sizing: border-box;padding-top: 76px;text-align: right;}

footer .right h5{font-family: ShiYuanHei-Blod;}

footer .right h3{font-size: 1.8vw;font-weight: 600;margin-top: 30px;}

footer .right h4{font-size: 16px;margin-top: 0px;opacity: .5;}

footer .right h3,footer .right h4{font-family: numType;}

footer .right img{width: 150px;height: auto;margin-top: 20px;margin-left: auto;}

footer .oth-fot{margin-top: 5vw;padding-bottom: 40px;}

footer .oth-fot .cont{align-items: center;}

footer .oth-fot .left{align-items: center;}

footer .oth-fot a img{height: 70px;}

footer .oth-fot .yx-link{height: 50px;padding: 0 40px;border:1px solid rgba(255,255,255,.5);margin-right: auto;align-items: center;}

footer .oth-fot .yx-link p{margin-left: 15px;}

footer .oth-fot .right-info .link-txt a{margin-left: 15px;}

footer .oth-fot .right-info .link-txt a:first-child{margin-left: auto;}

footer .oth-fot .right-info .info-oth{opacity: .5;}

footer .oth-fot .right-info .info-oth p:first-child{margin-left: auto;}

footer .oth-fot .right-info .info-oth a{color: #fff;margin: 0 15px;}



.otn-ban{width: 100%;height: 24vw;overflow: hidden;position: relative;}

.otn-ban .txt{position: absolute;left: 50%;top: 50%;color: #fff;transform: translate(-50%,-50%);}

.otn-ban .txt h3{font-family: ShiYuanHei-Blod;}



.ab-01{width: 100%;}

.ab-01 .left{width: 50%;}

.ab-01 .left h3{position: relative;font-weight: 600;}

.ab-01 .left h3::after{position: absolute;content: '';left: 0;bottom: 0;width: 9vw;height: 1vw;background-color: #01509b;z-index: -1;}

.ab-01 .left h4{color: #01509b;margin-top: .5vw;}

.ab-01 .left .info{margin-top: 2.5vw;}

.ab-01 .left .info p{line-height: 2vw;color: #7b7b7b;margin-bottom: .8vw;text-align: justify;}

.ab-01 .left .num-list{width: 100%;margin-top: 2vw;background-color: #f5f5f5;padding: 1.5vw;box-sizing: border-box;border-radius: .5vw;}

.ab-01 .left .num-list .item{width: 33.33%;justify-content: center;border-right: 1px solid rgba(0,0,0,.3);box-sizing: border-box;}

.ab-01 .left .num-list .item:last-child{border: none;}

.ab-01 .left .num-list .item h2{font-family: AlibabaFangYuanTi-thin;font-weight: bold;color: #01509b;font-size: 2.8vw;}

.ab-01 .left .num-list .item h4{margin-left: 1vw;font-size: 1.2vw;}

.ab-01 .right{width: 45%;background-color: #fff;padding: .5vw;box-sizing: border-box;box-shadow: 1px 2px 5px 5px rgba(0,0,0,.1);}

.ab-01 .right video{width: 100%;border-radius: .5vw;}



.ab-02{background-color: #f5f5f5;position: relative;}

.ab-02 .left{width: 60%;position: relative;z-index: 2;}

.ab-02 .left h2{font-size: 4vw;font-family: AlibabaFangYuanTi;font-weight: 600;color: #01509b;opacity: .2;}

.ab-02 .left video{width: 100%;margin-top: 2vw;border-radius: .5vw;}

.ab-02 .right{width: 50%;right: 0;position: absolute;top: 0;height: 100%;}

.ab-02 .right .box{width: 100%;padding: 5vw 10vw 0vw 10vw;background-color: #01509b;box-sizing: border-box;height: 80%;color: #fff;}

.ab-02 .right .box h3{position: relative;padding-left: 20px;}

.ab-02 .right .box h3::before{position: absolute;content: '';left: 0;top: 50%;transform: translateY(-50%);z-index: 1;width: 8px;height: 50%;background-color: #fff;}

.ab-02 .right .box p{margin-top: 2vw;line-height: 2vw;text-align: justify;opacity: .6;}



.ab-03 .list-info{width: 100%;margin-top: 3vw;}

.ab-03 .list-info .item{width: 24%;box-shadow: 2px 5px 5px rgba(0,0,0,.1);z-index: 1;border-radius: .6vw;padding: 3vw;box-sizing: border-box;background-image: linear-gradient(to bottom,rgba(0,0,0,0.05),#fff);text-align: center;}

.ab-03 .list-info .item .ico-box{width: 5vw;height: 5vw;border: 1px solid rgba(0,0,0,.4);border-radius: 50%;margin: 0 auto;display: flex;align-items: center;justify-content: center;}

.ab-03 .list-info .item .ico-box .box{width: 90%;height: 90%;border-radius: 50%;background-color: #d8d7d7;display: flex;align-items: center;justify-content: center;}

.ab-03 .list-info .item .ico-box .box svg{width: 60%;height: 60%;}

.ab-03 .list-info .item h4{margin-top: 2vw;}

.ab-03 .list-info .item em{width: 3vw;height: 1px;margin: 0 auto;margin-top: 1vw;margin-bottom: 1vw;background-color: #000;display: block;}

.ab-03 .list-info .item p{line-height: 2vw;opacity: .6;}



.ab-04{width: 100%;background-color: #f5f5f5;}

.ab-04 .swiper{width: 100%;margin-top: 3vw;position: relative;}

.ab-04 .swiper .swiper-slide{width: 24%;margin-right: 1%;}

.ab-04 .swiper .swiper-slide .img-box{width: 100%;background-color: #fff;display: flex;align-items: center;height: 26vw;border-radius: .5vw;overflow: hidden;justify-content: center;}

.ab-04 .swiper .swiper-slide .img-box img{width: 90%;}

.ab-04 .swiper .btn-tab{position: absolute;width: 4vw;height: 4vw;left: 2%;top: 50%;transform: translateY(-50%);z-index: 1;background-color: rgba(0,0,0,.4);border-radius: 50%;display: flex;align-items: center;justify-content: center;}

.ab-04 .swiper .btn-tab.next{left: auto;right: 2%;}

.ab-04 .swiper .btn-tab.next svg{transform: rotate(180deg);}



.ab-05 .swiper{width: 100%;margin-top: 3vw;position: relative;}

.ab-05 .swiper .swiper-slide{width: 24%;margin-right: 1%;}

.ab-05 .swiper .swiper-slide .img-box{width: 100%;background-color: #fff;display: flex;align-items: center;height: 15vw;border-radius: .5vw;overflow: hidden;justify-content: center;}

.ab-05 .swiper .btn-tab{position: absolute;width: 4vw;height: 4vw;left: 2%;top: 50%;transform: translateY(-50%);z-index: 1;background-color: rgba(0,0,0,.4);border-radius: 50%;display: flex;align-items: center;justify-content: center;}

.ab-05 .swiper .btn-tab.next{left: auto;right: 2%;}

.ab-05 .swiper .btn-tab.next svg{transform: rotate(180deg);}



.yz-01{background-color: #fff;}



.yz-01 .left{width: 45%;}



.yz-01  h3{margin-bottom: 2vw;}



.yz-01  h4{font-size: 1.3vw;font-weight: 600;color: #034ea2;margin-top: 1.5vw;}



.yz-01  p{margin-top: .5vw;font-size: 18px;line-height: 30px;}

.yz-01 img{width: 100%;}



.yz-01 .img-box{width: 45%;}







.yz-02{background-color: #f5f5f5;}



.yz-02 .left{width: 50%;}



.yz-02 .left img{max-width: 100%;margin-top: .5vw;width: 75%;}



.yz-02 .box:nth-child(2){margin-top: 5vw;width: 100%;}



.yz-02 .box .item{width: 58%;}



.yz-02 .box .item{background-color: #fff;border-radius: 15px;padding: 3vw;box-sizing: border-box;}



.yz-02 .box .item h4{margin-top: 0;}



.yz-02 .box .item img{width: 70%;}



.yz-02 .box .info-list{width: 40%;}



.yz-02 .box .info-list .item{width: 100%;}



.yz-02 .box .info-list .item:last-child{margin-top: 2vw;}







.yz-03{background-color: #fff;}



.yz-03 .info-all{width: 100%;margin-top: 2vw;}



.yz-03 .info-all .info{width: 48%;}



.yz-04 .box .item{width: 48%;}

.content-pro img{max-width: 100%;margin-top: 2vw;}

.pro-01 .pro-tab{width: 100%;}

.pro-01 .pro-tab a{padding: .6vw 1.5vw;box-sizing: border-box;border-radius: 40px;border:1px solid rgba(0,0,0,.3);position: relative;font-size: 1vw;}

.pro-01 .pro-tab a.on,.pro-01 .pro-tab a:hover{background-color: #01509b;color: #fff;border-color: #01509b;}

.pro-01 .list-box{width: 100%;margin-top: 2vw;margin-bottom: 50px;}

.pro-01 .list-box .item-box{width: 20%;padding: 0 .5vw;box-sizing: border-box;margin-top: 30px;}

.pro-01 .list-box .item-box a{border-radius: .5vw;border:1px solid rgba(0,0,0,.05);overflow: hidden;transition: all .6s;box-shadow: 2px 5px 5px rgba(0,0,0,.1);position: relative;}

.pro-01 .list-box .item-box a .img-box{width: 100%;height: 15vw;overflow: hidden;display: flex;align-items: center;justify-content: center;background-color: #fff;}

.pro-01 .list-box .item-box a img{height: 70%;transition: all .6s;}

.pro-01 .list-box .item-box a .info-box{padding: 1.2vw;box-sizing: border-box;background-color: #f5f5f5;transition: all .6s;}

.pro-01 .list-box .item-box a .info-box p:last-child{color: #000;opacity: 1;line-height: 1.6vw;height: 3vw;}

.pro-01 .list-box .item-box:last-child{margin-right: auto;}

.pro-01 .list-box .item-box:hover a{background-color: #fff;box-shadow: 2px 5px 10px rgba(0,0,0,.1);transform: translateY(-5%);}

.pro-01 .list-box .item-box:hover a .info-box{background-color: #01509b;color: #fff;}

.pro-01 .list-box .item-box:hover a img{transform: scale(1.2);}

.pro-01 .list-box .item-box:hover a .info-box p:last-child{color: #fff;}

.pro-01 .list-box .item-box a .top-info{position: absolute;width: max-content;align-items: center;left: .4vw;top: .4vw;z-index: 2;}

.pro-01 .list-box .item-box a .top-info img{height: 30px;}

.pro-01 .list-box .item-box a .top-info em{margin: 0 10px;}

.pro-01 .list-box .item-box a .top-info p{font-size: .8vw;font-weight: 600;}



.productInfo{width: 100%;background-color: #fff;}

.productInfo .left{width: 33%;}

.productInfo .left .img-box{width: 100%;border: 1px solid rgba(0,0,0,.1);border-radius: .5vw;box-sizing: border-box;}

.productInfo .left .info{width: 100%;padding: 1.5vw;background-color: #f5f5f5;box-sizing: border-box;border-radius: .5vw;margin-top: 1vw;}

.productInfo .left .info h4{font-size: 1.6vw;color: #01509b;padding-bottom: 1vw;border-bottom: 1px solid rgba(0,0,0,.1);}

.productInfo .left .info h5{margin-top: 1vw;}

.productInfo .left .info p{margin-top: .6vw;}

.productInfo .left a{width: 100%;padding: 1.2vw 0;background-color: #01509b;border-radius: .3vw;color: #fff;text-align: center;margin-top: 1vw;}

.productInfo .right{width:65%;background-color: #f5f5f5;padding: 2vw;box-sizing: border-box;}

.productInfo .right h4{font-size: 1.5vw;padding-left: 20px;position: relative;}

.productInfo .right h4::after{position: absolute;left: 0;top: 20%;width: 4px;height: 60%;background-color: #01509b;content: '';}

.productInfo .right .info{margin-top: 1vw;padding-top: 1vw;border-top: 1px solid rgba(0,0,0,.1);}

.productInfo .right .info img{max-width: 100%!important;}



.pro-list .tab-box{align-items: center;width: 100%;}

.pro-list .tab-box h3{font-weight: 600;}

.pro-list .tab-box h3 i{font-weight: 600;color: #01509b;}

.pro-list .tab-box .tab-list{width: max-content;}

.pro-list .tab-box .tab-list a{padding: .5vw 1.5vw;border: 1px solid #000;border-radius: 40px;margin-left: 2vw;transition: all .4s;font-size: 1vw;}

.pro-list .tab-box .tab-list a.on{background-color: #01509b;color: #fff;border-color: #01509b;}



.newsList .inner{margin-top: 60px;}

.newsList .inner a{padding: 50px 0;box-sizing: border-box;border-top: 1px solid rgba(148, 48, 48, 0.1);position: relative;}

.newsList .inner a::after{width: 0%;height: 2px;background-color: #01509b;left: 0;bottom: 0;content: "";z-index: 1;position: absolute;transition: all .6s;}

.newsList .inner a:first-child{padding-top: 0;border: none;}

.newsList .inner a .left{width: 64%;}

.newsList .inner a .left .info{width: 100%;}

.newsList .inner a .left .info h4{transition: all .6s;font-weight: 600;font-size: 1.8vw;}

.newsList .inner a .left .info p{font-size: 1vw;line-height: 1.8vw;margin-top: 15px;color: #7b7b7b;}

.newsList .inner a .left .time{align-items: center;}

.newsList .inner a .left h5{opacity: .8;letter-spacing: 1px;font-size: 22px;line-height: 1;text-transform: uppercase;font-weight: bold;font-family: 'Rousseau';transition: all .6s;}

.newsList .inner a .left img{height: 24px;width: auto;}

.newsList .inner a .img-box{width: 32%;height: 15vw;overflow: hidden;}

.newsList .inner a:hover .info h4{color: #01509b;}

.newsList .inner a:hover .left h5{color: #01509b;}

.newsList .inner a:hover::after{width: 100%;}











.web10{padding-bottom: 60px;background-color: #ffff;}

.web10-box{width: 100%;background-color: #f5f5f5;padding:50px 30px;box-sizing: border-box;}

.news-dail-top{padding-bottom: 40px;border-bottom: 1px solid rgba(0,0,0,.1);}

.news-dail{background-color:#fafafa;}

.news-dail-tit h4{font-weight: 600;}

.news-dail-tit>p{color: #7b7b7b;}

.news-dail-tit>p:nth-child(2){margin-top: 30px;}

.news-dail-back{align-items: center;}

.news-dail-back>a{opacity: .6;padding-top: 30px;box-sizing: border-box;}

.news-dail-back>a svg{width:26px;height: 26px;margin-right: 5px;}

.web10-info{width: 75%;padding: 50px;box-sizing: border-box;padding-left: 0;border-right: 1px solid #f3f3f3;}

.web10-tj{width: 25%;padding: 50px;box-sizing: border-box;padding-right: 0;padding-top: 30px;}

.web10-tj .img_box{height: 220px;}

.web10-tj p{margin-top: 20px;}

.web10-tj li{padding-bottom: 20px;margin-top: 20px;border-bottom: 1px solid #f3f3f3;}

.news-dail-tap{width:100%;margin-top: 60px;color: #7b7b7b;padding: 20px 0;border-top: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;}



.oth-banner{width: 100%;height: 500px;position: relative;}

.oth-banner .img-box{width: 100%;height: 100%;}

.oth-banner::after{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);z-index: 1;content: '';left: 0;top: 0;}

.oth-banner h3{color: #fff;font-family: ShiYuanHei-Blod;position: absolute;left: 50%;top: 55%;transform: translate(-50%,-50%);z-index: 2;}

.mbx{width: 100%;padding:20px 0;background-color: #f5f5f5;}

.mbx p{margin-bottom: 0;display: flex;align-items: center;}

.mbx p a{display: inline-block;color: #000;}



.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 h5{font-size: 22px;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;}

.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: #01509b;border: none;color: #fff;font-size: 18px;font-family: "OPPOSans";margin-right: auto;margin-left: 40px;cursor: pointer;}



.coop-02{width: 100%;background-color: #f5f5f5;}

.coop-02 .img-box{width: 19.5%;height: 10vw;display: flex;align-items: center;justify-content: center;background-color: #fff;overflow: hidden;margin-bottom: 10px;}

.coop-02 .img-box img{width: 60%;}

.coop-03 h3{font-weight: 600;margin-bottom: 15px;}

.coop-03 .swiper{width: 100%;position: relative;padding: 0 80px;box-sizing: border-box;}

.coop-03 .swiper-slide{width: 50%;padding: 0 30px;box-sizing: border-box;}

.coop-03 .swiper-slide .box{padding:50px 30px;background-color: #f5f5f5;box-sizing: border-box;align-items: center;}

.coop-03 .swiper-slide .box .img-box{width: 150px;height: 150px;border-radius: 50%;margin-right: 20px;background-color: #fff;display: flex;align-items: center;justify-content: center;}

.coop-03 .swiper-slide .box .img-box img{width: 70%;}

.coop-03 .swiper-slide .box .info{width: calc(100% - 170px);}

.coop-03 .swiper-slide .box .info h5{font-weight: 600;margin-bottom: 15px;}

.coop-03 .swiper-slide .box .info p{line-height: 28px;}

.coop-03 .swiper .prv{width: 60px;height: 60px;background-color: #f5f5f5;border-radius: 50%;display: flex;align-items: center;justify-content: center;left: 0;position: absolute;top: 45%;transform: translateY(-50);}

.coop-03 .swiper .next{width: 60px;height: 60px;background-color: #f5f5f5;border-radius: 50%;display: flex;align-items: center;justify-content: center;right:  0;position: absolute;top: 45%;transform: translateY(-50);}

.coop-03 .swiper .next svg{transform: rotate(180deg);}



.coop-04{background-color: #f5f5f5;}

.coop-04 h3{font-weight: 600;margin-bottom: 15px;}

.coop-04 .list-box{align-items: center;}

.coop-04 .list-box .item .ico-box{width: 100px;height: 100px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #fff;}

.coop-04 .list-box .item .ico-box svg{width: 40px;height: 40px;}

.coop-04 .list-box .item p{font-size: 20px;margin-top: 10px;text-align: center;}

.coop-04 .list-box > svg{transform: rotate(180deg);}



.coop-cat{width: 40%;}

.coop-cat h5{margin: 20px 0;}

.coop-cat a{padding: 20px 40px;background-color: #01509b;color: #fff;border-radius: 40px 40px 0 40px;width: max-content;margin-top: 30px;}

.coop-cat .box{margin-top: 40px;padding-top: 20px;border-top: 1px solid rgba(0,0,0,.3);}

.coop-cat .box h4{font-weight: 600;}

.coop-cat .box .item{display: flex;align-items: center;}

.coop-cat .box .item svg{width: 42px;height: 42px;margin-right: 10px;}



/* m端导航 */

.m-header{background-color: rgba(255,255,255,1);box-sizing: border-box;position: fixed;left: 0;top: 0px;z-index: 999999;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:80px;padding: 10px 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: #01509b;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: 99999;box-sizing: border-box;overflow: scroll;transition: all .4s ease-in-out;}

.m-nav-box.active{height: 100%;}

.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: 10px 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: #01509b;}