@charset "utf-8";
/* CSS Document */
.banner_pic{position: relative;}
.banner_pic figure{width: 100%;padding-bottom: 50.6%;}
.banner_pic .title{position: absolute;left: 8%;top: 0;right: 8%;bottom: 0;display: flex;align-items: center;}
.banner_pic .title h2{font-size: .34rem;font-weight: bold;}
.banner_pic .title ul{display: flex;margin-top: .25rem;}
.banner_pic .title li{margin-right: .1rem;background: #FFF;box-shadow: 0 0 .1rem rgba(208, 210, 251, .3);font-size: .15rem;padding: .07rem .15rem;border-radius: 1rem;font-weight: bold;}
.banner_pic .title p{font-size: .1rem;margin-top: .15rem;width: 58%;line-height: 1.6;}
.banner_pic .title .more{background-image: linear-gradient(120deg, #c377ff 0%, #757bff 100%);display: inline-block;margin-top: .3rem;font-weight: bold;border-radius: .1rem;}
.banner_pic .title .more a{padding: .1rem .15rem;display: block;color: #FFF;}
.banner_pic .title .more a:hover{text-decoration: none;}

.dyip{padding: 5% 8%;text-align: center;}
.dyip .title span{color: #F00;}
.dyip .title p{padding-top: .1rem;}
.dyip .pic{padding-top: .2rem;}
.dyip .pic img{width: 100%;}
.dyip .more{display: inline-block;background: #F00;margin-top: .2rem;border-radius: 1rem;font-size: .16rem;}
.dyip .more a{padding: .05rem .3rem;display: block;color: #FFF;}
.dyip .more a:hover{text-decoration: none;}

.derp{padding: 5% 8%;background: url(../images/pic2.jpg) no-repeat;background-size: cover;}
.derp .title{text-align: center;color: #FFF;}
.derp .title span{color: #F00;}
.derp .title p{padding-top: .1rem;}
.derp ul{display: flex;flex-wrap: wrap;margin-left: -1%;margin-top: .2rem;margin-bottom: -.1rem;}
.derp li{width: 49%;margin-left: 1%;background: rgba(255,255,255,.8);margin-bottom: .1rem;display: flex;align-items: center;box-sizing: border-box;padding: .1rem;border-radius: .05rem;border: 1px solid rgba(255,255,255,1);transition: all .3s;}
.derp li:hover{border: 1px solid #757bff;background: rgba(255,255,255,1);}
.derp li p{padding-left: .1rem;line-height: 1.6;}
.derp li p span{font-size: .13rem;font-weight: bold;color: #F00;}
.derp li i{width: .4rem;height: .4rem;text-align: center;line-height: .4rem;font-size: .2rem;background: #FFF;border-radius: .04rem;}
.derp li:nth-of-type(1) i{color: #000;}
.derp li:nth-of-type(2) i{color: #ff2e4d;}
.derp li:nth-of-type(3) i{color: #ff4e00;}
.derp li:nth-of-type(4) i{color: #31a3d6;}
.derp li:nth-of-type(5) i{color: #f8900e;}
.derp li:nth-of-type(6) i{color: #0187fd;}
.derp li:nth-of-type(7) i{color: #ff2d39;}
.derp li:nth-of-type(8) i{color: #145dfc;}

.dsanp{padding: 8% 15%;position: relative;}
.dsanp .title{text-align: center;color: #FFF;}
.dsanp .title p{padding-top: .1rem;font-size: .16rem;}
.dsanp ul{display: flex;align-items: center;margin-top: .5rem;justify-content: space-between;text-align: center;}
.dsanp li{background-image: linear-gradient(120deg, #01e9f5 0%, #0175cc 100%);width: .8rem;height: .8rem;box-sizing: border-box;display: flex;align-items: center;justify-content: center;border-radius: 100%;font-size: .14rem;color: #FFF;text-shadow: 0 2px 3px rgba(0,0,0,.3);box-shadow: 0 .05rem .1rem rgba(1,233,245,.8);}
.dsanp video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -2;object-fit: cover;}

.dsip{padding: 5% 8%;background: url(../images/pic4.jpg) no-repeat;background-size: cover;}
.dsip .title{text-align: center;color: #FFF;}
.dsip ul{display: flex;margin-left: -2%;margin-top: .2rem;text-align: center;}
.dsip li{width: 18%;margin-left: 2%;display: flex;align-items: center;flex-flow: column;background: rgba(255,255,255,.8);box-sizing: border-box;padding: .1rem;border-radius: .1rem;border: 1px solid rgba(255,255,255,1);}
.dsip li i{width: .4rem;height: .4rem;text-align: center;line-height: .4rem;font-size: .2rem;background-image: linear-gradient(120deg, #01e9f5 0%, #0175cc 100%);border-radius: 100%;display: flex;align-items: center;justify-content: center;color: #FFF;}
.dsip li h2{font-size: .13rem;margin-top: .1rem;}
.dsip li p{margin-top: .1rem;line-height: 1.6;}

.dwup{padding: 5% 8%;}
.dwup ul{display: flex;margin-left: -3%;}
.dwup li{width: 30.333%;margin-left: 3%;background: #FFF;box-shadow: 0 0 .1rem rgba(208, 210, 251, .3);box-sizing: border-box;padding: .3rem .1rem;text-align: center;border-radius: .1rem;}
.dwup li h2{font-size: .13rem;margin-top: .2rem;background-image: -webkit-gradient(linear,left 0, right 0, from(#004e97), to(#079dd2));color: transparent;-webkit-background-clip: text;}
.dwup li i{font-size: .3rem;background-image: -webkit-gradient(linear,left 0, right 0, from(#004e97), to(#079dd2));color: transparent;-webkit-background-clip: text;}

.dliup{padding: 5% 8%;background: rgb(245 245 254);}
.dliup ul{display: flex;margin-left: -3%;margin-bottom: -.1rem;}
.dliup li{width: 30.333%;margin-left: 3%;background: #FFF;box-shadow: 0 0 .1rem rgba(208, 210, 251, .3);box-sizing: border-box;padding: .3rem .1rem;text-align: center;border-radius: .1rem;}
.dliup li h2{font-size: .13rem;margin-top: .2rem;background-image: -webkit-gradient(linear,left 0, right 0, from(#004e97), to(#079dd2));color: transparent;-webkit-background-clip: text;}
.dliup li h3{font-size: .11rem;margin-top: .1rem;}
.dliup li i{font-size: .3rem;background-image: -webkit-gradient(linear,left 0, right 0, from(#004e97), to(#079dd2));color: transparent;-webkit-background-clip: text;}
.dliup li dl{margin-top: .2rem;color: #666;display: flex;flex-wrap: wrap;margin-left: -3%;margin-bottom: -3%;justify-content: center;}
.dliup li dd{width: 30.333%;border: 1px solid #CCC;margin-left: 3%;box-sizing: border-box;margin-bottom: 3%;font-size: .08rem;padding: .02rem;}

.dqip{padding: 5% 8%;}
.dqip ul{display: flex;margin-left: -3%;margin-bottom: -.1rem;}
.dqip li{width: 30.333%;margin-left: 3%;background: #FFF;box-shadow: 0 0 .1rem rgba(208, 210, 251, .3);box-sizing: border-box;padding: .3rem .1rem;text-align: center;border-radius: .1rem;}
.dqip li h2{font-size: .13rem;margin-top: .2rem;background-image: -webkit-gradient(linear,left 0, right 0, from(#004e97), to(#079dd2));color: transparent;-webkit-background-clip: text;}
.dqip li h3{font-size: .11rem;margin-top: .1rem;}
.dqip li i{font-size: .3rem;background-image: -webkit-gradient(linear,left 0, right 0, from(#004e97), to(#079dd2));color: transparent;-webkit-background-clip: text;}
.dqip li dl{margin-top: .2rem;color: #666;display: flex;flex-wrap: wrap;margin-left: -3%;margin-bottom: -3%;justify-content: center;}
.dqip li dd{width: 30.333%;border: 1px solid #CCC;margin-left: 3%;box-sizing: border-box;margin-bottom: 3%;font-size: .08rem;padding: .02rem;display: flex;align-items: center;justify-content: center;}

.dbap{padding: 5% 8%;}
.dbap .title{text-align: center;}
.dbap ul{display: flex;margin-left: -2%;margin-top: .2rem;flex-wrap: wrap;margin-bottom: -2%;}
.dbap li{width: 18%;margin-left: 2%;box-sizing: border-box;border: 1px solid #CCC;margin-bottom: 2%;}
.dbap li figure{padding-bottom: 200%;}

.djiup{padding: 5% 0 0 0;text-align: center;}
.djiup .title span{color: #F00;}
.djiup .title p{padding-top: .1rem;}
.djiup .pic{padding-top: .2rem;}
.djiup .pic img{width: 100%;}
.djiup .more{display: inline-block;background: #F00;margin-top: .2rem;border-radius: 1rem;font-size: .16rem;margin-bottom: 5%;}
.djiup .more a{padding: .05rem .3rem;display: block;color: #FFF;}
.djiup .more a:hover{text-decoration: none;}

.dship{padding: 5% 0;text-align: center;}
.dship .title span{color: #F00;}
.dship .title p{padding-top: .1rem;}
.dship .pic{padding-top: .2rem;}
.dship .pic img{width: 100%;}


.quanwang_dyip{padding: 5% 8%;}
.quanwang_dyip .title{text-align: center;}
.quanwang_dyip .title span{color: #F00;}
.quanwang_dyip .title p{padding-top: .1rem;}
.quanwang_dyip ul{display: flex;margin-left: -2%;margin-top: .2rem;}
.quanwang_dyip li{width: 31.333%;margin-left: 2%;box-shadow: 0 0 .1rem rgba(208, 210, 251, .3);box-sizing: border-box;border-radius: .1rem;transition: all .3s;position: relative;overflow: hidden;}
.quanwang_dyip li:hover{transform: translateY(-.1rem);}
.quanwang_dyip li h2{position: absolute;left: .2rem;top: .2rem;z-index: 1;width: 50%;bottom: .2rem;display: flex;align-items: center;font-size: .16rem;}
.quanwang_dyip li figure{padding-bottom: 60%;}

.quanwang_derp{padding: 5% 8%;text-align: center;}
.quanwang_derp .title{text-align: center;}
.quanwang_derp .title span{color: #F00;}
.quanwang_derp .title p{padding-top: .1rem;}
.quanwang_derp ul{display: flex;margin-left: -2%;margin-top: .2rem;flex-wrap: wrap;}
.quanwang_derp li{width: 23%;margin-left: 2%;box-shadow: 0 0 .1rem rgba(208, 210, 251, .3);box-sizing: border-box;border-radius: .1rem;transition: all .3s;position: relative;overflow: hidden;padding: .1rem;margin-bottom: 2%;background: #FFF;}
.quanwang_derp li:hover{transform: translateY(-.1rem);}
.quanwang_derp li i{font-size: .4rem;color: #F00;}
.quanwang_derp li h2{font-size: .16rem;border-bottom: 1px solid #EEE;padding: .1rem 0;}
.quanwang_derp li p{padding-top: .1rem;line-height: 1.6;color: #666;}

.quanwang_dsanp{padding: 5% 8%;text-align: center;background: url(../images/pic11.png) no-repeat;background-size: cover;}
.quanwang_dsanp .title{text-align: center;}
.quanwang_dsanp ul{display: flex;margin-left: -2%;margin-top: .2rem;flex-wrap: wrap;}
.quanwang_dsanp li{width: 18%;margin-left: 2%;transition: all .3s;position: relative;overflow: hidden;margin-bottom: 2%;background: #FFF;}
.quanwang_dsanp li img{width: 100%;}


.waimao_dyip{padding: 5% 8%;}
.waimao_dyip .title{text-align: center;}
.waimao_dyip .title span{color: #F00;}
.waimao_dyip .title p{padding-top: .1rem;}
.waimao_dyip ul{display: flex;margin-left: -2%;margin-top: .2rem;flex-wrap: wrap;}
.waimao_dyip li{width: 23%;margin-left: 2%;box-shadow: 0 0 .1rem rgba(208, 210, 251, .3);box-sizing: border-box;border-radius: .1rem;transition: all .3s;position: relative;overflow: hidden;margin-bottom: 2%;}
.waimao_dyip li:hover{transform: translateY(-.1rem);}
.waimao_dyip li h2{position: absolute;left: .2rem;top: .2rem;z-index: 1;width: 50%;bottom: .2rem;display: flex;align-items: center;font-size: .1rem;}
.waimao_dyip li figure{padding-bottom: 60%;}

.waimao_derp{padding: 5% 8%;background: url(../images/pic13.jpg) no-repeat;background-size: cover;color: #FFF;}
.waimao_derp .title{text-align: center;}
.waimao_derp .title span{color: #F00;}
.waimao_derp ul{display: flex;margin-top: .2rem;margin-left: -2%;}
.waimao_derp li{width: 23%;margin-left: 2%;background: rgba(0,0,0,.5);padding: .2rem;box-sizing: border-box;border-radius: .1rem;}
.waimao_derp li h2{font-size: .16rem;font-weight: bold;}
.waimao_derp li dl{padding-top: .1rem;}
.waimao_derp li dd{padding: .05rem 0;}

.waimao_dsanp{text-align: center;padding: 5% 8%;}
.waimao_dsanp .pic{padding-top: .2rem;}
.waimao_dsanp img{width: 100%;}

.waimao_dsip{padding: 5% 8%;background: rgb(245 245 254);}
.waimao_dsip .title{text-align: center;}
.waimao_dsip ul{display: flex;margin-left: -2%;margin-top: .2rem;}
.waimao_dsip li{width: 48%;margin-left: 2%;text-align: center;background: #FFF;}
.waimao_dsip li .pic{position: relative;}
.waimao_dsip li .pic p{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);padding: .2rem;display: flex;align-items: center;justify-content: center;color: #FFF;line-height: 2;font-size: .13rem;visibility: hidden;opacity: 0;transition: all .3s;}
.waimao_dsip li:hover .pic p{visibility: visible;opacity: 1;}
.waimao_dsip li figure{padding-bottom: 78%;}
.waimao_dsip li .txt{padding: .2rem;}
.waimao_dsip li .txt h2{font-size: .16rem;}
.waimao_dsip li .txt p{margin-top: .1rem;background: #F00;display: inline-block;color: #FFF;padding: .05rem .2rem;border-radius: 1rem;}
.waimao_dsip li a:hover{text-decoration: none;}

.shemei_derp{padding: 5% 8%;}
.shemei_derp .title{text-align: center;color: #FFF;}
.shemei_derp .title span{color: #F00;}
.shemei_derp .title p{padding-top: .1rem;}
.shemei_derp .box ul{display: flex;justify-content: space-between;margin-top: .2rem;flex-wrap: wrap;text-align: center;}
.shemei_derp .box li{background: #FFF;margin-bottom: 2%;border-radius: .1rem;box-sizing: border-box;padding: .1rem;width: 31.333%;}
.shemei_derp .box li h2{font-weight: bold;font-size: .13rem;}
.shemei_derp .box li p{padding-top: .05rem;color: #666;}


.shemei_dqip{padding: 5% 8%;}
.shemei_dqip .title{text-align: center;color: #FFF;}
.shemei_dqip .title span{color: #F00;}
.shemei_dqip .title p{padding-top: .1rem;}
.shemei_dqip .box{display: flex;align-items: center;justify-content: space-between;margin-top: .2rem;}
.shemei_dqip .box ul{width: 42%;}
.shemei_dqip .box ul:nth-of-type(1){text-align: right;}
.shemei_dqip .box li{background: #FFF;margin-bottom: .1rem;border-radius: .1rem;box-sizing: border-box;padding: .1rem;}
.shemei_dqip .box li h2{font-weight: bold;}
.shemei_dqip .box li p{padding-top: .05rem;color: #666;}
.shemei_dqip .box .pic{background: #FFF;border-radius: 100%;width: .8rem;height: .8rem;text-align: center;line-height: .8rem;box-shadow: 0 0 .1rem rgba(208, 210, 251, .5);}
.shemei_dqip .box .pic i{font-size: .5rem;}
.shemei_dqip .box .youtub i{color: #ff0000;}

.shemei_dsanp{padding: 5% 8%;}
.shemei_dsanp .title{text-align: center;}
.shemei_dsanp ul{display: flex;margin-left: -2%;flex-wrap: wrap;margin-top: .2rem;}
.shemei_dsanp li{width: 31.333%;margin-left: 2%;margin-bottom: 2%;box-sizing: border-box;border: 1px solid #DDD;}
.shemei_dsanp li figure{padding-bottom: 65%;}

.shemei_dsip{padding: 5% 8%;background: rgb(245 245 254);}
.shemei_dsip .title{text-align: center;}
.shemei_dsip ul{display: flex;justify-content: space-between;margin-top: .2rem;flex-wrap: wrap;}
.shemei_dsip li{width: 31.333%;text-align: center;}
.shemei_dsip li i{font-size: .4rem;color: #FFF;display: inline-block;padding: .2rem;border-radius: 1rem;}
.shemei_dsip li:nth-of-type(1) i{background: #3a559f;}
.shemei_dsip li:nth-of-type(2) i{background: #03a9f4;}
.shemei_dsip li:nth-of-type(3) i{background: #8928c4;}
.shemei_dsip li h2{font-size: .16rem;margin-top: .1rem;}
.shemei_dsip li .txt{line-height: 2;padding-top: .1rem;}

.shemei_dwup{padding: 5% 8%;}
.shemei_dwup .title{text-align: center;}
.shemei_dwup ul{display: flex;justify-content: space-between;margin-top: .2rem;flex-wrap: wrap;margin-bottom: -4%;}
.shemei_dwup li{width: 31.333%;text-align: center;margin-bottom: 4%;}
.shemei_dwup li i{font-size: .4rem;color: #FFF;display: inline-block;padding: .2rem;border-radius: 1rem;}
.shemei_dwup li:nth-of-type(1) i{background: #cd2900;}
.shemei_dwup li:nth-of-type(2) i{background: #8928c4;}
.shemei_dwup li:nth-of-type(3) i{background: #67d449;}
.shemei_dwup li:nth-of-type(4) i{background: #cc202d;}
.shemei_dwup li:nth-of-type(5) i{background: #3a559f;}
.shemei_dwup li:nth-of-type(6) i{background: #0e76a8;}
.shemei_dwup li h2{font-size: .16rem;margin-top: .1rem;}

.shemei_dliup{padding: 5% 8%;background: rgb(245 245 254);text-align: center;}
.shemei_dliup p{padding-top: .1rem;}
.shemei_dliup ul{display: flex;justify-content: space-between;margin-top: .2rem;flex-wrap: wrap;margin-bottom: -4%;}
.shemei_dliup li{width: 25%;text-align: center;margin-bottom: 4%;}
.shemei_dliup li i{font-size: .4rem;color: #FFF;display: inline-block;padding: .2rem;border-radius: 1rem;}
.shemei_dliup li:nth-of-type(1) i{background: #67d449;}
.shemei_dliup li:nth-of-type(2) i{background: #cc202d;}
.shemei_dliup li:nth-of-type(3) i{background: #3a559f;}
.shemei_dliup li:nth-of-type(4) i{background: #000;}
.shemei_dliup li h2{font-size: .16rem;margin-top: .1rem;}

.duanshipin_dyip{padding: 5% 8%;}
.duanshipin_dyip .title{text-align: center;}
.duanshipin_dyip .title span{color: #F00;}
.duanshipin_dyip .title p{padding-top: .1rem;}
.duanshipin_dyip ul{display: flex;margin-left: -2%;margin-top: .2rem;flex-wrap: wrap;}
.duanshipin_dyip li{width: 31.333%;margin-left: 2%;box-shadow: 0 0 .1rem rgba(208, 210, 251, .3);box-sizing: border-box;border-radius: .1rem;transition: all .3s;position: relative;overflow: hidden;margin-bottom: 2%;padding: .2rem;}
.duanshipin_dyip li:hover{transform: translateY(-.1rem);}
.duanshipin_dyip li h2{font-size: .13rem;padding-bottom: .1rem;}
.duanshipin_dyip li p{line-height: 1.6;font-size: .08rem;}

.duanshipin_derp{padding: 5% 8%;}
.duanshipin_derp .title{text-align: center;color: #FFF;}
.duanshipin_derp .title span{color: #F00;}
.duanshipin_derp .title p{padding-top: .1rem;}
.duanshipin_derp .txt{color: #FFF;text-align: center;margin-top: .1rem;line-height: 1.6;}
.duanshipin_derp ul{display: flex;flex-wrap: wrap;margin-left: -2%;margin-top: .2rem;}
.duanshipin_derp li{width: 48%;line-height: 1.6;background: #FFF;margin-left: 2%;box-sizing: border-box;padding: .2rem;text-align: center;border-radius: .1rem;}
.duanshipin_derp li h2{font-size: .16rem;padding-bottom: .1rem;}
.duanshipin_derp li p{padding: .05rem 0;}

.duanshipin_dsanp{padding: 5% 8%;color: #FFF;}
.duanshipin_dsanp .title{text-align: center;}
.duanshipin_dsanp ul{display: flex;margin-left: -2%;flex-wrap: wrap;margin-top: .2rem;}
.duanshipin_dsanp li{width: 31.333%;margin-left: 2%;margin-bottom: 2%;background: rgba(0,0,0,.3);box-sizing: border-box;padding: .2rem;border-radius: .1rem;position: relative;transition: all .3s;}
.duanshipin_dsanp li:hover{transform: translateY(-.05rem);}
.duanshipin_dsanp li h2{font-weight: bold;}
.duanshipin_dsanp li p{line-height: 1.6;padding-top: .1rem;}
.duanshipin_dsanp i{position: absolute;right: .1rem;top: 0;font-size: .5rem;opacity: .05;}

.duanshipin_dsip{padding: 5% 8%;}
.duanshipin_dsip .title{text-align: center;}
.duanshipin_dsip .txt{text-align: center;margin-top: .1rem;line-height: 1.6;}
.duanshipin_dsip ul{display: flex;flex-wrap: wrap;margin-left: -2%;margin-top: .2rem;}
.duanshipin_dsip li{width: 48%;line-height: 1.6;background: rgb(245 245 254);margin-left: 2%;box-sizing: border-box;text-align: center;border-radius: .1rem;overflow: hidden;}
.duanshipin_dsip li .txter{padding: .2rem;}
.duanshipin_dsip li figure{padding-bottom: 70%;}
.duanshipin_dsip li h2{font-size: .16rem;padding-bottom: .1rem;}
.duanshipin_dsip li p{padding: .05rem 0;}

.duanshipin_dwup{padding: 5% 8%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.duanshipin_dwup .pic{width: 60%;}
.duanshipin_dwup .pic img{width: 100%;}
.duanshipin_dwup .right{width: 35%;}
.duanshipin_dwup .right li{padding-bottom: .2rem;}
.duanshipin_dwup .right li h2{font-size: .16rem;}
.duanshipin_dwup .right li h2 span{color: #F00;}
.duanshipin_dwup .right li p{padding-top: .1rem;}