.loader{position: fixed;left: 0;top: 0;right:0;bottom: 0;background:url(../images/hbbg.jpg) no-repeat center; background-size:cover;z-index: 999;} .loader img{position: absolute;left: 50%;top:50%;transform: translateX(-50%) translateY(-50%)} .loader p{position: absolute;top:55%;text-align: center;left: 0;width: 100%} .stips {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;background: url(../images/hbbg.jpg) no-repeat left center;background-size: 100% 100%;display: none;font-size: 16px;} body,html{position:relative;height:100%} .slideMain{width: 100%;height: 100%} .slideMain .swiper-slide{height: 100%; position: relative;/*overflow: hidden;*/} .slideMain .swiper-slide .container{height: 100%; position: relative;z-index: 5;padding-left: 6.25vw} .slideMain .homef{height: auto!important} .swiper-container-vertical>.main-wrapper {flex-direction: column;} .swiper-container-android .swiper-slide, .main-wrapper {transform: translate3d(0px,0,0);} .main-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;} /* .homeb .tabNav li { font-size: .25rem; margin: 0 2.5vw 0 0!important; cursor: pointer; position: relative; }*/ .iconfont{font-size: inherit;} .leftFix{position: fixed;left: 0;top:50%;transform: translateY(-50%);z-index: 20;display: none;} .leftFix ul li{font-size: .18rem;padding:.1rem 0 .1rem .75rem;color: #aaa;cursor: pointer;position: relative;} .leftFix ul li a:hover{color: #d61519} .leftFix ul{display: none} .leftFix.bga ul li a{color: #fff} .leftFix.bga ul li a:hover{color: #d61519} .leftFix.bga ul li{color: rgba(255,255,255,.5);} .leftFix.bga ul li span:before{border-color:rgba(255,255,255,.5);} .leftFix.bga ul.on li{color: rgba(255,255,255,.5);} /*.leftFix.bga ul.on li span:before{border-color:rgba(255,255,255,.5);}*/ .leftFix ul li.on{color: #222} .leftFix.bga ul li.on{color: #fff} .leftFix.bga ul li.on:before{background: #fff} .leftFix ul li span{position: relative;padding-left: 22px} .leftFix ul li:before{content: '';position: absolute;left: 0;top:50%;width: 0;height: 1px;background: #a0a3a5;transition: .3s} .leftFix ul li span:before{content: '';position: absolute;left: 0;top:50%;margin-top: -6px;width: 8px;height: 8px;border: 2px solid #aaa;border-radius: 50%} .leftFix ul li.on span:before{border-color: #d61519} .leftFix ul li.on:before{width: .75rem} .leftFix.bga ul.on li{color: #fff} .leftFix.bga ul.on li:before{background: rgba(255,255,255,.6);} .leftFix ul.on li span:before{border-color: #d61519} .leftFix ul.on li:before{width: .75rem} .pubCon{height: 100vh;margin-left: 7.3vw;margin-right: 7.3vw;position: relative;} .pubCon:after{content: '';width: 1px;position: absolute;top: 0;bottom: 0;left: 38vw;background:rgba(255,255,255,.2) ;z-index: 0;display: none} .page.black .pubCon{border-color: rgba(0,0,0,.1);} .page.black .pubCon:after{background: rgba(0,0,0,.1);} .pubsbtn{width: 1.2rem} .pubsbtn a{color: #fff;font-size: .24rem;position: relative;display: block;height: .5rem;line-height: .5rem;} .pubsbtn a:hover{color: #d61519} .pubsbtn a.prev:after{left: .13rem} .pubsbtn a.next:after{right: .13rem} .pubsbtn a.prev:hover:after{left: 0} .pubsbtn a.next:hover:after{right: 0} .pubsbtn a.prev:hover:before{margin-left: .12rem} .pubsbtn a.next:hover:before{margin-right: .12rem} .pubsbtn a:before{transition: .3s} .pubsbtn a:after{content: '';width: .3rem;height: .3rem;border: 1px solid #fff;border-radius: 50%;position: absolute;top:50%;transform: translateY(-50%);transition: .3s} .pubsbtn a:hover:after{width: .48rem;height: .48rem;border-color: #d61519} .spmore{} .spmore a{width: 1.8rem;height: .5rem;line-height: .48rem;text-align: center;border: 1px solid rgba(0,0,0,.4);border-radius: .5rem;font-size: .15rem;display: block;transition: .3s} .spmore i{font-size: .24rem;color: #d61519;margin-right: 5px;vertical-align: -3px;transition: .3s} .spmore a:hover{background: #d61519;color: #fff;border-color: #d61519 } .spmore a:hover i{color: #fff;} .sptit{font-size: .36rem;font-weight: bold;color: #fff;text-shadow: 0 0 10px rgba(0,0,0,.2)} .sptit span{position: relative;padding-left: .4rem} .sptit span:before{width: 5px;height:.36rem;background: #d61519;position: absolute;left: -1px;top: 50%;content: '';transform: translateY(-50%); } .banner a.a{display:flex;justify-content: center;flex-direction: column; height: 100vh;background-position:center;background-repeat: no-repeat;background-size: cover;padding: 0 9.2vw;position: relative;} .banner a.a:before{content: '';position: absolute;top: -1px;left:-1px;right: -1px;background: url(../images/bamask.png) no-repeat top center;background-size: 100% 100%;height: 30vh;z-index: 1;display: none} .banner a.a:after{content: '';position: absolute;bottom: -1px;left:-1px;right: -1px;background: url(../images/bamask1.png) no-repeat top center;background-size: 100% 100%;height: 30vh;z-index: 1;display: none} .banner .vh:before{content: '';position: absolute;top: -1px;left:-1px;right: -1px;background: url(../images/bamask.png) no-repeat top center;background-size: 100% 100%;height: 30vh;z-index: 1} .banner .vh:after{content: '';position: absolute;bottom: -1px;left:-1px;right: -1px;background: url(../images/bamask1.png) no-repeat top center;background-size: 100% 100%;height: 30vh;z-index: 1} .banner a.a.js-play{display: none} .banner a.a.js-play .icon-play{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 4;color: #fff;font-size: .7rem;text-shadow: 0 0 10px rgba(0,0,0,.15)} /*.homea:before{content: '';width: 1px;position: absolute;top: 0;bottom: 0;left: 54.75vw;background:rgba(255,255,255,.2) ;z-index: 5} .banner:before{content: '';width: 1px;position: absolute;top: 0;bottom: 0;left: 16.75vw;background:rgba(255,255,255,.2) ;z-index: 5} .banner:after{content: '';width: 1px;position: absolute;top: 0;bottom: 0;right: 7.2vw;background:rgba(255,255,255,.2) ;z-index: 5}*/ .banner .hdtool{position: absolute;bottom: 24vh;right: 9.2vw;color: #fff;z-index: 10} .banner .pgaline{position: static;padding-top: .16rem} .banner .pgaline span{background: rgba(255,255,255,1);height: 2px;width: .5rem}.banner .swiper-num{font-size: .3rem;margin-right: .2rem}.banner .swiper-num em{opacity: .5;}.banner .sbtn{position:absolute;right: 9.2vw;bottom: 18vh;z-index: 10}.banner video{min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);object-fit: cover;} .banner .vh{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;overflow:hidden;width: 100vw;height: 100vh;position: relative;} .banner .txt{position: absolute;left: 12vw;top:30vh;z-index: 5;color: #fff} .banner .txt.black{color: #3c3c3c} .banner .txt.black .desc{color: #444} .banner .txt .en{font-size: .35rem;font-family: 'Arial'} .banner .txt .cn{font-size: .6rem;font-weight: 100;margin-bottom: 4vh;margin-top: 2vh} .banner .txt .desc{font-size: .2rem;max-width: 8rem;line-height: 1.6em;margin-bottom: 5vh} .banner .txt .more a{display: block;width: 1.7rem;height: .5rem;line-height: .5rem;background: #d7231b;color: #fff;text-align: center} .banner .txt .more a img{display: inline-block;margin-left: 5px;vertical-align: -3px} .banner{background: #000} .banner .first .txt .en{transform: translate3d(-500px, 0px, 0px);} .banner .first .txt .cn{transform: translate3d(-1000px, 0px, 0px);} .banner .first .txt .desc{transform: translate3d(-1500px, 0px, 0px);} .banner .first .txt .more{transform: translate3d(-2000px, 0px, 0px);} .banner .a{transform: scale(1);;transition: 5s linear} .banner .vh{transform: perspective(600px) rotateX(5deg) rotateY(-5deg);;transition: 1s linear} .banner .swiper-slide-active .a{transform:scale(1.1);} .banner .swiper-slide-active .vh{transform: perspective(600px) rotateX(0deg) rotateY(0deg);} /*.banner .a{transform: perspective(600px) rotateX(5deg) rotateY(-5deg) scale(1.1);;transition: 1s linear} .banner .vh{transform: perspective(600px) rotateX(5deg) rotateY(-5deg);;transition: 1s linear} .banner .swiper-slide-active .a{transform: perspective(600px) rotateX(0deg) rotateY(0deg) scale(1);} .banner .swiper-slide-active .vh{transform: perspective(600px) rotateX(0deg) rotateY(0deg);} */ .tsmouse{position: absolute;left: 50%;transform: translateX(-50%);color: #fff;bottom: .15rem;z-index: 5;text-align: center;cursor: pointer;} .banner_mouse{display:block; position:absolute; left:50%; margin-left:-11px; bottom:50px; z-index:2; width:23px;height: 40px;cursor:pointer;background:url(../images/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite;} .banner_mouse:after,.banner_mouse:before{content: "";position: absolute;} .banner_mouse:before{width:23px;height:40px;background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;} .banner_mouse:after{background-color: #ffffff;width: 4px;height: 4px;border-radius: 100%;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;} @-webkit-keyframes trackBallSlide { 0% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } 34% { opacity: 1; -webkit-transform: scale(0.9) translateY(4px); transform: scale(0.9) translateY(4px); } 68% { opacity: 0; -webkit-transform: scale(0.4) translateY(16px); transform: scale(0.4) translateY(16px); } 100% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); } } @keyframes colorSlide { 0% { height:0; } 90%{ height:40px; } } .tsmouse span{display: block;} .tsmouse i{font-size: .4rem;animation: up linear 1.5s infinite;display: block;} .homed .his2 .slide-yeart .pic img{display: none} .homec .slide-hcbg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0} .homec .slide-hcbg .a{transform: scale(1);transition: 5s linear;height: 100%;width: 100%} .homec .slide-hcbg .swiper-slide-active .a{transform: scale(1.1);} .draw::before, .draw::after {box-sizing: inherit;content: '';position: absolute;width: 100%;height: 100%; box-sizing: inherit;} .draw{transition:color .25s} .draw::after,.draw::before{border:1px solid transparent;width:0;height:0} .draw::before{top:0;left:0} .draw::after{bottom:0;right:0} .homec .tabNav li.on .draw::after,.homec .tabNav li.on .draw::before{width:100%;height:100%} .homec .tabNav li.on .draw::before{border-top-color:rgba(255,255,255,.6);border-right-color:rgba(255,255,255,.6);transition:width .15s ease-out,height .15s ease-out .15s} .homec .tabNav li.on .draw::after{border-bottom-color:rgba(255,255,255,.6);border-left-color:rgba(255,255,255,.6);transition:border-color 0s ease-out .3s,width .15s ease-out .3s,height .15s ease-out .45s} /*.homec .pubCon{padding-top: 18vh}*/ /*.homec .tabNav li{position: absolute;z-index: 10;transition: .3s;cursor: pointer;} .homec .tabNav li .pic{position: relative;height: 100%} .homec .tabNav li .pic img{display: none} .homec .tabNav li .pic:before{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: .3rem;z-index: 1;background: url(../images/cmask.png) no-repeat -.1rem bottom;background-size: auto 100%;opacity: 0;} .homec .tabNav li .pic:after{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 0;background: rgba(0,0,0,.3);} .homec .tabNav li .t{position: absolute;left: .2rem;top: .2rem;right: .2rem;bottom: .2rem;z-index: 2;text-align: center;color: #fff;font-size: .24rem;opacity: 0;visibility: hidden;} .homec .tabNav li:nth-child(1){bottom:30vh;left: 34vw;z-index: 3;width: 20.3vw;height: 25.9vh} .homec .tabNav li:nth-child(2){top:23vh;right: 8vw;z-index: 2;width: 15.7vw;height: 31.1vh} .homec .tabNav li:nth-child(3){bottom:16vh;left:13vw;z-index: 2;width: 23.9vw;height: 29.9vh} .homec .tabNav li:nth-child(4){bottom:12vh;right: 6vw;z-index: 4;width: 16.7vw;height: 24.9vh} .homec .tabNav li.on .pic:after{opacity: 0;} .homec .tabNav li.on .pic:before{opacity: 1;} .homec .tabNav li.on .t{opacity: 1;visibility: inherit;text-shadow: 0 0 10px rgba(0,0,0,.8)} .homec .tabNav li.on{z-index: 10}*/ /*.homec .tit{font-size: .4rem;margin-bottom: .5rem;color: #fff} .homec .slide-hct{max-width: 6.8rem;margin: 0;color: #fff} .homec .slide-hct .h4{font-size: .7rem;margin-bottom: .5rem} .homec .slide-hct .desc{line-height: 1.8em;margin-bottom: .5rem} .homec .slide-hct .more a{height: .5rem;width:2rem;line-height: .48rem;text-align: center;color: #fff;border: 1px solid #ddd;display: block;} .homec .slide-hct .more a i{font-size: .2rem;margin-left: .1rem;vertical-align: -2px;transition: .3s} .homec .slide-hct .more a:hover i{margin-left: .2rem} */ .homed{background: url(../images/dbg.jpg) no-repeat center;background-size: cover} .homee{background: url(../images/hebg1.jpg) no-repeat center;background-size: cover} .footer{background: #f4f3f8;background-size: cover;padding-top: .4rem} .footer .logoft{margin-bottom: .4rem} .footer .tabft{margin-bottom: .3rem} .footer .tabft .tabNav{margin-bottom: .45rem} .footer .tabft .tabNav ul li{font-size: .2rem;font-weight: bold;color: #b9b9b9;margin: 0 .2rem;cursor: pointer;position: relative;} .footer .tabft .tabNav ul li.on:after{content: "\e642";font-family: "iconfont" !important;position: absolute;left:50%;transform: translateX(-50%);bottom: -.2rem;} .footer .tabft .tabNav ul li.on{color: #333;} .footer .tabft .slide-tabft ul li{width: 16.6666%;font-size: .2rem;line-height: 1em;text-align: center} .footer .tabft .slide-tabft ul li a{padding-left: .1rem;position: relative;} .footer .tabft .slide-tabft ul li a:before{content: '';width: 3px;height: 20px;background: #d61519;position: absolute;left:0;top:50%;transform: translateY(-50%);} .footer .infoft{padding: .2rem 0 .4rem;border-bottom: 1px solid #ddd;} .footer .infoft .aleft p{padding:.04rem 0;color:#a2a2a2} .footer .infoft .aleft .txt{padding-left: .6rem;margin-top: .3rem} .footer .infoft .aright dl{padding: 0 .5rem;border-right: 1px solid #ddd;color: #555} .footer .infoft .aright dl dt{font-size: .24rem;margin-bottom: .2rem} .footer .infoft .aright dl dd ul li{padding: .06rem 0;} .footer .infoft .aright dl dd ul li a{opacity: .8;} .footer .infoft .aright dl dd ul li:hover a{opacity: 1;} .footer .infoft .aright dl:last-child{padding-right: 0 ;border-right: 0} /*.footer .infoft .aright .codes{width: 2.5rem} .footer .infoft .aright a{font-size: .35rem;color: #b9b9b9;display: block;position: relative;} .footer .infoft .aright a span{position: absolute;top:100%;left:50%;transform: translateX(-50%);background: #fff;border-radius: 5px;padding: .05rem;width: 1.1rem;box-shadow: 0 0 15px rgba(0,0,0,.15);display: none} .footer .infoft .aright a span:before{content: '';border: 8px solid transparent;border-bottom-color: #fff;width: 0;height: 0;position: absolute;left: 50%;transform: translateX(-50%);top: -15px} .footer .infoft .aright a.show{color: #5b5b5b} .footer .infoft .aright a.show span{display: block;}*/ .footer .copyft{padding: .2rem 0 .25rem;text-align: center;font-size: .15rem;color:#a2a2a2} .footer .copyft p .tj{padding-left: 20px;background: url(../images/tj.png) no-repeat left center;} .footer .copyft a{color:#a2a2a2;} .footer .copyft a:hover{color: #d61519} .footer .copyft .list i{margin-left: 5px} .footer .copyft .list .par{position: relative;cursor: pointer;text-align: left;} .footer .copyft .list .diao{position: absolute;left: 50%;transform: translateX(-50%);bottom: 100%;min-width: 2.2rem;border-top: 4px solid #ea0519;padding-bottom: .15rem;display: none} .footer .copyft .list .diao a{padding: 5px .15rem;word-spacing: nowrap;display: block;} .footer .copyft .list .diao1{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.15);padding: .15rem .1rem;} .footer .copyft .list .diao1:after{content: '';width: 0;height: 0;position: absolute;border: 10px solid transparent;border-top-color: #fff;left: 50%;transform: translateX(-50%);bottom: -5px} .footer .copyft .list .diao .scbox{max-height: 2.4rem;padding-right: .1rem;overflow: auto} .footer .copyft .list .diao .scbox::-webkit-scrollbar{width:4px} .footer .copyft .list .diao .scbox::-webkit-scrollbar-track{border-radius:0;background: rgba(0,0,0,.1);} .footer .copyft .list .diao .scbox::-webkit-scrollbar-thumb{border-radius:0;background:#bbb;} .footer .copyft .list .par:hover .diao{display:block;} .topFix{position: fixed;top: 0;left: 0;right: 0;padding:0 5%;z-index: 88;border-bottom: 1px solid rgba(255,255,255,.2)} .topFix .logo{padding: .15rem 0} .topFix .logo img{height: .65rem} .topr{line-height: .45rem;color: #fff;padding-left: .4rem;border-left: 1px solid rgba(255,255,255,.2)} .topr a{color: #fff} .topr .link{font-size: .18rem;} .topr .search{padding: 0 .1rem;position:relative;margin-left: .2rem} .topr .search:before{content: '';width: 1px;height: 20px;background: rgba(255,255,255,.5);position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: none} .topr .search:after{content: '';width: 1px;height: 20px;background: rgba(255,255,255,.5);position: absolute;right: 0;top: 50%;transform: translateY(-50%);display: none} .topr .search form{display: block!important;position: relative;} .topr .search form .serinp{width: 0;position: absolute;top: 0;right: 0;transition: .3s;opacity: 0;} .topr .search form .serbtn{width: .4rem;height: .45rem;position: relative;text-align: center;line-height: .45rem;font-size: .22rem;color: #fff} .topr .search form .serbtn input{position: absolute;top: 0;left: 0;width: .4rem;height: .4rem;z-index: 3;background: rgba(255,255,255,0);border: 0;} .topr .search form .serinp input{width: 100%;height: .45rem;line-height: .45rem;background: #fff;border: 0;font-size: .15rem;border-radius: .1rem;color: #333} /*.topr .search form:hover .serinp{width: 2.6rem;opacity: 1;} .topr .search form:hover .serinp input{padding: 0 .4rem 0 .1rem;} .topr .search form:hover .serbtn{color:#d61519 }*/ .topr .search.on form .serinp{width: 2.6rem;opacity: 1;} .topr .search.on form .serinp input{padding: 0 .4rem 0 .1rem;} .topr .search.on form .serbtn{color:#d61519 } .topr .navbtn{margin-left: .2rem } .topr .navbtn img{height: .47rem} .topr .navbtn a{margin-right: 5px} .topr .navbtn a.close{display: none } .topFix.black .topr{color: #333} .topFix.black .topr a{color: #333} .topFix.black .topr .search:before{background: #aaa} .topFix.black .topr .search:after{background: #aaa} .topFix.black .topr .search form .serbtn{color: #333} .topFix.black .topr .search form:hover .serbtn{color:#d61519 } .rightFix{position: fixed;right: -2.2rem;top:50%;transform: translateY(-50%);width: 2.8rem;padding: .2rem;background: url(../images/gf.png) no-repeat center;background-size: cover;z-index: 30;border-radius: .1rem 0 0 .1rem;display: none;color: #fff;padding-left: .6rem;cursor: pointer;transition: .3s} .rightFix .tit{color: #fff;writing-mode: tb-lr;writing-mode: vertical-lr;display: block;font-size: .2rem;position: absolute;left: .2rem;top:50%;transform: translateY(-50%);} .rightFix:hover{right: 0;} .rightFix .box_text {color: #ffffff;} .rightFix .box_text .sou.red{color:red} .rightFix .box_text .sou.green{color:#090} .rightFix .box_text .sou{font-size:.36rem;font-weight:600;line-height:1.4} .rightFix .box_text .increase{font-weight:500} .rightFix .box_text .increase .icon{display:inline-block;position:relative;padding:0 14px} .rightFix .box_text .increase .icon:after{content:'';position:absolute;top:50%;right:0;margin-top:-5px;border-left:6px solid transparent;border-right:6px solid transparent} .rightFix .box_text .increase ._top:after{border-bottom:10px solid #fff} .rightFix .box_text .increase ._bottom:after{border-top:10px solid #fff} .rightFix .box_text .delayTime{font-size:.14rem;padding-top:.1rem;padding-bottom:.06rem} .rightFix .box_text .updateTime{font-size:.14rem} .rightNavbg{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.3);z-index: 18;display: none} .rightNav{position: fixed;top:0;right: -4.65rem;bottom: 0;z-index: 20;background: url(../images/navbg.jpg) no-repeat center;background-size: cover;width: 4.6rem;padding: 15vh 0 5vh;transition: .5s} .rightNav.show{right:0;} .rightNav .sc{overflow: auto;height: 80vh} .rightNav ul{padding:0 .6rem} .rightNav ul li{margin-bottom: .2rem;position: relative;} .rightNav ul li .h4{font-size: .2rem;padding-bottom: .15rem;border-bottom: 1px solid #ddd;margin-bottom: .1rem;position: relative;padding-right: .2rem} .rightNav ul li.has .h4:after{content: "\e600";font-family: "iconfont" !important;position: absolute;top:.08rem;;right: 0;font-size: .15rem} .rightNav ul li .h5{padding: .05rem 0} .rightNav ul li .h5 a{color: #888} .rightNav ul li .h5 a:hover{color: #d61519} .rightNav ul li .lists{padding-left: .2rem;padding-top: .1rem} .rightNav ul li .lists .h6{padding: .03rem 0} .rightNav .search{padding: 0;position:relative;margin: 0 .2rem} .rightNav .search form{display: flex!important;position: relative;justify-content: space-between} .rightNav .search form .serinp{width: calc(100% - .5rem);} .rightNav .search form .serbtn{width: .5rem;height: .45rem;position: relative;text-align: center;line-height: .45rem;font-size: .25rem;color: #fff} .rightNav .search form .serbtn input{position: absolute;top: 0;left: 0;width: .5rem;height: .45rem;z-index: 3;background: rgba(255,255,255,0);border: 0;} .rightNav .search form .serinp input{width: 100%;height: .45rem;line-height: .45rem;background: #fff;border: 0;font-size: .15rem;padding: 0 .1rem 0 .1rem;} .rightNav .search form .serbtn{background:#d61519;color: #fff } .rightNav .link{margin: 0 .2rem;text-align: center;padding-top: .2rem;font-size: .22rem} @media screen and (max-width: 1680px){ } @media screen and (max-width: 1440px){ } .homeb {} .homeb{background: url(../images/bg2.jpg) no-repeat center;background-size: cover} .homeb .pubCon{padding-top: 5vh} .homeb .tit{font-size: .25rem;margin-bottom: .47rem;padding-top: 5px;} .homeb .aleft{width: 35%;} .homeb .amid{width: 29%;} .homeb .amid .item:nth-child(1){} .homeb .item1{border-top: 4px solid #e50014;padding-top: 2.5vh} .homeb .item1 h4{font-size: .27rem;line-height: 1.4em;margin-top: 2.5vh} .homeb .item1 .pic{height: 28.2vh;margin-top: 3vh} .homeb .item1 p{margin-top: 3vh;line-height: 1.8em;color: #666} .homeb .item1 time{color: #666} .homeb .tit1{position: relative;top:-6.5vh;} .homeb .tit1 .mores{position: absolute;right: 0;top: 4px} .homeb .tit1 .mores a i{margin-left:5px;} .homeb .tabNav{margin-bottom: .50rem;padding-top: 5px;} .homeb .tabNav li{font-size: .24rem;margin: 0 2.5vw;cursor: pointer;position: relative;} .homeb .tabNav li:after{content: '';width: 0;height: 1px;background: #e50014;position: absolute;left: 50%;bottom: -.1rem;transform: translateX(-50%);transition: .3s} .homeb .tabNav li.on:after{width: 100%} .homeb .tabNav li.on{color: #e50014} .his1 ul li:hover i{transform: rotateY(360deg);transition: .9s } .his1{background: url(../images/0531/wlt.png) no-repeat center 35%;background-size: 83% auto} .homeb .aright1{width: 30%;} .homeb .aright1 {background: #fff;border-top: 4px solid #e50014;border-radius: 0 .2rem 0 .2rem;padding: .25rem;margin-top: 7px;} .homeb .aright1 .box_text .title{font-size: .25rem} .homeb .aright1 .box_text .sou.red span{color:red;background: url(../images/arr2.png) no-repeat right center;padding-right: 20px;} .homeb .aright1 .box_text .sou.green span{color:#090;background: url(../images/arr4.png) no-repeat right center;padding-right: 20px;} .homeb .aright1 .box_text .sou{font-size:.25rem;line-height:2.2;margin-bottom: .15rem} .homeb .aright1 .box_text .increase{font-weight:500;color: #666} .homeb .aright1 .box_text .increase .icon{display:inline-block;position:relative;padding-right: 14px} /*.homeb .aright1 .box_text .increase .icon:after{content:'';position:absolute;top:50%;right:0;margin-top:-5px;border-left:6px solid transparent;border-right:6px solid transparent} .homeb .aright1 .box_text .increase ._top:after{border-bottom:10px solid red} .homeb .aright1 .box_text .increase ._bottom:after{border-top:10px solid #090}*/ .homeb .aright1 .box_text .delayTime{font-size:.14rem;padding-top:.1rem;padding-bottom:.06rem;color: #666} .homeb .aright1 .box_text .updateTime{font-size:.14rem;color: #666} .jsjg{padding-top: .2rem;border-top: 1px solid #ddd;margin-top: .1rem;} .jsjg .title{font-size: .25rem;/* font-weight: bold;margin-bottom: .1rem */} .jsjg .title span{font-size: .25rem;font-weight: normal;color: #666} .jsjg .info{font-size: .15rem;color: #666} .jsjg .price .pra{width: 49%;border: 1px solid #ddd;margin-top: .2rem;text-align: center;padding: .15rem .1rem;font-size: .16rem;} .homeb .amid .item{border-top: 3px solid #d8dbde} .homeb .amid .item1{padding: 2.5vh 0} .homeb .amid .item1 h4{font-size: .27rem;margin-top: 2.5vh} .homee .tit{font-size: .7rem;color: #fff;position: relative;display: inline-block;} .homee .tit img{position: absolute;left:130%;width: 2.53rem;height: 1.19rem;max-width: inherit;max-height: inherit;top: -2vh} .homee .pubCon{padding-top: 15vh} .homee .list{position: absolute;left: 0;right: 5%;bottom: 10vh;z-index: 3;color: #fff} .homee .list li{width: 25%} .homee .list li .t a:hover img{transform: rotateY(360deg);transition: .6s} .homee .list li .t{font-size: .38rem;padding-bottom: 5vh;border-bottom: 1px solid rgba(255,255,255,.3);margin-bottom: 5vh} .homee .list li .t img{display: inline-block;margin-right: .2rem;vertical-align: -.08rem;width: .44rem;height: .48rem} .homee .list li .more a{color: #fff;font-size: .18rem} .homee .list li .more a i{margin-left: .1rem;font-size: .22rem;vertical-align: -.02rem;transition: .3s} .homee .list li .more a:hover i{margin-left: .2rem;} .homed .pubCon{padding-top: 20vh} .homed .slide-hdt{margin: 0;max-width: 58vw;width: 100%} /*.homed .his1 ul{padding-top: 4vh} .homed .his1 ul li:nth-child(1){border-bottom:1px solid rgba(255,255,255,.2);width: 40% } .homed .his1 ul li:nth-child(3){width: 38% } .homed .his1 ul li:nth-child(2){border-bottom:1px solid rgba(255,255,255,.2) } .homed .his1 ul li{width: 55%;display: flex;color: #fff;padding: 4vh 0} .homed .his1 ul li .h4{min-height: .54rem;display: flex;font-size: .3rem;padding-right: .15rem;width: 1rem;color: #ffcc66;line-height: 1.2em} .homed .his1 ul li .txt{font-size: .18rem;width: calc(100% - 1rem)} .homed .his1 ul li .txt p{line-height: 1.5em} .homed .his1 .cirlist{width: 100%;;align-items: center;} .homed .his1 .cirlist .item{width: 1.6rem;height: 1.6rem;border-radius:50%;border: 1px dashed rgba(255,255,255,.8);text-align: center;color: #fff;background: rgba(255,255,255,.2);transition: .3s;position: relative;} .homed .his1 .cirlist .item:nth-child(1){background: rgba(51,153,255,.3);} .homed .his1 .cirlist .item:nth-child(2){background: rgba(51,153,255,.7);width:2rem;height:2rem;border: 0} .homed .his1 .cirlist .item:nth-child(2):before{content: '';width: 3vw;height: 0;border-top: 1px dashed rgba(255,255,255,.7);position: absolute;top: 50%;right: 105%} .homed .his1 .cirlist .item:nth-child(2):after{content: '';width: 3vw;height: 0;border-top: 1px dashed rgba(255,255,255,.7);position: absolute;top: 50%;left: 105%} .homed .his1 .cirlist .item:nth-child(3){background: rgba(51,153,255,.3);} .homed .his1 .cirlist .item:hover{background:rgba(51,153,255,.7);} .homed .his1 .cirlist .item:last-child{margin-right: 0} .homed .his1 .cirlist .item span{color: #ecc06b;display: block;font-size: .24rem;margin: 5px 0}*/ .homed .his2{padding-top: 2vh} /*.jryxsq{padding-top: 1rem;padding-left: 2rem} .jryxsq ul {width: 4.7rem;height: 4.7rem;transform: rotate(45deg);} .jryxsq ul li{width:2.3rem;height: 2.3rem;transition: .5s;background: rgba(0,108,231,.3);color: #fff;text-align: center;font-size: .18rem;transition: .3s} .jryxsq ul li:hover{background: rgba(0,108,231,.6)} .jryxsq ul li .t{transform: rotate(-45deg);} .jryxsq ul li h4{font-size: .32rem;margin-bottom: .15rem} .jryxsq ul li p span{color: #ffcc66} .jryxsq ul li h4 span{color: #ffcc66} .jryxsq ul li:nth-child(1){margin-bottom: .1rem} .jryxsq ul li:nth-child(2){margin-bottom: .1rem} @media (max-width:1600px){ .jryxsq ul {width: 4.1rem;height: 4.1rem;transform: rotate(45deg);} .jryxsq ul li h4{font-size: .28rem;} .jryxsq ul li{width:2rem;height: 2rem;font-size: .16rem;} } @media (max-width: 1366px){ .homec .slide-hct .h4,.homee .tit{font-size: .6rem} .homeb .amids .item1 h4,.homeb .item1 h4{font-size: .24rem} } */ .homed .slide-hdbg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0} .homed .slide-hdbg .a{transform: scale(1.1);transition: 5s linear;height: 100%;width: 100%} .homed .slide-hdbg .swiper-slide-active .a{transform: scale(1);} .homed .tabNav{position: absolute;right:0;top:27vh;width:24vw} .homed .tabNav li{border: 1px solid rgba(255,255,255,.3);cursor: pointer;position: relative;text-align: center;color: #fff;transition: .3s} .homed .tabNav li.on{background: rgba(201,159,77,.65); } .homed .tabNav li:nth-child(1){width: 9.5vw;height: 9.5vw;font-size: .24rem;margin-left: 2.2vw;} .homed .tabNav li:nth-child(2){width: 9.5vw;height: 9.5vw;margin-top:14vh;font-size: .24rem} .homed .tabNav li:nth-child(3){width: 9.5vw;height: 9.5vw;margin-left: 2.2vw;margin-top: -9.5vh;font-size: .24rem} .homed .tabNav li.on{transform: scale(1.15);} .homed .tabNav li:nth-child(1) i{display: block;width:.67rem;height: .64rem;background: url(../images/icod1.png) no-repeat center;background-size: 100% 100%;margin: 0 auto 1vh } /*.homed .tabNav li:nth-child(1).on i{background: url(../images/icod1on.png) no-repeat center;background-size: 100% 100%}*/ .homed .tabNav li:nth-child(2) i{display: block;width:.56rem;height: .5rem;background: url(../images/icod2.png) no-repeat center;background-size: 100% 100%;margin: 0 auto 1vh } /*.homed .tabNav li:nth-child(2).on i{background: url(../images/icod2on.png) no-repeat center;background-size: 100% 100%}*/ .homed .tabNav li:nth-child(3) i{display: block;width:.54rem;height: .58rem;background: url(../images/icod33.png) no-repeat center;background-size: 100% 100%;margin: 0 auto 1vh } /*.homed .tabNav li:nth-child(3).on i{background: url(../images/icod3on.png) no-repeat center;background-size: 100% 100%}*/ /*.draw::before, .draw::after {box-sizing: inherit;content: '';position: absolute;width: 100%;height: 100%; box-sizing: inherit;} .draw{transition:color .25s} .homed .tabNav .draw::after,.homed .tabNav .draw::before{border:1px solid transparent;width:0;height:0}*/ .homed .tabNav .draw::before{top:-1px;left:-1px;} .homed .tabNav .draw::after{bottom:-1px;right:-1px} .homed .tabNav li.on.draw::after,.homed .tabNav li.on.draw::before{width: calc(100% + 2px);height:calc(100% + 2px)} .homed .tabNav li.on.draw::before{border-top-color:#e9c66c;border-right-color:#e9c66c;transition:width .15s ease-out,height .15s ease-out .15s} .homed .tabNav li.on.draw::after{border-bottom-color:#e9c66c;border-left-color:#e9c66c;transition:border-color 0s ease-out .3s,width .15s ease-out .3s,height .15s ease-out .45s} .homed video{min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);object-fit: cover;} .homed .vh{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;overflow:hidden;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 0} .homed .vh:before{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.2);z-index: 1} .homed .aleft{max-width: 4.56rem;color: #fff;padding-top: 10vh} .homed .aleft .h4{font-size: .32rem;margin-bottom: 3.5vh;margin-top: 3.5vh;text-align: center} .homed .aleft .h4 span:before{content: '';height: 1px;width: .65rem;background: rgba(255,255,255,.8);display: inline-block;vertical-align: middle;margin-right: 1vw} .homed .aleft .h4 span:after{margin-left: 1vw; content: '';height: 1px;width: .65rem;background: rgba(255,255,255,.8);display: inline-block;vertical-align: middle;} .homed .aleft p{line-height: 1.8em;text-align: center} .homed .his2{} .homed .his2 .slide-yearp{width: 2.2rem} .homed .his2 .slide-yearp .sbtn{margin-top: 3vh} .homed .his2 .slide-yearp .sbtn a{display: block;width: .45rem;height: .45rem;border: 1px solid #ddd;line-height: .43rem;text-align: center;margin-left: 1.5vw;border-radius: 50%;font-size: .2rem;color: #fff} .homed .his2 .slide-yearp .sbtn a.prev{margin-bottom: 2vh} .homed .his2 .slide-yearp .sbtn a:hover{background: #ddbd6c;color: #cc9900;border-color:#ddbd6c } .homed .his2 .slide-yeart{width:calc(100% - 2.82rem);margin: 0} .homed .his2 .slide-year{height: 36vh;color: #fff;line-height: 9vh} .homed .his2 .slide-year .t{font-size: .3rem;padding-left: .1rem;cursor: pointer;} .homed .his2 .slide-year .swiper-slide-thumb-active .t{font-size: .45rem;color: #ffcc00;font-family: 'Arial';padding-left: 0;font-weight: bold;position: relative;} /* .homed .his2 .slide-year .swiper-slide-thumb-active .t:after{content: '';height: 1px;width: .65rem;background: #ffcc00;;display: inline-block;vertical-align: middle;}*/ .homed .his2 .slide-yeart {color: #fff} .homed .his2 .slide-yeart .t{font-size: .2rem;margin-bottom: 2vh} .homed .his2 .slide-yeart .h4{font-size: .24rem;margin-bottom: 2vh} .homed .his2 .slide-yeart .pic{height: 26vh;margin-bottom: 2vh} .homed .his2 .slide-yeart .desc{line-height: 1.8em} .homed .his3 .slide-jr{max-width: 7.27rem;margin: 0} .homed .his3 .tt{color: #fff;position: relative;padding: 2vh 0;padding-left: 1.5vw;} .homed .his3 .tt:before{content: '';width: 4px;background: rgba(255,255,255,.6);position: absolute;;left: 0;top:55%;transform: translateY(-50%);height: 1rem} .homed .his3 .tt .h5 span{font-family: 'Arial';font-size:.8rem;font-weight: bold;} .homed .his3 .tt p{font-size: .18rem} .homed .his3 .pga{margin-top: 2vh} .homed .his3 .pga span{width: 15px;height: 15px;border: 2px solid #fff;margin: 0 8px;opacity: 1;background: transparent} .homed .his3 .pga span.swiper-pagination-bullet-active{background: #e9c66c;border-color:#e9c66c } .videoHero .txt2{max-width: 1400px;width: 100%;position: absolute;top: 30vh;z-index: 5;margin: 0 auto;color: #fff;left: 50%;transform: translateX(-50%);} .videoHero .txt2 ul{width: 100%;align-items: center} .videoHero .txt2 ul li:nth-child(5){margin-left: 3vw} .videoHero .txt1{max-width: 1400px;width: 100%;position: absolute;bottom: 0;z-index: 5;margin: 0 auto;color: #fff;left: 50%;transform: translateX(-50%);} .videoHero .txt1 ul li{font-size: .22rem;height: 150px;position: relative;width: 31%;padding:25px 30px 0} .videoHero .txt1 ul li:before{height:2px;background: #fff;position: absolute;top: 0;left: 0;width: 100%;content: '';z-index: 0} .videoHero .txt1 ul li:after{background:url(../images/baslog.png) #0e50b0 no-repeat right center;position: absolute;top: 0;left: 0;height: 0;content: '';z-index: 1;width: 100%} .videoHero .txt1 ul li:hover:after{height: 100%;transition: .5s} .videoHero .txt1 ul li .num {position: relative;z-index: 2} .videoHero .txt1 ul li .num span{font-size: .54rem;font-family: 'Arial';font-weight: bold;vertical-align: -2px;margin-right: 10px} .videoHero .txt1 ul li p{font-size: .22rem;position: relative;z-index: 2} @keyframes awidth{from {width: 0}to {width: 100%}} .banner .pgaline1 {margin-top: .16rem;height: 3px;width: 2rem;background: rgba(255,255,255,.1);position: relative;} .banner .pgaline1 span{position: absolute;left:0;top: 0;bottom: 0;width: 100%;background: #fff;transform: scaleX(0);} .banner .pgaline1 svg{height: 4px} .banner .pgaline1 .cls-1,.banner .pgaline1 .cls-2{fill:none;stroke-miterlimit:10;stroke-width:4px;}.banner .pgaline1 .cls-1{stroke:rgba(255,255,255,.1);}.banner .pgaline1 .cls-2{stroke:#fff;} .banner .pgaline span{position: relative; background: rgba(255,255,255,.3);margin: 0 5px;height: 4px;opacity: 1;border-radius: 0} .banner .pgaline span.swiper-pagination-bullet-active{position: relative; background: rgba(255,255,255,.3);} .banner .pgaline span.swiper-pagination-bullet-active i{display: block;} .banner .pgaline span i{position: absolute;left:0;top: 0;bottom: 0;width: 0;background: #fff;display: none} @media (max-width: 1366px){ .homec .tabNav li .t .h4{font-size: .26rem} } /*0527*/ .homec .pubCon{margin-left: 11vw;margin-right: 11vw} .homec .slide-hct{position: absolute;top:20vh;left: 0;z-index: 10;color: #fff} .homec .slide-hct .h4{font-size: .7rem;margin-bottom: .5rem} .homec .tabNav{height: 50vh;display: flex;justify-content: space-between;position: absolute;bottom: 15vh;left: 0;right: 0;background: url(../images/inslog.png) no-repeat 95% center;background-size: auto 80%} .homec .tabNav li{width: 1.25rem;height: 50vh;color: #fff;background:url(../images/pibg.png) no-repeat bottom center;background-size: 100% 100%;transition: .3s;cursor: pointer;position: relative;overflow: hidden;} .homec .tabNav li .t{width: 1.25rem;position: relative;height: 100%;} .homec .tabNav li .t span{writing-mode: tb-lr;writing-mode: vertical-lr;font-size: .3rem;position: absolute;left: 50%;transform: translateX(-50%);top: 20%} .homec .tabNav li.on{width:calc(100% - 5.5rem) } .homec .tabNav li.on .txt{opacity: 1;visibility: inherit;transition: .3s .2s } .homec .tabNav li.on .t{opacity: 0;visibility: hidden;} .homec .tabNav li.on:nth-child(1){background: url(../images/pibg1.png) no-repeat bottom center;background-size: 100% 100%} .homec .tabNav li.on:nth-child(2){background: url(../images/pibg2.png) no-repeat bottom center;background-size: 100% 100%} .homec .tabNav li.on:nth-child(3){background: url(../images/pibg3.png) no-repeat bottom center;background-size: 100% 100%} .homec .tabNav li.on:nth-child(4){background: url(../images/pibg4.png) no-repeat bottom center;background-size: 100% 100%} .homec .tabNav li.on:nth-child(5){background: url(../images/pibg5.png) no-repeat bottom center;background-size: 100% 100%} .homec .tabNav li .txt{padding: .5rem;position: absolute;top: 0;left: 0;bottom: 0;right: 0;opacity: 0;visibility: hidden;} .homec .tabNav li .tx p{font-size: .22rem;line-height: 1.6em;margin-bottom: .2rem} .homec .tabNav li .tx a{color: #fff;font-size: .18rem} .homec .tabNav li .tx a i{font-size: .2rem;margin-left: .05rem;vertical-align: -1px} .homec .tabNav li .tit{margin-bottom: .3rem} .homec .tabNav li .tit h4{font-size: .36rem;font-weight: bold;position: relative;padding-left: 1rem} .homec .tabNav li .tit h4:hover:before{transition: .8s;transform: rotateY(-360deg)} .homec .tabNav li.on .tit h4:before{transition: .8s;transform: rotateY(360deg)} .homec .tabNav li .tit h4:before{content: '';width: .8rem;height: .8rem;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;position: absolute;top:-.1rem;left: 0;} .homec .tabNav li .tit h4 span{display: inline-block;} .homec .tabNav li .tit h4 span:after{content: '';height: 3px;width: 100%;display: inline-block;margin-top: .2rem;background: rgba(255,255,255,.3);} .homec .tabNav li:nth-child(1) .tit h4:before{background-image: url(../images/pi1.png);} .homec .tabNav li:nth-child(2) .tit h4:before{background-image: url(../images/pi2.png);} .homec .tabNav li:nth-child(3) .tit h4:before{background-image: url(../images/pi3.png);} .homec .tabNav li:nth-child(4) .tit h4:before{background-image: url(../images/pi4.png);} .homec .tabNav li:nth-child(5) .tit h4:before{background-image: url(../images/pi5.png);} /**/ .jryxsq{padding-top: 1rem;padding-left:2rem;padding-bottom: 1.5rem} .jryxsq ul {width: 4.7rem;height: 4.7rem;transform: rotate(45deg);transition: .3s} .jryxsq ul.hide{opacity: 0;visibility: hidden;} .jryxsq ul li{width:2.3rem;height: 2.3rem;transition: .5s;background: rgba(0,108,231,.3);color: #fff;text-align: center;font-size: .18rem;transition: .3s;cursor: pointer;} .jryxsq ul li:hover{background: rgba(0,108,231,.6)} .jryxsq ul li .t{transform: rotate(-45deg);} .jryxsq ul li h4{font-size: .32rem;margin-bottom: .15rem} .jryxsq ul li p span{color: #ffcc66} .jryxsq ul li:nth-child(1){margin-bottom: .1rem} .jryxsq ul li:nth-child(2){margin-bottom: .1rem} .jryxsq .rotasq {width: 4.7rem;height: 4.7rem;background: rgba(0,108,231,.3);position: absolute;top: 1rem;left: 2rem;transform: rotate(45deg);opacity: 0;visibility: hidden;z-index: -100;transition: .3s} .jryxsq .rotasq.show{opacity: 1;visibility: inherit;z-index: 10} .jryxsq .rotasq .ttt{color: #fff;text-align: center;transform: rotate(-45deg);} .jryxsq .rotasq h4{font-size: .36rem;margin-bottom: .3rem} .jryxsq .rotasq h4 strong{color: #ffcc66} .jryxsq .rotasq p.p1{font-size: .26rem;margin: 0 auto .2rem} .jryxsq .rotasq p.p3{font-size: .22rem;line-height: 1.4em;padding: .05rem 0} .jryxsq .rotasq p.p2{font-size: .20rem;line-height: 1.4em;padding: .05rem 0} .jryxsq .rotasq p.p2 span{font-size: .26rem;font-weight: bold;} .jryxsq .sq1 .cirsq{max-width: 3.2rem;margin: 0 auto} .jryxsq .sq1 .cirsq span{display: flex;justify-content: center;flex-direction: column;width: .55rem;height: .55rem;background: rgba(255,255,255,.2);color: #fff;text-align: center;font-size: .24rem;border-radius: 50%;margin: .05rem .1rem} .jryxsq .sq1 .cirsq span:nth-child(5){width: .75rem;height: .75rem;font-size: .2rem} .jryxsq .sq1 .cirsq span:nth-child(6){width: .75rem;height: .75rem;font-size: .2rem} .homeb .aleft .pga{text-align: center;margin-top: .2rem} .homeb .aleft .pga span {width: 12px;height: 12px;opacity: 1;margin: 0 .08rem;background: #bbb} .homeb .aleft .pga span.swiper-pagination-bullet-active {background:#e40517 } .homed .his1 ul{padding-top: .55rem} /*OLDER*/ /*.his1 ul{align-items: center;margin-bottom: 5vh} .his1 ul li{width: 24%;background: rgba(255,255,255,.1);border-radius: .4rem 0 .4rem 0;padding: .3rem;height: 100%} .his1 ul li:hover{background: rgba(15,165,251,.5);} .his1 ul li .h4{font-size: .3rem;color: #ffcc66;line-height: 1.2em;margin-bottom: .2rem} .his1 ul li .h4:after{content: '';width: .5rem;height: 2px;background: #ffcc66;display: block; margin-top: .2rem; margin: .2rem auto 0;} */ /*0531*/ .his1 ul li{width: 24%;background: url(../images/0531/wlsq.png) no-repeat top center;background-size: 100% 100%;height: 4rem;padding: .55rem .2rem;position: relative;} .his1 ul li i{width: .7rem;height: .7rem;border-radius: 50%;background: rgba(255,255,255,.2);position: absolute;left: 50%;margin-left: -.35rem;top:-.5rem;padding-top: .15rem} .his1 ul li i img{margin: 0 auto;width: .44rem} .his1 ul li .h4{font-size: .3rem;color: #ffcc66;line-height: 1.2em;margin-bottom: .2rem; text-align: center;font-weight:bold;text-shadow: 0 3px 0 rgba(0,0,0,.2);} .his1 ul li .h4:after{content: '';width: .5rem;height: 2px;background: #ffcc66;display: block; margin-top: .2rem; margin: .2rem auto 0} .homed .his1 ul li .txt{color: #fff;line-height: 2em;} .homed .his1 ul li .txt p{margin-bottom: .1rem;font-size: .20rem;/* text-align: center; */line-height: 1.8em;} .homed .his1 .cirlist .item{width: 33.333%;text-align: center;} .homed .his1 .cirlist p{text-align: center;color: #fff;position: relative;font-size: .24rem;} .homed .his1 .cirlist p span{color: #ecc06b;} .pE-itemss{height: 50px;width: 100%} .pE-itemss:before{content: '';position: absolute;top: 50%;height: 0;border-top: 1px dashed rgba(255,255,255,.6);left: 22%;width: calc(30% - .6rem)} .pE-itemss:after{content: '';position: absolute;top: 50%;height: 0;border-top: 1px dashed rgba(255,255,255,.6);right: 22%;width: calc(30% - .6rem)} .pE-itemss .swiper-pagination{display: flex;justify-content: space-between;} .pE-itemss .swiper-pagination-bullets .swiper-pagination-bullet {width: 33.33333%;text-align: center;border-radius: 0;height: 30px;margin: 0 ;position: relative;background: transparent;opacity: 1;} .pE-itemss .swiper-pagination-bullets .swiper-pagination-bullet i{position:absolute;display:inline-block;border-radius:50%;content:'';background-color:rgba(255,255,255,.7);width: 18px;height: 18px;left: 50%;transform:translateX(-50%);top:6px;} .pE-itemss .swiper-pagination-bullets .swiper-pagination-bullet-active i::before{animation:scaleThree 1.5s infinite} .pE-itemss .swiper-pagination-bullets .swiper-pagination-bullet-active i::after,.pE-itemss .swiper-pagination-bullets .swiper-pagination-bullet-active i::before{position:absolute;display:inline-block;border-radius:50%;content:'';background-color:rgba(255,255,255,.9);width: 18px;height: 18px;left: 0;top:0;} @keyframes scaleThree{0%{transform:scale(1);opacity:.9}100%{transform:scale(3);opacity:0}} @media (max-width:1600px){ .jryxsq ul {width: 4.1rem;height: 4.1rem;} .jryxsq ul li h4{font-size: .28rem;} .jryxsq ul li{width:2rem;height: 2rem;font-size: .16rem;} .jryxsq .rotasq {width: 4.1rem;height: 4.1rem;} } @media (max-width: 1366px){ .homec .slide-hct .h4,.homee .tit{font-size: .6rem} .homeb .amid .item1 h4,.homeb .item1 h4{font-size: .24rem} .jryxsq .rotasq h4{font-size: .3rem;margin-bottom: .2rem} .his1 ul li .h4{font-size: .26rem} .jryxsq .rotasq p.p1{font-size: .24rem;} .jryxsq .rotasq p.p3{font-size: .2rem} .jryxsq .rotasq p.p2{font-size: .18rem;} .jryxsq .rotasq p.p2 span{font-size: .24rem;} } .homed .his2 .slide-yearp{padding-top: .6rem} .homed .his2 .slide-yearp .sbtn a{} .homed .his2 .slide-yearp .sbtn a.prev{top: 0;left: 0;position: absolute;} .homed .his2 .slide-yearp .sbtn a.next{bottom: 0;left: 0} .bannerm{display: none} .bannerm .bgimg{display: block;} .bannerm .bgimg{height: calc(100vh - .7rem);width: 100vw;display: block;} .bannerm .bgimg img{display: none} .bannerm .pga{position: absolute;left: 0;bottom: .3rem;text-align: center;;width: 100%;z-index: 10} .bannerm .pga span{width: .2rem;height: 5px} .bannerm .pga span.swiper-pagination-bullet-active{width: .4rem;} @media screen and (max-width: 1279px){ .homed .bg2 .a{display: block;} .banner{display: none} .bannerm{display:block;} /*.rightFix{display: block;}*/ body,html{position:relative;height:auto} .slideMain .swiper-slide{height:auto;width: 100%} .main-wrapper{display: block;} .slideMain .swiper-slide .wp{margin-top: 0;height: auto} .pubCon{height: auto;margin-left: 5%;margin-right: 5%;display: block;} .homeb{padding-bottom: .8rem} .homeb .aleft{width: 100%;margin-bottom: .4rem} .homeb .amid{width: 100%;margin-bottom: .4rem} .homeb .aright1{width: 100%} .homeb .item1 .pic{height: 55vw} .homeb .tabNav li{font-size: .25rem} .homec .pubCon{margin-left: 5%;margin-right: 5%} .homec{padding: .8rem 0} .homec .slide-hct{position: relative;top: 0} .homec .tabNav li .tx p{font-size: .18rem} .homec .tabNav{position: relative;bottom: 0} .homed .pubCon{padding-top:1rem;padding-bottom: .8rem} .homed .tabNav{position: relative;top: 0;width: 3.8rem;margin: 0 auto} .homed .slide-hdt{max-width: inherit;} .homed .tabNav li:nth-child(1){width: 1.5rem;height: 1.5rem} .homed .tabNav li:nth-child(2){width: 1.5rem;height: 1.5rem;margin-top: 1rem} .homed .tabNav li:nth-child(3){width: 1.5rem;height: 1.5rem;margin-top: -.3rem} .homee{padding: 1rem 0} .homee .pubCon{padding-top: 0} .homee .tit{margin-bottom: 1rem} .homee .list{position: relative;bottom: 0;right: 0} .homee .list li{width: 30%} .jryxsq{padding-left: 0;} .jryxsq ul{margin: 0 auto} } @media screen and (max-width: 900px){ .homeb{background-image: url(../images/0529/bg22.jpg);} .loader img{width:auto;max-height: inherit;height: .6rem} .homee .tit{font-size: 6vw} .homec .tabNav li .t span{writing-mode: inherit;position: static;transform: none} .bannerm .bgimg img{display: none}.homec .tabNav{;min-height: 50vh;background-size: 80% auto;background-position: center;display: block;white-space: nowrap;overflow-x: auto;overflow-y: hidden;padding-bottom: .15rem} .homec .tabNav::-webkit-scrollbar{height:4px} .homec .tabNav::-webkit-scrollbar-thumb{border-radius:10px;background:#17a543;} .homec .tabNav::-webkit-scrollbar-track{border-radius:10px;background:#ededed;} .homec .tabNav li{width: 90vw;min-height: 50vh;margin-bottom:0;display: inline-block;cursor: inherit;} .homec .tabNav li .t{width: 100%;height: auto;display: none} .homec .tabNav li.on{width:90vw} .homec .tabNav li .txt{position: relative;opacity: 1;visibility: inherit;white-space:normal;} .homec .tabNav li:nth-child(1){background: url(../images/pibg1.png) no-repeat bottom center;background-size: 100% 100%} .homec .tabNav li:nth-child(2){background: url(../images/pibg2.png) no-repeat bottom center;background-size: 100% 100%} .homec .tabNav li:nth-child(3){background: url(../images/pibg3.png) no-repeat bottom center;background-size: 100% 100%} .homec .tabNav li:nth-child(4){background: url(../images/pibg4.png) no-repeat bottom center;background-size: 100% 100%} .homec .tabNav li:nth-child(5){background: url(../images/pibg5.png) no-repeat bottom center;background-size: 100% 100%} /*.his1 ul{padding-left: .6rem} .his1 ul li{width: 100%;margin-bottom: .2rem} .his1 ul li{background: url(../images/0531/wlsqm.png) no-repeat left center;background-size:auto 100% ;height: 2.2rem; padding:.3rem .3rem .3rem .5rem;position: relative;} .his1 ul li i{left: -.2rem;transform:translateX(0) translateY(-50%);top: 50%}*/ .his1 ul li{width: 48%;height: auto;padding-bottom: .8rem;margin-bottom: .4rem;margin-top: .3rem} .his1 ul li:nth-child(1){order: 1} .his1 ul li:nth-child(2){order: 3} .his1 ul li:nth-child(3){order: 2} .his1 ul li:nth-child(4){order:4} .his1{background-size: 100% auto} } @media screen and (max-width: 640px){ .homec .tabNav li .tit h4{font-size: 6vw} .homec .slide-hct .h4{font-size: 8vw} .homeb .amid .item1 h4, .homeb .item1 h4{font-size: .22rem;line-height: 1.6em;margin-top: .15rem} .homeb .amid .item1{padding: .25rem 0} /*.his1 ul li{width: 49%;margin-bottom: .2rem}*/ .homed .his1 .cirlist p{font-size: .18rem} .homed .his2 .slide-yearp{width: 1.2rem} .homed .his2 .slide-yeart{width: calc(100% - 1.25rem);} .homed .his2 .slide-year .swiper-slide-thumb-active .t{font-size: 7vw} .homed .his2 .slide-year .swiper-slide-thumb-active .t:after{width: .3rem} .homed .his2 .slide-year .t{font-size: 5vw} .homed .his2 .slide-yeart .pic{height: 40vw;margin-bottom: .2rem} .homed .his2 .slide-yeart .t{font-weight: bold;font-size: .32rem} .jryxsq{padding-left: 0} .jryxsq ul{width: 62vw;height: 62vw} .jryxsq ul li{width: 30vw;height: 30vw} .jryxsq ul li h4{font-size: .24rem} .homee{background-position: 34% center} .homee .list li{width: 100%;margin-bottom: .5rem} .homee .tit{font-size: 8vw} .homee .list li .t{margin-bottom: .3rem;padding-bottom: .3rem} .homee .list li .t img { display: inline-block; margin-right: .1rem; vertical-align: -.08rem; width: .34rem; height: .38rem; } .homee .list li .t{font-size: .28rem} } /*0609*/ .jryxsq1{/*padding-top: .3rem*/} .jryxsq1 .sqtit{font-size: .4rem;text-align: center;color: #fff;margin-bottom: .3rem} .jryxsq1 .tabnav3{width: 35%} .jryxsq1 .tabnav3 li{height: 12vh;margin-bottom: .1rem;background: rgba(255,255,255,.25);display: flex;justify-content: space-between;padding: 0 .2rem;cursor: pointer;} .jryxsq1 .tabnav3 li:last-child{margin-bottom: 0} .jryxsq1 .tabnav3 li.on{background: rgba(255,255,255,1);} .jryxsq1 .tabnav3 li .txt{font-size: .22rem;color: #fff;display: flex;justify-content: center;flex-direction: column;width: calc(100% - .6rem)} .jryxsq1 .tabnav3 li.on .txt strong{color: #cc0000} .jryxsq1 .tabnav3 li.on .txt{color: #555} .jryxsq1 .tabnav3 li .ico{display: flex;justify-content: center;flex-direction: column;} .jryxsq1 .tabnav3 li .ico i{display:block;width: .46rem;height: .46rem;background-repeat: no-repeat;background-position: center;background-size: 100% 100% } .jryxsq1 .tabnav3 li .ico .i1{background-image: url(../images/0609/i1.png);} .jryxsq1 .tabnav3 li .ico .i2{background-image: url(../images/0609/i2.png);} .jryxsq1 .tabnav3 li .ico .i3{background-image: url(../images/0609/i3.png);} .jryxsq1 .tabnav3 li .ico .i4{background-image: url(../images/0609/i4.png);} .jryxsq1 .tabnav3 li.on .ico .i1{background-image: url(../images/0609/i1on.png);} .jryxsq1 .tabnav3 li.on .ico .i2{background-image: url(../images/0609/i2on.png);} .jryxsq1 .tabnav3 li.on .ico .i3{background-image: url(../images/0609/i3on.png);} .jryxsq1 .tabnav3 li.on .ico .i4{background-image: url(../images/0609/i4on.png);} .jryxsq1 .slide-his3{width: calc(65% - .1rem);margin: 0;background:rgba(255,255,255,.25); } .jryxsq1 .slide-his3 .box{padding:.2rem .4rem} .jryxsq1 .slide-his3 .hsq1 h4{font-size: .28rem;color: #fff;text-align: center;margin-bottom: .4rem} .jryxsq1 .slide-his3 .hsq2 h4{font-size: .28rem;color: #fff;text-align: center;margin-bottom: .4rem} .jryxsq1 .slide-his3 .hsq2 ul li{width: calc(33.33333% - .1rem);border: 1px solid #fff;padding: .15rem;text-align: center;color: #fff;margin-bottom: .2rem} .jryxsq1 .slide-his3 .hsq2 ul li span{font-size: .3rem;color: #ffcc00;font-weight: bold;} .jryxsq1 .slide-his3 .hsq2 ul li:nth-child(1){width: calc(50% - .1rem)} .jryxsq1 .slide-his3 .hsq2 ul li:nth-child(2){width: calc(50% - .1rem)} .jryxsq1 .slide-his3 .hsq3 ul{width: 60%} .jryxsq1 .slide-his3 .hsq3 ul li{display: flex;justify-content: space-between;padding: 2vh 0} .jryxsq1 .slide-his3 .hsq3 ul li .ico{width: .78rem} .jryxsq1 .slide-his3 .hsq3 ul li .txt{width: calc(100% - .9rem);font-size: .18rem;color: #fff} .jryxsq1 .slide-his3 .hsq4 ul{width:80% } .jryxsq1 .slide-his3 .hsq4 .txt{width:80%;padding: 0 .2rem } .jryxsq1 .slide-his3 .hsq4 ul{padding-bottom: 3vh;margin-bottom: 3vh;border-bottom: 1px solid rgba(255,255,255,.3)} .jryxsq1 .slide-his3 .hsq4 ul li{width: 50%;text-align: center;color: #fff} .jryxsq1 .slide-his3 .hsq4 ul li img{width: 1rem;margin-bottom: .1rem} .jryxsq1 .slide-his3 .hsq4 ul li span{position: absolute;left: 50%;transform: translateX(-50%) translateY(-50%);top: 50%} .jryxsq1 .slide-his3 .hsq4 ul li span em{font-size: .3rem;font-weight: bold;color: #fff;display: block;} .jryxsq1 .slide-his3 .hsq4 .txt p{padding: 5px 0;color: #fff} .jryxsq1 .slide-his3 .hsq4 .txt p:before{content: '';display: inline-block;width: 8px;height: 8px;border: 1px solid #fff;border-radius: 50%;vertical-align: 0;margin-right: 5px} @media (max-width: 980px){ .jryxsq1 .tabnav3{width: 100%;margin-bottom: .2rem}.jryxsq1 .slide-his3{width: 100% } .jryxsq1 .tabnav3 li{height: 1rem} .jryxsq1 .slide-his3 .hsq3 ul{width: 100%} .jryxsq1 .slide-his3 .hsq4 ul{width:100% } .jryxsq1 .slide-his3 .hsq4 .txt{width:100%;padding: 0 .2rem } .jryxsq1 .slide-his3{background:rgba(33,103,224,.4); } }