@charset "utf-8"; .linemore{position: relative;display: block;height: .35rem;width: 1.1rem;font-size: .14rem} .linemore:after{content: '';background: linear-gradient(45deg,#0082e6 0%,#00c09c 100%);position: absolute;left: 0;top: 0;bottom: 0;z-index: 0;width:0;transition: .3s;display: block;} .linemore:hover:after{width: 100%} .linemore:hover{color: #fff} .linemore:hover span{background: transparent;} .linemore span{display: flex;justify-content: space-between;position: relative;z-index: 4;line-height: .35rem;padding: 0 .1rem;width: 100%;height: 100%;background: #fff} .linemore span:after{content: "\e676";font-family: "swiper-icons" !important;font-size: .12rem} .linemorep:hover .linemore:after{width: 100%} .linemorep:hover .linemore{color: #fff} .linemorep:hover .linemore span{background: transparent;} .slide-banner a{display: block;position: relative;;} .slide-banner video{width: 100%;display: block;} .slide-banner .txt{position: absolute;top:40%;z-index: 10;left: 50%;transform: translatex(-50%);color:#fff;text-shadow: 0 0 5px rgba(0,0,0,.4)} .slide-banner .txt h4{font-size: .7rem;font-weight: normal;margin-bottom: .1rem} .slide-banner .txt span{display: block;line-height: 1.2em} .banner .slide-banner a{display: block;;position: relative;overflow: hidden;} .banner .slide-banner .swiper-slide-active a img{transform: scale(1)} .banner .slide-banner a img{transform: scale(1.1);transition: 5s} .banner .slide-banner a:after{position: absolute;content: '';left: 0;bottom: 0;right: 0;z-index: 1;height: 30%; background: url(/uploads/image/ximages/bamask.png) no-repeat bottom center;background-size: 101% 101%} .slide-banner .swiper-pagination{bottom: 1.2rem} .banner .swiper-pagination-bullets .swiper-pagination-bullet {width: 6px;height: 6px;opacity:1;transition: .3s;margin: 0 .08rem!important;vertical-align: middle;} .banner .swiper-pagination-bullets .swiper-pagination-bullet-active {width: 12px;height: 12px} .topnews{background: rgba(0,79,161,.85);margin-top: -.9rem;position: relative;z-index: 5} .topnews h4{padding-left: .65rem;position: relative;height: .9rem;font-weight: normal;} .topnews h4 a{position: relative;top:50%;transform: translatey(-50%);color: #fff;font-size: .28rem;line-height: 1.4em} .topnews h4:before{content:url(/uploads/image/ximages/tt.svg);display: inline-block;width: .48rem;height: .44rem;position: absolute;left: 0;top: 58%;transform: translatey(-50%);} .intit{margin-bottom: .5rem} .intit h3{font-size: .42rem;font-weight: normal;line-height: 1em} .intit h3:after{height: 4px;width:.75rem;background: linear-gradient(45deg,#0082e6 0%,#00c09c 100%);display: block;margin: 0 auto;content: '';margin-top: .16rem} .homea{background: url(/uploads/image/ximages/habg.jpg) no-repeat bottom center;background-size: cover;padding: .55rem 0 .65rem} .homea .slide-news{width: 66%;margin: 0} .homea .slide-news .pic{min-height:5.1rem;height: 100%} .homea .slide-news a{color: #fff} .homea .slide-news .swiper-pagination{width: auto;left: auto;right: .2rem;bottom: .2rem} .homea .slide-news .swiper-pagination-bullet{width: 6px;height: 6px;opacity:1;transition: .3s;margin: 0 .08rem!important;vertical-align: middle;} .homea .slide-news .swiper-pagination-bullet-active{width: 12px;height: 12px} .homea .slide-news .item p{position: absolute;left: 0;bottom: 0;right: 0;line-height: .6rem;background:url(/uploads/image/ximages/ha1bg.png) no-repeat center;background-size: 101% 101%; color: #fff;padding: 0 1rem 0 .2rem;font-size: .2rem} .homea .txt-news{width: 32%;background: rgba(255,255,255,.9);transition: .3s} .homea .txt-news:hover{box-shadow: 0 5px 10px rgba(0,0,0,.3);background: #fff} .homea .txt-news dt{height: .6rem;line-height: .6rem;color: #fff;padding: 0 .2rem} .homea .txt-news dt span{font-size: .2rem} .homea .txt-news dt a{color: #fff;} .homea .txt-news dd{padding:0 .2rem } .homea .txt-news dd ul li:first-child{padding-top: 0;border-top: 0} .homea .txt-news dd ul li{line-height: .6rem;border-top: 1px dashed #ccc;position: relative;padding-right: .65rem} .homea .txt-news dd ul li a:hover{font-weight: bold;} .homea .txt-news dd ul li time{position: absolute;top: 0;right: 0;color: #666} .homea .ha-a{margin-bottom: .3rem} .homea .ha-b dl{width: 32%;background: rgba(255,255,255,.9);padding: .26rem .2rem .3rem;position: relative;} .homea .ha-b dl:before{content: '';position: absolute;height: 4px;width: 0;left: 0;top:0;z-index: 2;background: linear-gradient(45deg,#0082e6 0%,#00c09c 100%);transition: .3s;opacity: 0} .homea .ha-b dl:hover:before{width: 100%;opacity: 1} .homea .ha-b dl dt a{color: #004fa1} .homea .ha-b dl dd{margin-top: .15rem} .homea .ha-b dl dd h4{font-size: .2rem;padding-right: .65rem;position: relative;font-weight: normal;margin-bottom: .25rem} .homea .ha-b dl dd h4 a{max-height: .56rem;display: block\0;} .homea .ha-b dl dd h4 a:hover{font-weight: bold;} .homea .ha-b dl dd h4 time{position: absolute;top: 0;right: 0;color: #666;font-size: .16rem} .homea .ha-b dl dd p{color: #666;font-size: .14rem;line-height: 1.6em;margin-bottom: .25rem;max-height: .44rem;} .homea .ha-b dl:hover{box-shadow: 0 5px 10px rgba(0,0,0,.3);background: #fff} .homea .ha-b dl:hover h4 a{font-weight: bold;color: #004fa1} @media screen and (max-width: 1180px){ .slide-banner .txt{top: 35%} .slide-banner .txt h4{font-size: .6rem} .slide-banner .swiper-pagination{bottom: .9rem} .topnews{margin-top: -.7rem} .topnews h4{height: .7rem} .topnews h4 a{font-size: .24rem;} } @media screen and (max-width: 800px){ .slide-banner .txt{top: 30%} .slide-banner .txt h4{font-size: .5rem} .slide-banner .swiper-pagination{bottom: .3rem} .topnews{margin-top: 0;background: rgba(0,79,161,1);} .topnews h4 a{font-size: .22rem;} .homea .slide-news{width: 100%;margin-bottom: .25rem} .homea .slide-news .pic{height: 50vw;min-height: inherit;} .homea .ha-a{margin-bottom: .35rem} .homea .txt-news{width: 100%} .homea .ha-b dl{width: 48.5%} .homea .ha-b dl:nth-child(3){width: 100%;margin-top: .25rem} } @media screen and (max-width: 640px){ .intit{margin-bottom: .4rem} .intit h3{font-size: .34rem} .slide-banner .txt h4{font-size: 6vw} .slide-banner .txt p{font-size: 3vw} .slide-banner .swiper-pagination{bottom: .15rem} .topnews h4{height: .5rem;padding-left: .55rem} .topnews h4 a{font-size: .18rem;} .topnews h4:before{width: .4rem;height: .37rem;} .homea{padding: .45rem 0 .55rem} .homea .ha-b dl{width: 100%} .homea .ha-b dl:nth-child(2){margin-top: .25rem} .homea .slide-news .item p{font-size: .18rem} .homea .slide-news .swiper-pagination-bullet-active{width: 10px;height: 10px} } .homeb{} .homeb .item{transition: .5s;position: relative;overflow: hidden;} .homeb .aleft{width: 50%;height: 8rem;background: url(/uploads/image/ximages/hb1.jpg) no-repeat center;background-size: cover;position: relative;} .homeb .aright{width: 50%;background: url(/uploads/image/ximages/hb3.jpg) no-repeat center;background-size: cover;position: relative;} .homeb .defalut{position: absolute;left: 5%;right: 5%; bottom: .9rem;z-index: 6;text-align: center;color: #fff;text-shadow: 0 0 5px rgba(0,0,0,.4)} .homeb .defalut h4{font-size: .42rem;font-weight: normal;} .homeb .defalut span{font-size: .14rem;} .homeb .defalut span:after{height: 3px;width:.75rem;background: linear-gradient(45deg,#0082e6 0%,#00c09c 100%);display: block;margin: 0 auto;content: '';margin-top: .16rem} .homeb .item.show{width: 83%} .homeb .item.show .slidecon{opacity: 1;visibility: inherit;transition: linear .4s .5s} .homeb .item.hide{width: 17%} .homeb .item.hide .slidecon{opacity: 0;visibility: hidden;} .homeb .item.show .defalut{opacity: 0;visibility: hidden;z-index: -1} .homeb .slidecon{background: rgba(0,0,0,0);left: 0;position: absolute;bottom:0;z-index: 6;right: 0; opacity: 0;visibility: hidden;} .slicetxt{width:100%;background: rgba(0,79,161,1);color: #fff;padding: .3rem 3% .3rem 0 } .slicetxt .swiper-slide .t{width:75% /*calc(100% - 1.5rem)*/} .slicetxt .swiper-slide .more{width: 1.5rem} .slicetxt .swiper-slide{height: inherit;} .slicetxt .swiper-slide h4{font-size: .24rem;font-weight: normal;position: relative;padding-right: .3rem} .slicetxt .swiper-slide h4:after{height: .45rem;width:3px;background: linear-gradient(45deg,#0082e6 0%,#00c09c 100%); display: block;content: '';position: absolute;top:50%;transform: translatey(-50%);right: 0} .slicetxt .swiper-slide .desc{line-height: 1.8em;width:70%;padding-left: .3rem} .slicetxt .swiper-slide .more{position: relative;color: #fff;display: block;height: .35rem;width: 1.1rem} .slicetxt .swiper-slide .more:after{content: '';background: linear-gradient(45deg,#0082e6 0%,#00c09c 100%);position: absolute;left: 0;top: 0;bottom: 0;z-index: 0;width: 0;transition: .3s;display: block;} .slicetxt .swiper-slide .more:hover:after{width: 100%} .slicetxt .swiper-slide .more:hover{color: #fff} .slicetxt .swiper-slide .more:hover span{border: 1px solid transparent} .slicetxt .swiper-slide .more span{display: flex;justify-content: space-between;width: 1.1rem;position: relative;z-index: 4;border: 1px solid #ddd;line-height: .33rem;padding: 0 .1rem;width: 100%;height: 100%} .slicetxt .swiper-slide .more span:after{content: "\e676";font-family: "swiper-icons" !important;font-size: .12rem} .slideico{position: relative;padding-right: 3%;width: 100%} .homeb .aright .slideico{position: relative;padding-left: 3%;padding-right: 0} .homeb .aright .slicetxt{padding-right: 0;padding-left: 3%} /*.homeb .aright .slicetxt .swiper-slide h4{width: 2.3rem} .homeb .aright .slicetxt .swiper-slide .desc{width:calc(100% - 2.3rem);}*/ .hdg-s{width: 1220px;margin: 0} .slideico .ssbtn{display: none} .slideico .ssbtn a{position: absolute;top:50%;transform: translatey(-50%);color: #fff;font-size: .18rem} .slideico .ssbtn a:hover{color: #00d999} .slideico .ssbtn .prev{left: 0} .slideico .ssbtn .next{right: 0} .slideico .swiper-slide{cursor: pointer;height: .95rem} .slideico .swiper-slide .tit{padding:.1rem 0 .1rem .2rem;color: #fff;width: 100%} .slideico .swiper-slide .tit h4{font-size: .2rem;font-weight: normal;} .slideico .swiper-slide .tit span{opacity: .4;font-size: .12rem} .slideico .swiper-slide .ico{padding: .1rem .1rem 0 0;position: absolute;right: 0;top: .1rem;z-index: 0;pointer-events: none} .slideico .swiper-slide:after{} .slideico .swiper-slide-thumb-active:after {content: '';background: #004fa1;position: absolute;left: 0;top: 0;bottom: 0;z-index: 0;width: 0;transition: .5s;display: block;width: 100%} .slideico .swiper-slide-thumb-active .swiper-slide .flex{border-left-color: transparent} .slideico .swiper-slide .flex{border-left: 1px solid rgba(255,255,255,.6);position: relative;z-index: 3;height: 100%; ;position: relative;} .slideico .swiper-slide-thumb-active .flex{border: 1px solid transparent;background: transparent} .slideico .sico svg{height: .6rem;width: .9rem\0;display: block;margin: 0 auto} .homeb .aright .slideico .sico svg{height: .6rem;width: .9rem\0;display: block;margin: 0 auto} .slideico .cls-1,.cls-2,.cls-3{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:3px;} @media screen and (max-width: 1680px){ .hdg-s{width: 1220px;margin: 0} } @media screen and (max-width: 1600px){ .hdg-s{width: 1120px;margin: 0} } @media screen and (max-width: 1440px){ .hdg-s{width: 1020px;margin: 0} } @media screen and (max-width: 1280px){ .hdg-s{width: 920px;margin: 0} } @media screen and (max-width: 1200px){ .hdg-s{width: 720px;margin: 0} } @media screen and (max-width: 980px){ .hdg-s{width: 600px;margin: 0} .slideico .swiper-slide .ico{padding: .1rem .1rem 0 0;} .slideico .swiper-slide .tit{padding:.1rem 0 .1rem .15rem;width: calc(100% - 1.2rem)} .homeb .defalut h4{font-size: .36rem} } @media screen and (max-width:767px){ .hdg-s{width: 500px;margin: 0} } @media screen and (max-width:640px){ .hdg-s{width: 300px;margin: 0} .homeb .defalut{width: 90%;left: 5%;transform: none;text-align: center;bottom: .3rem;} .homeb .hide .defalut{width: 80%;left: 10%;transform: none;text-align: center;} /* .homeb .aleft{height: 6rem} */ .homeb .aleft{height: 3rem} .slicetxt .swiper-slide p{line-height: 1.8em} .homeb .defalut h4{font-size: .32rem;line-height: 1.2em} .slideico .swiper-slide .tit h4{font-size: .18rem} .slicetxt .swiper-slide .t{width: 100%} .slicetxt .swiper-slide .desc{width: 100%;padding-left: 0;margin-top: .1rem;margin-bottom: .1rem} .slicetxt .swiper-slide h4:after{width: .5rem;height: 3px;position: static;margin-top: .1rem} .homeb .aright .slicetxt .swiper-slide h4{width: 100%} .homeb .aright .slicetxt .swiper-slide .desc{width:100%} .homeb .aleft .slicetxt{padding-right: 10%} .homeb .aright .slicetxt,.homeb .aright .slideico{padding-left: 10%;} .homeb .item.show{width: 77%} .homeb .item.hide{width: 23%} .slideico .ssbtn{display: block;} .slideico .ssbtn .prev{left: 2vw} .slideico .ssbtn .next{right: 2vw} } @media screen and (max-width:480px){ .hdg-s{width: 62vw;margin: 0} .slicetxt .hdg-s{width:62vw;margin: 0} .slideico{justify-content: flex-start;padding-left: 10%;padding-right: 10%} } @media screen and (max-width:360px){ .homeb .defalut h4{font-size: .3rem;line-height: 1.2em} } .homec{padding: .75rem 0 1rem;background: url(/uploads/image/ximages/hc.jpg) no-repeat center;background-size: cover} .homec-a .slidehd{margin-bottom: .6rem} .homec-a .slidehd .swiper-slide{width:6.59rem;height:3.7rem} .homec-a .slidehd .swiper-slide a{display: block;position: relative;} .homec-a .slidehd .swiper-slide a:before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 100%;z-index: 2;background: rgba(0,0,0,.3);} .homec-a .slidehd .swiper-slide-prev a:before{content: '';position: absolute;right: 30%;left: auto; top: 0;bottom: 0;width: 100%;background: url(/uploads/image/ximages/shal.png) no-repeat right center;background-size:80% 101%;z-index: 2} .homec-a .slidehd .swiper-slide-next a:before{content: '';position: absolute;left: 30%;top: 0;bottom: 0;width: 100%;background: url(/uploads/image/ximages/shar.png) no-repeat left center;background-size:80% 101%;z-index: 2} .homec-a .slidehd .swiper-slide-active a:before{display: none} .homec-a .ssbtn a{position: absolute;top:50%;transform: translatey(-50%);color: #fff;font-size: .26rem;z-index: 6} .homec-a .ssbtn a:hover{color: #00d999} .homec-a .ssbtn .prev{left: .2rem} .homec-a .ssbtn .next{right: .2rem} .homec-b{margin-bottom: .6rem} .homec-b ul li{width: 32%;position: relative;height: 2.3rem} .homec-b ul li:after{content: '';position: absolute;left: -.1rem;right: -.1rem;bottom:0;height: .28rem;background: url(/uploads/image/ximages/sha.png) no-repeat top center;background-size: 100% auto;opacity: 0;visibility: hidden;z-index: 0} .homec-b ul li:hover:after{opacity: 1;visibility: inherit;bottom: -.28rem;transition: .3s} .homec-b ul li .pic{height: 1.95rem;transition: .3s;position: relative;z-index: 3} .homec-b ul li .txt{position: absolute;top:50%;transform: translatey(-50%);z-index: 4;right: .3rem;color: #fff} .homec-b ul li .txt h4{font-weight: normal;font-size: .3rem} .homec-b ul li .txt span{font-size: .14rem;opacity: .6;} .homec-b ul li:hover .pic{height: 2.3rem} .homec-c .intit h3:after{margin-left: 0} .homec-c .slidehcp{width:1600px;margin-left: -10px} /*.homec-c .slidehc .swiper-slide{width:370px;margin-right: 30px}*/ .homec-c .slidehc .swiper-slide:last-child{margin-right:.1rem} .homec-c .slidehc .swiper-slide .item{background: #fff;margin: 10px} .homec-c .slidehc .swiper-slide:hover .item{box-shadow: 0 3px 10px rgba(0,0,0,.2)} .homec-c .slidehc .swiper-slide .pic{height: 2.3rem} .homec-c .slidehc .swiper-slide .txt{height: 2.2rem;background: #fff;padding: .3rem .35rem;;position: relative;} .homec-c .slidehc .swiper-slide .txt:before{content: '';position: absolute;height: 4px;width: 0;left: 0;top:0;z-index: 2;background: linear-gradient(45deg,#0082e6 0%,#00c09c 100%);transition: .3s;opacity: 0} .homec-c .slidehc .swiper-slide:hover .txt:before{width: 100%;opacity: 1} .homec-c .slidehc .swiper-slide .txt .media a{display: block;height: .2rem;line-height: .2rem;background-position: left center;background-repeat: no-repeat;margin-right: .2rem;} .homec-c .slidehc .swiper-slide .txt .media a:last-child{margin-right: 0} .homec-c .slidehc .swiper-slide .txt .media .weixin{background-image: url(/uploads/image/ximages/wx.svg);background-size: .30rem .24rem;padding-left: .33rem;} .homec-c .slidehc .swiper-slide .txt .media .weibo{background-image: url(/uploads/image/ximages/wb.svg);background-size: .30rem .24rem;padding-left: .33rem;} .homec-c .slidehc .swiper-slide .txt .media .douyin{background-image: url(/uploads/image/ximages/dy.svg);background-size: .2rem .2rem;padding-left: .26rem;} .homec-c .slidehc .swiper-slide .txt .media .weixin:hover{color:#00b900 } .homec-c .slidehc .swiper-slide .txt .media .weibo:hover{color:#e71f19} .homec-c .slidehc .swiper-slide .txt .media .douyin:hover{color:#07a6a4 } .homec-c .slidehc .swiper-slide .txt h4{font-size: .2rem;padding-right: .7rem;position: relative;font-weight: normal;margin-bottom: .25rem} .homec-c .slidehc .swiper-slide .txt h4 a{max-height: .56rem;display: block\0;} .homec-c .slidehc .swiper-slide .txt h4 time{position: absolute;top: 0;right: 0;color: #666;font-size: .16rem} .homec-c .slidehc .swiper-slide:hover .txt h4 a{color: #004fa1} .homec-c .swiper-pagination-progressbar{width: 100%;height: 5px;max-width: 1280px;margin-top: .5rem;position: static;background: transparent} .homec-c .swiper-pagination-progressbar:after{content: '';height: 1px;width: 100%;position: absolute;left: 0;top:2px;background: rgba(0,0,0,.25);} .homec-c .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: linear-gradient(45deg,#0082e6 0%,#00c09c 100%);border-radius: 5px;position: absolute;left: 0;top: 0;width: 100%;height: 5px;z-index: 5;transform: scale(0);transform-origin: left top; } @media screen and (max-width:1366px){ .homec-c .slidehcp{width: 1400px} } @media screen and (max-width:1279px){ .homec-c .slidehcp{width: 100%} } @media screen and (max-width:980px){ .homec-a .slidehd .swiper-slide{width:5.1rem;height:auto} .homec-c .slidehc .swiper-slide .pic{height: 2rem} .homec-c .slidehc .swiper-slide .txt{height: 1.8rem;background: #fff;padding: .25rem .25rem .3rem;;position: relative;} } @media screen and (max-width:640px){ .homec-a .slidehd{margin-bottom: .4rem} .homec-a .ssbtn a{top: 50%} .homec-a .slidehd .swiper-slide{width:74vw;height:auto} .homec-a .ssbtn .prev{left: .1rem} .homec-a .ssbtn .next{right: .1rem} .homec-b ul li{width: 100%;;text-align: right;height:auto;margin-bottom: .25rem} .homec-b ul li .pic{height: 30vw} .homec-b ul li:hover .pic{height: 30vw} .homec-b ul li:hover:after{display: none} .homec-c .slidehc .swiper-slide .pic{height:50vw} .homec{padding: .55rem 0} .homec-b{margin-bottom: .3rem} .homec-c .slidehcp{margin-left: 0} } .homed{height: 933px;position: relative;margin-top: -.3rem } .homed .mappc{max-width: 1920px;margin: 0 auto;position: relative;height: 100%} .homed .mappc:before{content: '';width: 726px;position: absolute;top: .26rem;bottom: 0;right:63%;z-index: 0;background: url(/uploads/image/ximages/lingbg.jpg) no-repeat center;background-size: cover } .homed .mappc:after{content: '';width: 1210px;position: absolute;top: 0;bottom: 0;left: 37%;z-index: 0; background: url(/uploads/image/ximages/map2.jpg) no-repeat left top;} .homed .wp{width: 1280px;height: 100%} .homed .intit{color: #fff;margin-bottom: .3rem} .homed .intit h3:after{margin-left: 0} .homed .aleft{padding-top: 100px;width: 37%} .homed .aright{width: 63%;overflow: hidden;} .homed .coinfo{max-width: 3.3rem;position: relative;min-height: 4rem} .homed .coinfo .tit{font-size: 24px;margin-bottom: .2rem;font-weight: normal;color: #fff} .homed .coinfo .lists{display: none} .homed .coinfo .listsp .lists:nth-child(1){display:block;} .homed .coinfo .listsp1{display: none;} .homed .coinfo .listsp1 .lists:nth-child(1){display:block;} .homed .coinfo .lists li{font-size: .15rem;padding: 4px 0;} .homed .coinfo .lists li.level2{padding-left: .25rem} .homed .coinfo .lists li a{position: relative;padding-left: 25px;display: block;color: #fff} .homed .coinfo .lists li .tips{background: rgba(255,255,255,.5);padding: .05rem .2rem;margin-left: .25rem;margin-top: .1rem; border-radius: 5px;font-size: .14rem;position: relative;display: none} .homed .coinfo .lists li .tips:before{width: 0;height: 0;border: .06rem solid transparent;border-bottom-color: rgba(255,255,255,.5);content: ''; position: absolute;top: -.12rem;left:10%} .homed .coinfo .lists li:hover .tips{display: block;} .homed .coinfo .lists li .tips a{color: #333!important} .homed .coinfo .lists li .tips a:before{display: none} .homed .coinfo .lists li a:hover{color: #00d999} .homed .coinfo .lists li a:hover:before{color: #00d999} .homed .coinfo .lists li a:before{position: absolute;left: 0;top: 2px;content: "\e88c";font-family: "iconfont" !important; color: #fff} @keyframes scalethree{0%{transform:scale(1);opacity:.9}100%{transform:scale(3);opacity:0}} .homed .point{cursor: pointer;position: absolute;} .homed .point i::before{animation:scalethree 1.5s infinite} .homed .point i{display: block;width: 12px;height: 12px;border-radius:50%;position: relative;} .homed .point i::after,.point i::before{position:absolute;display:block;border-radius:50%;content:'';background-color: #fff;width: 12px;height: 12px;left: 0;top:50%;margin-top: -6px} .homed .point span{position: absolute;white-space: nowrap;} /*成都*/ .homed .chinamap .mapdots li:nth-child(1){right:350px;top:430px;} .homed .chinamap .mapdots li:nth-child(1) span{right: 30px;top: -6px;font-size: 24px;color: #00d999} .homed .chinamap .mapdots li:nth-child(1) i:before,.homed .chinamap .mapdots li:nth-child(1) i:after{width: 20px;height: 20px; background: #00d999} /*兴安盟*/ .homed .chinamap .mapdots li:nth-child(2){right: 130px;top:148px;} .homed .chinamap .mapdots li:nth-child(2) span{margin-top: 2px;left: 50%;transform: translatex(-50%);} /*北京*/ .homed .chinamap .mapdots li:nth-child(3){right: 182px;top:258px;} .homed .chinamap .mapdots li:nth-child(3) span{bottom: 20px;left: -20px;font-size: 24px;} .homed .chinamap .mapdots li:nth-child(3) i:before,.homed .chinamap .mapdots li:nth-child(3) i:after{background: #00d999;width: 20px;height: 20px;} /*天津*/ .homed .chinamap .mapdots li:nth-child(4){right: 160px;top:280px;} .homed .chinamap .mapdots li:nth-child(4) span{bottom: -15px;left:10px} /*蓬莱*/ .homed .chinamap .mapdots li:nth-child(5){right: 94px;top:305px;} .homed .chinamap .mapdots li:nth-child(5) span{bottom: 20px;left: -10px} /*酒泉*/ .homed .chinamap .mapdots li:nth-child(6){left:380px;top:290px;} .homed .chinamap .mapdots li:nth-child(6) span{right: 20px;top: -5px} /*石嘴山*/ .homed .chinamap .mapdots li:nth-child(7){left:435px;top:305px;} .homed .chinamap .mapdots li:nth-child(7) span{bottom: 20px;left: -15px} /*德阳*/ .homed .chinamap .mapdots li:nth-child(8){left:435px;top:422px;} .homed .chinamap .mapdots li:nth-child(8) span{bottom: 10px;right: 15px} /*焦作*/ .homed .chinamap .mapdots li:nth-child(9){right: 205px;top:360px;} .homed .chinamap .mapdots li:nth-child(9) span{bottom: 0;left:20px} /*自贡*/ .homed .chinamap .mapdots li:nth-child(10){left:415px;top:460px;} .homed .chinamap .mapdots li:nth-child(10) span{left:18px;top:-12px;} /*峨眉山*/ .homed .chinamap .mapdots li:nth-child(11){left:375px;top:470px;} .homed .chinamap .mapdots li:nth-child(11) span{right: 20px;top:-5px;} /*凉山*/ .homed .chinamap .mapdots li:nth-child(12){left:368px;top:490px;} .homed .chinamap .mapdots li:nth-child(12) span{right: 20px;top:-5px;} /*嘉兴*/ .homed .chinamap .mapdots li:nth-child(13){right:93px;top:415px;} .homed .chinamap .mapdots li:nth-child(13) span{left: 20px;top:-5px;} /*武汉*/ .homed .chinamap .mapdots li:nth-child(14){right:194px;top:430px;} .homed .chinamap .mapdots li:nth-child(14) span{margin-top: 2px;left: 50%;transform: translatex(-50%);} /*广州*/ .homed .chinamap .mapdots li:nth-child(15){right:205px;bottom: 30px;} .homed .chinamap .mapdots li:nth-child(15) span{bottom: 18px;left: 50%;transform: translatex(-50%);} /*福州*/ .homed .chinamap .mapdots li:nth-child(16){right:110px;top: 501px;} .homed .chinamap .mapdots li:nth-child(16) span{left: 20px;top:-5px;} /*阳江*/ .homed .chinamap .mapdots li:nth-child(17){right:218px;bottom: 10px;} .homed .chinamap .mapdots li:nth-child(17) span{top:-5px;right: 18px} /*香港*/ .homed .chinamap .mapdots li:nth-child(18){right:180px;bottom: 20px;} .homed .chinamap .mapdots li:nth-child(18) span{bottom: -3px;left: 18px} /*深圳*/ .homed .chinamap .mapdots li:nth-child(19){right:204px;bottom: 12px;} .homed .chinamap .mapdots li:nth-child(19) span{margin-top: 8px;left: 0} .homed .chinamap{width: 760px;height: 600px;position: absolute;top:0;right: 0;background: rgba(0,0,0,0);} .homed .mapdots{color: #fff} .homed .mapdots li:hover{color:#00d999} .homed .chinamap .mapdots li:hover i:before,.homed .chinamap .mapdots li:hover i:after{background: #00d999} .homed .other{width:760px;height: 355px;position: absolute;bottom: 0;right: 0;background: rgba(0,0,0,0);} .homed .other .mapdots li{position: absolute;cursor: pointer;} .homed .other .mapdots li span{position: absolute;white-space: nowrap;} .homed .other .mapdots li i{display: block;position: relative;width: 30px;text-align: center;} .homed .other .mapdots li i:after{display: block;content: '';width: 30px;height: 16px;border-radius: 50%;background: rgba(255,255,255,.2);position: absolute;left:-1px;;bottom: -6px} /*印度*/ .homed .other .mapdots li:nth-child(1){left: 0;top:0;} .homed .other .mapdots li:nth-child(1) span{margin-top: 10px;left: 50%;transform: translatex(-50%);} /*老挝*/ .homed .other .mapdots li:nth-child(2){left:355px;top:25px;} .homed .other .mapdots li:nth-child(2) span{margin-top: 10px;left: 50%;transform: translatex(-50%);} /*萨尔瓦多*/ .homed .other .mapdots li:nth-child(3){left:138px;bottom:185px;} .homed .other .mapdots li:nth-child(3) span{right: 35px;top: 0} /*厄瓜多尔*/ .homed .other .mapdots li:nth-child(4){left:175px;bottom:140px;} .homed .other .mapdots li:nth-child(4) span{right: 35px;top: 0} /*委内瑞拉*/ .homed .other .mapdots li:nth-child(5){left:195px;bottom:155px;} .homed .other .mapdots li:nth-child(5) span{left: 35px;top: 0} /*印度尼西亚*/ .homed .other .mapdots li:nth-child(6){right:120px;bottom:66px;} .homed .other .mapdots li:nth-child(6) span{margin-top: 10px;left: 50%;transform: translatex(-50%);} .zoommap{position: absolute;top: 1.5rem;right: 0;z-index: 50;overflow: hidden;transition: .5s;transform: scale(0);transform-origin: center;opacity: 0;visibility: hidden;width: 806px} .homed .closemap{position: absolute;top:20px;right: 20px;z-index: 10;color: #fff;width: .4rem;height: .4rem;border: 1px solid #fff;border-radius: 50%;text-align: center;line-height: .4rem;cursor: pointer;display: none} .zoommap.show{transform: scale(1);opacity: 1;visibility: inherit;} .homed .other.hide .mapdots{opacity: 0;visibility: hidden;} .homed .chinamap.hide .mapdots{opacity: 0;visibility: hidden;} /*.homed:after{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: url(/uploads/image/ximages/maplayer.png) no-repeat center;background-size: cover;transition: .3s;z-index: 0} */ .rightfixs{position: fixed;right: -.8rem;top: 40%;transform: translatey(-50%);z-index: 30;width: .8rem} .rightfixs.show{right: 0;} .rightfixs a{display: block;width: .8rem;height: .75rem;background: rgba(0,79,161,.9);margin-bottom: 2px;color: #fff;text-align: center;font-size: .14rem;padding-top: .12rem;transition: .3s;transform: translatex(.8rem);transition: .3s} .rightfixs a:nth-child(1){transition-delay: .2s} .rightfixs a:nth-child(2){transition-delay: .4s} .rightfixs a:nth-child(3){transition-delay: .6s} .rightfixs a:nth-child(4){transition-delay: .8s} .rightfixs a i{display: block;font-size: .3rem;margin-bottom:3px} .rightfixs a:hover{background: linear-gradient(45deg,#0082e6 0%,#00c09c 100%);} .rightfixs a:hover i{transform: rotatey(360deg);transition: .5s} .rightfixs.show a{transform: translatex(0);} .homed{overflow: hidden;} .homed .mapm{display:none;position: relative;} .homed .mapm1{display:none;position: relative;} .homed .mapm .intit,.homed .mapm1 .intit{position: absolute;left: 50%;transform: translatex(-50%);top:.6rem;z-index: 5} .homed .mapm .intit h3:after,.homed .mapm1 .intit h3:after{margin-left: auto;margin-right: auto} .homed .mappc .leftani{width: 726px;position: absolute;top: .26rem;bottom: 0;right:63%;z-index: 1;background: rgba(0,0,0,.2);pointer-events: none} .homed .mappc .leftani .imga1{position: absolute;left: 5px;top: 85px;width: 688px;height: 688px;max-width: inherit;animation: roted linear 30s infinite} .homed .mappc .leftani .imga2{position: absolute;left: -90px;bottom: 0;} .homed .mappc .leftani .imga3{position: absolute;right: -50px;bottom:75px;width: 344px;height: 344px;max-width: inherit;animation: roted linear 10s infinite} .homed .mappc .leftani .imga4{position: absolute;right:0;bottom: 0;width: 340px} .shdows{width: .85rem;height: 100%;background: url(/uploads/image/ximages/sha1.png) no-repeat top center;background-size: 100% 100%;position: absolute;left: calc(37% - .85rem);bottom: 0;z-index: 0;pointer-events: none} .shdows:before{width: .24rem;height: .26rem;background: url(/uploads/image/ximages/hdsj.png) no-repeat right bottom;background-size: .24rem .26rem;position: absolute;right:0;top: 0;z-index: 0;pointer-events: none;content:'';} @media screen and (max-width: 1280px){ .homed .coinfo .lists li{font-size: .16rem;} } @media screen and (max-width: 1279px){ .homed{background: transparent;height: auto} .homed .mappc{display: none} .homed .mapm{display:block;} } @media screen and (max-width: 1180px){ .rightfixs{display: none} }@media screen and (max-width: 640px){ .homed .mapm .intit,.homed .mapm1 .intit{top:.5rem;} .homed .mapm{display:none;} .homed .mapm1{display:block;} } @media screen and (max-width: 1680px){ .homed .mappc:after{background-position: -35px 0} } @media screen and (max-width: 1440px){ .homed .mappc:before{right: 68%} .shdows{left: calc(32% - .85rem)} .homed .mappc:after{left: 32%;background-position: 0 0} .homed .mappc .leftani{right: 68%} .homed .coinfo{max-width: 3.6rem;} } @media screen and (max-width: 1380px){ .homed .mappc:before{right: 72%} .homed .mappc .leftani{right: 72%} .homed .mappc:after{left: 28%;} .shdows{left: calc(28% - .85rem)} .homed .chinamap{right: 50px} .homed .other{right: 50px} .homed .coinfo{max-width: 3.4rem;} } @media screen and (max-width: 1280px){ .homed .mappc:after{background-position: -50px 0} .homed .chinamap{right: 90px} .homed .other{right: 90px} .homed .aleft{padding-left: 40px} } /*1220*/ .ha-bb{display: none} .ha-bb .lmtanav{margin-bottom: .25rem} .ha-bb .lmtanav li{font-size: .22rem;width: 33.33333%;padding: 0 3%;position: relative;text-align: center;} .ha-bb .lmtanav li:before{content: '';width: 1px;height: 12px;background: rgba(0,0,0,.2);position: absolute;left: 0;top:50%;transform: translatey(-50%);} .ha-bb .lmtanav li:first-child:before{display: none} .ha-bb .lmtanav li.on{color: #004fa1} .ha-bb .lmtanav li.on a{color: #004fa1} .ha-bb .lmtanav li a i{margin: 5px} .ha-bb .slidelms .swiper-slide{background: #fff;} .ha-bb .slidelms ul{padding: .1rem .3rem} .ha-bb .slidelms ul li{padding: .2rem 0;border-top:1px dashed #ddd;position: relative;padding-right: .8rem} .ha-bb .slidelms ul li:first-child{border-top: 0} .ha-bb .slidelms ul li time{position: absolute;right: 0;top:.21rem;} .ha-bb .slidelms .linemore:after{width: 100%;opacity: 1} .ha-bb .slidelms .linemore span{background: transparent;color: #fff} .ha-bb .slidelms .linemore{margin: 0 auto;margin-bottom: .3rem} @media screen and (max-width: 640px){ .homea .ha-b{display: none} .ha-bb{display: block} .homea .txt-news dd ul li:nth-last-child(1){display: none} .homea .txt-news dd ul li:nth-last-child(2){display: none} .homea .txt-news dd ul li:nth-last-child(3){display: none} .homea .txt-news dd ul li:nth-last-child(4){display: none} .ha-bb .lmtanav li{font-size: .2rem;} } @media screen and (max-width: 360px){ .ha-bb .lmtanav li{font-size: .16rem;} }