.nyheader{width: 100%;background: url(../images/ny/topmask.png) repeat-x left top;content: '';position: fixed;left: 0;top: 0;width: 100%;height: 1.5rem;z-index: 10;background-size: 100% 100%;} .iconfont{font-size: inherit;} /* .nyheader:after{width: 100%;background-image: linear-gradient(#036fb4,rgba(255,255,255,0));content: '';position: absolute;left: 0;top: 0;width: 100%;height: 150%;z-index: -1;} */ .nytop{height: 6rem;position: relative;color: #fff} .nytop:after{height: 500px;position: relative;} .nytop .wp{height: 100%;position: relative;z-index:5 ;padding-bottom: 1rem} .nytop .tit{font-size: .46rem;font-weight: bold;text-shadow: 2px 2px 5px rgba(0,0,0,.2)} .nytop .tit span{color: #fff;display: inline-block;line-height: 1em;} .posi{ padding: 15px 5px 15px 0;color: #fff;border-radius: 0 25px 0 0;position: relative;font-size:.18rem} .posi i{font-size: .2rem;margin:0 10px;} .posi a{color: #fff;} /* .nytop:before{content: '';position: absolute;left: 0;bottom: 0;right: 0;height: 50%;background: url(../images/ny/banmask.png) no-repeat top center;background-size: 100% 100%;z-index: 3;} */ /* .nytop:after{width: 100%;background-image: linear-gradient(#036fb4,rgba(255,255,255,0));content: '';position: absolute;left: 0;top: 0;width: 100%;height: 50%;z-index: -1;} */ .nysubnav{background: #fff;/*box-shadow: 0 0 10px 2px rgba(0, 0, 0, .3);*/border-bottom:2px #eef2f5 solid;} .pb_sys_common { font-size: 12px; font-family: SimSun; line-height: 55px!important; color: #222; } .pb_sys_common .p_goto input { width: 50px!important; text-align: center; } .nysubnav ul::-webkit-scrollbar{height:3px} .nysubnav ul::-webkit-scrollbar-track{border-radius:10px;background: #eee} .nysubnav ul::-webkit-scrollbar-thumb{border-radius:10px;background:#ddd;} /*.nysubnav ul{overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch; }*/ .nysubnav ul > li {display: inline-block;text-align: center;line-height: .6rem;height: .6rem;font-size:.18rem;position: relative;} .nysubnav ul > li:first-child a{padding-left: 0;} .nysubnav ul > li:last-child a::after{display: none;} .nysubnav ul > li a{font-weight: 400;padding: 0 .4rem;display: inline;width: 100%;position: relative;} .nysubnav ul > li a::after{position: absolute;right: 0;top: 50%;width: 1px;height: .16rem;background: #dddddd;content: '';margin-top: -.08rem;} .nysubnav ul > li:hover > a,.nysubnav ul li.cur > a{color: #e40517;font-weight: bold;} /* .nysubnav ul li:after{content: '';position: absolute;left:50%;bottom:0;right: 0;height: 3px;width: 0;background: #bb1b28;transition: .3s;transform: translateX(-50%)} */ .nysubnav ul > li.cur:after{width: 100%;} .nysubnav ul > li:hover:after{width: 100%;} /* .nysubnav ul > li a{display: block;} */ .nysubnav ul > li:last-child{margin-right: 0} .nysubnav .Tsub{position: absolute;width: 2rem;top: 100%;background: #fff;left: 50%;margin-left: -1rem;z-index: 10;box-shadow: 0 0 10px rgba(0,0,0,.1);padding: .1rem 0;display: none} .nysubnav .Tsub a{padding: .1rem;width: 100%;line-height: 1.2em;display: block;font-size: .16rem;} .nysubnav .Tsub a.cur{color: #e40517} .nysubnav .Tsub a:after{display: none} .nysubnav ul > li:hover .Tsub{display: block;} .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 span{margin-right: .15rem;display: inline-block;} .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} .rightNav ul{padding:0 .6rem} .rightNav ul li{margin-bottom: .4rem;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 .h4:after{content: "\e600";font-family: "iconfont" !important;position: absolute;top:.08rem;;right: 0;font-size: .15rem} .rightNav ul li .h5{padding: .07rem 0} .rightNav ul li .h5 a{color: #888} .rightNav ul li .h5 a:hover{color: #d61519} */ .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 .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){ } .compensate-for-scrollbar{margin-right: 0!important} .nybg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 2} .prosub{margin-bottom: .7rem;display: block;text-align: center;} .prosub li{margin:0 .1rem;display: inline-block;} .prosub li.on a{background: #e40517;color: #fff} .prosub li a:hover{background: #e40517;color: #fff} .prosub li a{display: block;height: .52rem;line-height: .52rem;padding: 0 .35rem;font-size: .2rem;transition: .3s;background: #eaeaeb} .prosub{overflow-x: auto;white-space: nowrap;padding-bottom: 5px} .prosub::-webkit-scrollbar{height:3px} .prosub::-webkit-scrollbar-track{border-radius:0;background: rgba(0,0,0,.15);border-radius: 5px} .prosub::-webkit-scrollbar-thumb{border-radius:0;background:#bbb;;border-radius: 5px} .pages{margin-bottom: .6rem} .pages ul{text-align: center;} .pages ul li{text-align:center;font-size: .16rem;display: inline-block;margin:.02rem} .pages ul li a{height: .4rem;text-align: center;line-height: .38rem;padding: 0 8px;min-width: .4rem; display: block;border: 1px solid #ddd;border-radius: 3px} .pages ul li.cur{background: #054fa8;padding: 0 8px;min-width: .4rem;height: .4rem;line-height: .4rem; border: 0;border-radius: 3px } .pages ul li a.on{background: #054fa8;padding: 0 8px;min-width: .4rem;height: .4rem; line-height: .38rem;color: #fff } .pages ul li.cur{color:#fff;} .pages ul li.page-count{line-height: .38rem} .page-form {line-height: .38rem} .page-form input{border:1px solid #ddd;width: .4rem;height: .4rem;float: left;text-align: center;padding: 0 3px;background: transparent;border-radius: 3px;margin: 0 5px} .page-form span{float: left;color: #666} .page-form button{border:none;padding: 0 .1rem;height: .4rem;line-height: .4rem;text-align: center;margin-left: 3px; float: left;background: #054fa8;color: #fff;border-radius: 3px;margin-left: 5px} .scbox{overflow-y:auto } .scbox::-webkit-scrollbar{width:3px} .scbox::-webkit-scrollbar-track{border-radius:5px;;background: rgba(255,255,255,.2);} .scbox::-webkit-scrollbar-thumb{border-radius:5px;background:#fff;;} .left_menus{position:relative;display:none;padding:.18rem .3rem;background:#777;;color:#fff;cursor:pointer;border-radius: 5px } .left_menus i{height: 15px} .left_menus.on i{display:inline-block;transform:rotate(180deg)} .left_menus span{position:relative;display:block;overflow:hidden;padding-left:.35rem;width:calc(100% - .2rem); text-overflow:ellipsis;white-space:nowrap;line-height:1em;font-size: .2rem;text-align: left;} .left_menus span:after{position:absolute;top:50%;left:0;width:.25rem;height:2px;background:#fff;content:'';transform:translateY(-50%)} @media screen and (max-width: 1366px){ .nytop{height: 5rem}.nytop .wp{padding-bottom: .6rem} } @media screen and (max-width: 1200px){ .nytop{height: 34vw} .nytop .tit{font-size: .36rem} .nyheader{display: none} body{padding-top: .8rem} .topFix{padding: .15rem 3%;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,.15)} .topFix .logo img{height: .5rem} .topFix.black{background: #fff} .rightNav{width: 3.6rem;padding-top: 1.1rem} .topFix .logo{padding: 0} .topr .search{display: none} .rightNav .m-show{display: block;} } @media screen and (max-width: 1200px){ .footer .infoft .aleft{width: 100%}.footer .infoft .aright{display: none}.footer .infoft .aleft .txt{padding-left: 0;text-align: center;} .footer .ftlogo{justify-content: center;display: flex;} .footer .copyft p{width: 100%;text-align: center;margin-bottom: .1rem} .footer .copyft .list{width: 100%;justify-content: center;} .footer .copyft{padding-bottom: .35rem } } @media screen and (max-width: 980px){ .left_menus { display: flex; } .nymain{margin-top: .2rem} .nysubnav .Tsub{position: relative;width: 100%;top: 0;background: transparent;left:0;margin-left:0;z-index: 10;box-shadow:none;padding: 0;display: block;} .nytop{margin-bottom: .2rem} .nysubnav{border-bottom: 0} .nysubnav ul{padding: .15rem 0;display: none;background: #f9f9f9} .nysubnav ul > li{font-size: .2rem} .nysubnav ul > li{display: block;height: auto;line-height: 1.2em} .nysubnav ul > li a{padding: .1rem 0;display: block;} .nysubnav ul > li a::after{display: none} .topr{padding-left: 0} .rightNav{padding: 1rem 0 .4rem} .rightNav .sc{height: calc(100vh - 1.4rem)} body{padding-top: .7rem} .topFix{padding: .1rem 3%} .topFix .wps{display: flex;justify-content: space-between} .topFix .wps:after{display: none} .topr .navbtn span{display: none} .footer .copyft p span{margin-bottom: 5px} } @media (max-width: 640px){ .nytop{height: 45vw} .nytop .wp{padding-bottom: .2rem} .footer{padding-top: .25rem} .nytop .tit{font-size: .32rem} } .pages{margin-bottom: .6rem} .pages ul{text-align: center;} .pages ul li{text-align:center;font-size: .16rem;display: inline-block;margin:.02rem} .pages ul li a{height: .4rem;text-align: center;line-height: .38rem;padding: 0 8px;min-width: .4rem; display: block;border: 1px solid #ddd;border-radius: 3px} .pages ul li.cur{background: #054fa8;padding: 0 8px;min-width: .4rem;height: .4rem;line-height: .4rem; border: 0;border-radius: 3px } .pages ul li a.on{background: #054fa8;padding: 0 8px;min-width: .4rem;height: .4rem; line-height: .38rem;color: #fff } .pages ul li.cur{color:#fff;} .pages ul li.page-count{line-height: .38rem} .page-form {line-height: .38rem} .page-form input{border:1px solid #ddd;width: .4rem;height: .4rem;float: left;text-align: center;padding: 0 3px;background: transparent;border-radius: 3px;margin: 0 5px} .page-form span{float: left;color: #666} .page-form button{border:none;padding: 0 .1rem;height: .4rem;line-height: .4rem;text-align: center;margin-left: 3px; float: left;background: #054fa8;color: #fff;border-radius: 3px;margin-left: 5px} /*社会责任*/ .nyshzr1{background: url(../images/0516/shhbg.jpg) no-repeat bottom center;background-size:cover;min-height: 500px;padding: .8rem 0} .zr1a{margin-bottom: .8rem} .zr1a .pic{width: 58%;height: 4.85rem} .zr1a .txt{width: 48%;position: absolute;top: .3rem;bottom: .3rem;right: 0;z-index: 2;background:url(../images/0516/sh1bg.jpg) no-repeat center;background-size:cover;padding: .5rem} .zr1a .txt h4{color: #fff;font-size: .36rem;font-weight: bold;margin-bottom: .2rem;line-height: 1.4em;position: relative;} .zr1a .txt h4:before{content: '';width:.46rem ;height:.44rem ;background: url(../images/0516/sh1dh.png) no-repeat center; background-size: 100% 100%;position: absolute;left: -.2rem;bottom: .2rem} .zr1a .txt .desc{line-height: 1.8em;font-size: .18rem;text-align: justify;color: #fff} .zr1a .txt .desc .scbox{max-height: 2.6rem;padding-right: 10px} .zr1b .txt{width: 48%;padding-top: 8%} .zr1b .pic{width: 48%} .zr1b .txt h4{color: #1e9e55;font-size: .36rem;font-weight: bold;margin-bottom: .25rem;line-height: 1.4em} .zr1b .txt .desc{line-height: 1.8em;font-size: .18rem;text-align: justify;} .nyshzr2{background: url(../images/0516/shfbg.jpg) no-repeat bottom center;background-size:cover;min-height: 500px;padding: 1rem 0 1.6rem} .zr2a{padding:.5rem 0 .5rem 2.2rem;position: relative;} .zr2a:after{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 50%;background: url(../images/0516/shbbb.jpg) no-repeat center;background-size: cover} .zr2a:before{content: "society";position: absolute;left: 0;top: 0;color: rgba(255,255,255,.4);writing-mode: tb-lr;writing-mode: vertical-lr;font-weight: bold;font-size: .8rem;text-transform: uppercase;left: .45rem;top: .5rem;letter-spacing: .1em;z-index: 3} .zr2a .pics .pic{width: 48.5%;} .zr2a .txt{background:url(../images/0516/zr2bg.png) no-repeat left center;background-size: 100% 100%; padding: .5rem;max-width: 11rem;position: relative;z-index: 2;border-left: 8px solid #27cda7} .zr2a .txt h4{font-size: .36rem;font-weight: bold;margin-bottom: .2rem;line-height: 1.4em;position: relative;} .zr2a .txt h4:before{content: '';width:.46rem ;height:.44rem ;background: url(../images/0516/sh1dh.png) no-repeat center; background-size: 100% 100%;position: absolute;left: -.2rem;bottom: .2rem} .zr2a .txt .desc{line-height: 1.8em;font-size: .18rem;text-align: justify;margin-bottom: .2rem} .nyshzr3{background: url(../images/0516/zlbg.jpg) no-repeat bottom center;background-size:cover;min-height: 500px;padding: .8rem 0} .zr3b .pic{width: 55%;height: 4.15rem} .zr3b .txt{width: 51%;position: absolute;top: .3rem;bottom: .3rem;left: 0;z-index: 2;background:url(../images/0516/dotbg.jpg) no-repeat center;background-size:cover;padding:.7rem .5rem .5rem} .zr3b .txt:before{content: '';width:.85rem ;height:.84rem ;background: url(../images/0516/dot2.png) no-repeat center; background-size: 100% 100%;position: absolute;left: .5rem;top: -.5rem} .zr3b .txt .desc{line-height: 1.8em;font-size: .18rem;text-align: justify;text-indent: 2em} .zr3a{margin-bottom: .8rem} .zr3a .txt{width: 48%;padding-top: 8%} .zr3a .pic{width: 48%} .zr3a .txt h4{font-size: .36rem;font-weight: bold;margin-bottom: .25rem;line-height: 1.4em} .zr3a .txt .desc{line-height: 1.8em;font-size: .18rem;text-align: justify;text-indent: 2em} .zr3b .txt .scbox{max-height: 2.6rem;padding-right: 10px} @media (max-width: 900px){ .zr1a .pic{width: 100%;height:50vw} .zr1a .txt{width: 100%;position: relative;top: 0;bottom: 0} .zr1b .txt{width: 100%;padding-top: 0;margin-bottom: .4rem} .zr1b .pic{width: 100%} .zr1a .txt .desc .scbox{max-height: inherit;padding-right: 0} .nyshzr1{padding-bottom: 0} .zr2a:after{width: 60%} .zr2a:before{position: relative;writing-mode: inherit;top: 0;left: 0;font-size: 7vw;display: block;margin-bottom: .15rem} .zr2a{padding: .4rem 0 .4rem .5rem} .zr3a .txt{width: 100%;margin-bottom: .5rem} .zr3a .pic{width: 100%} .zr3a .pic img{margin: 0 auto} .zr3b .pic{width: 100%;height:50vw} .zr3b .txt{width:100%;position:relative;top:0;bottom: 0;left: 0;padding:.5rem} .zr3b .txt .scbox{max-height: inherit;padding-right: 0} .zr3a .txt{padding-top: 0} } @media (max-width: 640px){ .nyshzr3{padding:.5rem 0 .8rem;} .nyshzr2{padding: .5rem 0 1rem} .nyshzr1{padding-top: .5rem} .zr1b .txt h4,.zr1a .txt h4,.zr2a .txt h4,.zr3a .txt h4{font-size: .3rem} .zr2a .txt{padding: .3rem} .zr2a .pics .pic{width: 100%;margin-bottom: .2rem} .zr3b .txt{padding:.5rem .3rem .3rem} } /*about*/ .nyab .txt p{} .nyab1{margin-bottom: .7rem} .nyab1:before{content: ''; position: absolute;background: url(../images/ny/abbg1.jpg) no-repeat top center;background-size: 100% auto;left: 0;top: 0;right: 0;height: 80%;z-index: 0} .nyab1 .ab11 {margin-bottom: .5rem;padding-top: .8rem} .nyab1 .ab11 .spt{font-size: .36rem;color: #e40517;display: inline-block;padding-bottom: .05rem;border-bottom: 4px solid #e40517;margin-bottom: .2rem} .nyab1 .ab11 .spt span{font-size: .65rem;font-weight: bold;font-family: Arial;} .nyab1 .ab11 h4{font-size: .36rem;margin-bottom: .3rem;color: #555} .nyab1 .ab11 .desc{line-height: 1.8em;text-indent: 2em;font-size: .18rem;padding-top: .2rem;color: #666} .nyab1 .ab12 .pic{width: 55%;height: 4.85rem} .nyab1 .ab12 .txt{background: url(../images/about/2.jpg) no-repeat top center;background-size: cover;width: 45%;padding: .3rem 5%;color: #fff} .nyab1 .ab12 .txt .item:nth-child(1){margin-bottom: .3rem} .nyab1 .ab12 .txt .item:nth-child(1) p:before{margin-top: -2px} .nyab1 .ab12 .txt .item .box{width: 46%;text-align: center;} .nyab1 .ab12 .txt .item .box img{width:1.51rem;margin: 0 auto} .nyab1 .ab12 .txt .item .box h4{font-size: .22rem;margin-top: .15rem;line-height: 1.8em;color: rgba(255,255,255,.8);} .nyab1 .ab12 .txt .tit{font-size: .18rem;margin-bottom: .2rem} .nyab1 .ab12 .txt p{font-size: .22rem;margin-bottom: .2rem;color: rgba(255,255,255,.8);position: relative;padding-left: .2rem} .nyab1 .ab12 .txt p:before{content: '';width: 10px;height: 10px;border: 2px solid rgba(255,255,255,.8);position: absolute;left: 0;top:50%;border-radius:50%;margin-top: -6px} .nyab1 .ab12 .txt p span{font-size: .38rem;color: #ffcc00;margin: 0 .15rem;font-family: Arial;line-height: 1em} .nyab2{background: url(../images/about/bg1.jpg) no-repeat bottom center;background-size: 100% auto;padding-bottom: .9rem} .nyab2 .ab21{margin-bottom: .6rem} .nyab2 .ab21 .tit{width: 2.2rem;height: .7rem;;background: #cc0000;color: #fff;text-align: center;font-family: Arial;line-height: .7rem} .nyab2 .ab21 .tit span{font-size: .48rem} .nyab2 .ab21 ul{width: calc(100% - 3rem)} .nyab2 .ab21 ul li{position: relative;width: 33.3333%;padding: 0 5%} .nyab2 .ab21 ul li:before{content: '';height: 80%;width: 1px; position: absolute;left: 0;top: 10%;background: #ddd} .nyab2 .ab21 ul li:first-child:before{display: none} .nyab2 .ab21 ul li span{font-size: .9rem;font-family: Arial;display: block;margin-top: .1rem} .nyab2 .ab21 ul li p{font-size: .18rem;color: #666;margin-top: .05rem} .nyab2 .ab22{margin-bottom: .4rem} .nyab2 .ab22 .txt{width: 60%;line-height: 1.8em;text-indent: 2em;font-size: .18rem;padding-top: .2rem;color: #666} .nyab2 .ab22 .pics{width: 36%} .nyab2 .ab22 .pics .pic{height: 3.4rem;position: relative;} .nyab2 .ab22 .pics .pic:before{content: '';height: 6px;position: absolute;left: 0;right: 0;top: 0;background: #cc0000} .nyab2 .ab22 .pics .pic:after{content: '';height: 30%;position: absolute;left: 0;right: 0;bottom: 0;background: url(../images/bamask1.png) no-repeat bottom center;background-size: 100% 100%} .nyab2 .ab22 .pics .pga{position: absolute;left: 0;text-align: center;z-index: 5;} .nyab2 .ab22 .pics .pga span{width: 12px;height: 12px;background: rgba(255,255,255,.3);opacity: 1} .nyab2 .ab22 .pics .pga .swiper-pagination-bullet-active{border: 2px solid #cc0000;background: transparent;} .nyab2 .ab23{padding-bottom: .2rem} .nyab2 .ab23 ul li{width: 31%;padding: .45rem;transition: .3s} .nyab2 .ab23 ul li:hover{box-shadow: 0 5px 10px rgba(0,0,0,.1)} .nyab2 .ab23 ul li h4{font-size: .24rem;text-align: center;position: relative;margin-bottom: .4rem} .nyab2 .ab23 ul li h4:after{content: '';width: 70%;height: 1px;background: #ddd;margin: .2rem auto 0;display: block;} .nyab2 .ab23 ul li h4:before{content: '';width: 30%;height: 2px;background: #ddd;position: absolute;bottom: 0;left: 50%;margin-left: -15%} .nyab2 .ab23 ul li h5{font-size: .26rem;text-align: center;} .nyab2 .ab23 ul li .en{font-size: .14rem;text-align: center;text-transform: uppercase;color: #999;font-family: Arial;display: block;margin-top: .05rem;min-height: .32rem} .nyab2 .ab23 ul li .txt{line-height: 1.8em;text-indent: 2em;font-size: .18rem;padding-top: .2rem;color: #666} .nyab2 .ab23 ul li:nth-child(3){background: url(../images/about/bg11.jpg) no-repeat bottom center;background-size: cover} .nyab2 .ab23 ul li:nth-child(4){background: url(../images/about/bg12.jpg) no-repeat bottom center;background-size: cover} .nyab2 .ab23 ul li:nth-child(5){background: url(../images/about/bg13.jpg) no-repeat bottom center;background-size: cover} .nyab2 .ab23 ul li:nth-child(3) h5{color: #339933} .nyab2 .ab23 ul li:nth-child(4) h5{color: #996633} .nyab2 .ab23 ul li:nth-child(5) h5{color: #003366} .nyab2 .ab23 ul li:nth-child(3) h4:before{background: #339933} .nyab2 .ab23 ul li:nth-child(4) h4:before{background: #996633} .nyab2 .ab23 ul li:nth-child(5) h4:before{background: #003366} .nyab3{height: 6rem;background: url(../images/about/bg6.jpg) no-repeat center;background-size: cover} .nyab3 img:nth-child(1){margin-bottom: .3rem} .nyorg{padding: .8rem 0} .nysm{padding: 1.2rem 0 2rem;height: 10rem} .nysm .item h4{font-size: .55rem;text-align: center;font-weight: 100;margin-top: .25rem } .nysm .itema{margin-bottom: 1.5rem} .nybnsj{padding: .6rem 0 .8rem} .nybnsj .tit{font-size: .38rem;font-weight: bold;text-align: center;margin-bottom: .5rem} .nybnsj .hislist{position: relative;padding:1rem 0;} .nybnsj .hislist:before{content: '';width: 1px;height: 100%;position: absolute;left: 50%;background: #ddd;top: 0} .nybnsj .hislist:after{content: '';width: .24rem;height: .24rem;position: absolute;left: 50%;background: #e40517;top: 0;margin-left: -.12rem;border-radius: 50%;z-index: 2} .nybnsj .hislist li{display: flex;position: relative;} .nybnsj .hislist li:before{content: '';width: .24rem;height: .24rem;position: absolute;left: 50%;border:1px solid #bbb;top: .09rem;margin-left: -.13rem;border-radius: 50%;z-index: 2;background: #fff} .nybnsj .hislist li:after{content: '';width: 4px;height: 4px;position: absolute;left: 50%;background: #bbb;top: .2rem;margin-left: -2px;border-radius: 50%;z-index: 2} .nybnsj .hislist li:nth-child(1) .redline{position: absolute;content: '';width: 1px;height: 60%;left: 50%;background:#e40517;top: -1rem} .nybnsj .hislist li:nth-child(1):before{border:1px solid #e40517;} .nybnsj .hislist li:nth-child(1):after{background: #e40517} .nybnsj .hislist li .txt{width: 43%;position: relative;} .nybnsj .hislist li .txt:after{content: '';width: .5rem;height: 1px;position: absolute;background: #bbb;z-index:1} .nybnsj .hislist li:nth-child(1) .txt:after{background: #e40517;} .nybnsj .hislist li .txt img{display: inline-block;} .nybnsj .hislist li .txt .year{font-size: .32rem;color: #e40517;font-weight: bold;} .nybnsj .hislist li .txt .h4{font-size: .26rem;margin: .2rem 0 0;} .nybnsj .hislist li .txt .desc{font-size: .18rem;line-height: 1.6em;color: #666;margin-bottom: .3rem;margin-top: .2rem} .nybnsj .hislist li:nth-child(2n+1){justify-content: flex-start;text-align: right; } .nybnsj .hislist li:nth-child(2n+1) .txt .h4{padding-left: 12%} .nybnsj .hislist li:nth-child(2n+1) .txt:after{top: .2rem;left:calc(100% + 7%)} .nybnsj .hislist li:nth-child(2n) .txt:after{top: .2rem;right:calc(100% + 7%)} .nybnsj .hislist li:nth-child(2n){justify-content: flex-end;} .nybnsj .hislist li:nth-child(2n){margin-top: -2rem;} .nybnsj .hislist li:nth-child(2n) .txt .h4{padding-right: 12%} .nyyxzg{padding: .6rem 0 .8rem} .songlist li{font-size: .18rem} .songlist li:nth-child(2n+1) a{background: #f7f7f7;padding: .2rem} .songlist li:nth-child(2n) a{background: #fff;padding: .2rem} .songlist li .tit span{margin-right: .2rem} .songlist li .tit{width: calc(100% - 1.2rem)} .songlist li .ss{width: calc(100% - .6rem)} .songlist li img{width: .38rem} .nyyxzg .player{max-width: 5rem;margin: 0 auto} .nyyxzg .player .audios{height: 2.2rem;background: url(../images/ny/playerbg.png) no-repeat center;background-size: cover;padding: .3rem;border-radius: 10px;overflow: hidden;} .nyyxzg .player .audios .h4{text-align: center;font-size: .3rem;color: #fff;margin-bottom: .15rem} .nyyxzg .gc{text-align: center;font-size: .2rem;margin-top: .4rem} .nyyxzg .gc p{padding: .12rem 0} .nyygfc{padding: .6rem 0 .8rem} .nyygfc .desc{margin-bottom: .4rem;text-align: center;font-weight: 100} .nyygfc .desc p{font-size: .28rem} .nyygfc .desc p.p1{font-size: .42rem;margin-bottom: .1rem} .nyygfc .slideHd .swiper-slide{width: 8rem} .nyygfc .slideHd .swiper-slide img{width: 100%} .nyygfc .slideHd .swiper-slide a{display: block;position: relative;} .nyygfc .slideHd .swiper-slide a p{position: absolute;left: 0;right: 0;bottom: 0;padding: .5rem .2rem .2rem;background: url(../images/bamask1.png) no-repeat bottom center;background-size: 100% 100%;z-index: 2;color: #fff;font-size: .2rem;} .nylists1{padding: .5rem 0 0} .nylists1:after{width: calc(33.333333% - .25rem);display: inline-block;content: ''} .nylists1 li{width: calc(33.333333% - .25rem);margin-bottom: .75rem} .nylists1 li a{display: block;position: relative;transition: .3s} .nylists1 li a:before{content: "";position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;height: 2px;background: #e2e0e0;} .nylists1 li a:after{content: "";position: absolute;left: 0;bottom: 0;z-index: 1;width: 0;height: 2px;background: #e61626;transition: all .36s;} .nylists1 li a:hover:after{width: 100%} .nylists1 li a:hover{ box-shadow: 0 5px 47px 4px rgba(214, 211, 211, .75);} .nylists1 li .pic{height: 2.6rem} .nylists1 li .pic img{display: none} .nylists1 li .txt{padding: .25rem .28rem .38rem;} .nylists1 li .txt h4{font-size: .22rem;line-height: .32rem;height: .64rem;overflow: hidden;color: #000000;margin-bottom:.4rem;} .nylists1 li .txt time{color: #999999;} @media (max-width: 1024px){ .nyab2 .ab23 ul li{width: 100%;margin-bottom: .3rem} .nyab2 .ab22 .txt{padding-top: 0} .nyab2 .ab21 ul li span{font-size: .8rem} .nybnsj .hislist li:nth-child(2n) .txt .h4{padding-right: 0} .nybnsj .hislist li:nth-child(2n+1) .txt .h4{padding-left: 0} } @media (max-width: 900px){ .nyab1 .ab12 .pic{width: 100%;height: 50vw} .nyab1 .ab12 .txt{width: 100%;} .nyab2 .ab21 ul{width: 100%;margin-top: .3rem} .nyab2 .ab21 ul li span{font-size: 9vw} .nyab2 .ab22 .txt{width: 100%;order: 2} .nyab2 .ab22 .pics .pic{height: 50vw} .nyab2 .ab22 .pics{width: 100%;order: 1;margin-bottom: .3rem} .nyab3{height: 60vw} .nysm{height: auto} .nysm .itema img{height:9vw } .nysm .itemb img{height:8vw } .nysm .item h4{font-size: 6vw;font-weight: normal;} .nybnsj .hislist li:nth-child(2n+1) .txt:after{top: .2rem;left:calc(100% + 5%)} .nybnsj .hislist li:nth-child(2n) .txt:after{top: .2rem;right:calc(100% + 5%)} .nybnsj{padding: .3rem 0 .8rem} .nybnsj .hislist li .txt .h4{font-size: .24rem} .prosub{margin-bottom: .5rem;} .nyyxzg{padding: .1rem 0 .8rem} .nyygfc{padding: .2rem 0 .8rem} .nyygfc .slideHd .swiper-slide{width:100%} .nylists1 li{width: calc(50% - .25rem);margin-bottom: .55rem} .nylists1{padding: .1rem 0 0} } @media (max-width:640px){ .prosub li{margin:0 .1rem;display: inline-block;} .prosub li a{display: block;height: .46rem;line-height: .46rem;padding: 0 .3rem;font-size: .18rem;} .nyorg{padding: .4rem 0 .6rem} .nyab1 .ab11{padding-top: .5rem} .nyab1 .ab11 h4{font-size: .3rem} .nyab3 img:nth-child(1){height: 10vw} .nyab3 img:nth-child(2){height: 10vw} .nyab1:before{background-size: cover} .nyab1 .ab11 .spt span{font-size: 12vw} .nyab1 .ab11 .desc{padding-top: 0} .nyab2 .ab21 .tit span{font-size: .4rem} .nyab2 .ab21 ul li{} .nyab2{padding-bottom: .6rem} .nysm .itema{margin-bottom: 1rem} .nysm{padding: .8rem 0 1.5rem} .nybnsj{padding: .1rem 0 .8rem} .nybnsj .hislist:before{content: '';width: 1px;height: 100%;position: absolute;left:10px;background: #ddd;top: 0} .nybnsj .hislist:after{content: '';width: 20px;height: 20px;left: 0;margin-left: 0;border-radius: 50%;z-index: 2} .nybnsj .hislist{padding-left: 40px} .nybnsj .hislist li{margin-bottom: .3rem} .nybnsj .hislist li:before{content: '';width: 18px;height: 18px;left:-40px;top:6px;margin-left:0} .nybnsj .hislist li:after{left: -32px;top: 14px;margin-left:0;} .nybnsj .hislist li .txt{width: 100%;position: relative;} .nybnsj .hislist li .txt:after{display: none} .nybnsj .hislist li .txt .year{font-size: .28rem;} .nybnsj .hislist li:nth-child(2n+1){justify-content: flex-start;text-align:left; } .nybnsj .hislist li:nth-child(2n){justify-content: flex-start;} .nybnsj .hislist li:nth-child(2n){margin-top: 0;} .nybnsj .hislist{padding-top: .6rem ;padding-bottom: .6rem} .nyygfc .desc p.p1{font-size: .3rem} .nyygfc .desc p{font-weight: normal;font-size: .24rem} .nylists1 li{width: 100%;margin-bottom: .45rem} } @media (max-width: 1024px){ } /*xxgk*/ .nyxxgk .tit{font-size: .45rem;color: #3b3b3b;text-align: center;margin-bottom: .4rem} .nyxxgk .tit h4{font-weight: bold;} .nyxxgk .tit:after{width: .5rem;height: 2px;background: #e40517;display: block;margin:.15rem auto 0;content: ''} .xxgk1{padding: .6rem 0;background: url(../images/ny/xxgk2.jpg) no-repeat bottom center;background-size: cover} .xxgk1 .sbtn a{position: absolute;top:50%;transform: translateY(-50%);width: .6rem;height: .6rem;text-align: center;line-height: .6rem;background: #fff;transition: .3s;z-index: 10} .xxgk1 .sbtn a:hover{background: rgba(0,0,0,.6);color: #fff} .xxgk1 .sbtn a.prev{left: -.7rem} .xxgk1 .sbtn a.next{right: -.7rem} .xxgk1 .item{height: 4rem;background: #fff;padding: .5rem .3rem .3rem;margin: .15rem;transition: .3s} .xxgk1 .item .ico{width: 1.25rem;height: 1.25rem;margin: 0 auto .3rem;border-radius: 50%;transition: .3s} .xxgk1 .item .txt h4{font-size: .28rem;text-align: center;margin-bottom: .2rem} .xxgk1 .item .txt p{text-align: center;line-height: 1.6em;color: #666} .xxgk1 .item .ico1{background: url(../images/ny/xi1.png) no-repeat center;background-size: .8rem .8rem} .xxgk1 .item .ico2{background: url(../images/ny/xi2.png) no-repeat center;background-size: .8rem .8rem} .xxgk1 .item .ico3{background: url(../images/ny/xi3.png) no-repeat center;background-size: .8rem .8rem} .xxgk1 .item .ico4{background: url(../images/ny/xi4.png) no-repeat center;background-size: .8rem .8rem} .xxgk1 .item .ico5{background: url(../images/ny/xi5.png) no-repeat center;background-size: .8rem .8rem} .xxgk1 .item .ico6{background: url(../images/ny/xi6.png) no-repeat center;background-size: .8rem .8rem} .xxgk1 .item:hover .ico1{background: url(../images/ny/xi1on.png) #d6b46c no-repeat center;background-size: .8rem .8rem} .xxgk1 .item:hover .ico2{background: url(../images/ny/xi2on.png) #d6b46c no-repeat center;background-size: .8rem .8rem} .xxgk1 .item:hover .ico3{background: url(../images/ny/xi3on.png) #d6b46c no-repeat center;background-size: .8rem .8rem} .xxgk1 .item:hover .ico4{background: url(../images/ny/xi4on.png) #d6b46c no-repeat center;background-size: .8rem .8rem} .xxgk1 .item:hover .ico5{background: url(../images/ny/xi5on.png) #d6b46c no-repeat center;background-size: .8rem .8rem} .xxgk1 .item:hover .ico6{background: url(../images/ny/xi6on.png) #d6b46c no-repeat center;background-size: .8rem .8rem} .xxgk1 .item:hover{box-shadow: 0 0 .15rem rgba(0,0,0,.15)} .xxgk4{padding: .6rem 0 1.1rem;background: url(../images/ny/xxgk4.jpg) no-repeat bottom center;background-size: cover;color: #fff} .xxgk4 .tit{color: #fff} .xxgk4 ul li{width: 31.3333%} .xxgk4 ul li img{width: 100%} .xxgk4 ul li .t{width: 100%;height: 1.15rem;background: #fff;text-align: center;font-size: .26rem;padding-top: .5rem} .xxgk4 ul li .t .ico{display: block;width: 1rem;height: 1rem;position: absolute;left: 50%;transform: translateX(-50%);border-radius: 50%;background-color: #c31220;top: -.7rem;background-repeat: no-repeat;background-position: center;background-size: .53rem .53rem} .xxgk4 ul li .t .ico1{background-image: url(../images/ny/czi1.png);background-color: #3b3b3b} .xxgk4 ul li .t .ico2{background-image: url(../images/ny/czi2.png);} .xxgk4 ul li .t .ico3{background-image: url(../images/ny/czi3.png);} .nyxxlb{padding: .4rem 0 .8rem} .nyxxlb .xxlist{padding-bottom: .5rem} .nyxxlb .xxlist li{display: flex;justify-content: space-between;flex-wrap: wrap;padding: .4rem;border-bottom: 1px solid #ddd;position: relative;} .nyxxlb .xxlist li:after{background: #f7f7f7;content: '';position: absolute;left: 0;top: -1px;bottom: -1px;right: 0;opacity: 0;visibility: hidden;transition: .3s} .nyxxlb .xxlist li:hover:after{opacity: 1;visibility: inherit;} .nyxxlb .xxlist li:hover .txt h4 a{color:#e40517 } .nyxxlb .xxlist li .time{width: 1rem;font-size: .14rem;position: relative;} .nyxxlb .xxlist li .time:after{content: '';width: 1px;height: 80%;background: #ddd;position: absolute;top: 5%;right: .1rem} .nyxxlb .xxlist li .time span{font-size: .5rem;color: #e40517;display: block;} .nyxxlb .xxlist li .txt{width:calc(100% - 1rem);padding-left: .3rem;position: relative;} .nyxxlb .xxlist li .txt.haspic{padding-right: 3rem;min-height: 1.1rem} .nyxxlb .xxlist li .txt .pic{position: absolute;right: 0;top: -.2rem;height: 1.5rem;width: 2.5rem} .nyxxlb .xxlist li .txt h4{font-size: .26rem;margin-bottom: .1rem;line-height: 1.4em} .nyxxlb .xxlist li .txt p{margin-top: .1rem;color: #777;line-height: 1.6em} .nyxxlb .xxlist li .txt .view{font-size: .14rem;color: #444} .nyxxlb .xxlist li .txt .view i{font-size: .2rem;color: #777;vertical-align: -2px;margin-right: 5px} .nyxxlb .xxlist li .txt .timem{margin-left: .15rem;display: none} .nyxxlb .xxlist li .txt .timem i{font-size: .2rem;color: #777;vertical-align: -2px;margin-right: 5px} .nyContact{padding: .8rem 0 .8rem} .mapbox{height: 7.62rem;width: 65%} .mapbox .amap-info-content {border: none;padding: 0 ;} .mapbox .amap-info-close {position: absolute;right: 10px!important;top: 7px;color: #fff;text-decoration: none;width: 14px;height: 14px;font-size: 18px} .mapbox .amap-info-outer, .amap-menu-outer {box-shadow: 0 3px 14px rgba(0,0,100,.6);background: #fff;border-radius: 5px;border: 1px solid silver;;padding: 0} .mapbox .info-title{background: #2b2f33;padding:0 10px;color:#fff;letter-spacing:1px;font-weight:lighter;font-size:15px;line-height:30px;font-weight: bold;} .mapbox .info-content{padding:10px;color:#666;line-height:23px;font-size: 13px} .infobox{width: 35%;background: url(../images/ny/telbg.png) no-repeat center;background-size: cover;padding: .4rem} .infobox h4{font-size: .32rem;font-weight: bold;padding-bottom: .25rem;} .infobox .item0{padding: .25rem 0;border: 1px dashed #aaa;border-left: 0;border-right: 0;font-size: .18rem} .infobox .item0 p{padding: 4px 0;color: #555} .infobox .item1{padding: .3rem 0;border-bottom: 1px dashed #aaa} .infobox .item1 .tel{padding-left:.8rem;background: url(../images/ny/tel.png) no-repeat left center;background-size: auto 100%;font-size: .18rem } .infobox .item1 .tel .p1{color: #e40517;font-size: .32rem} .infobox .item3{padding-top: .3rem} .infobox .item3 .codet{padding-left: .3rem} .infobox .item3 .codet p{font-size: .18rem;color: #e40517} .infobox .item3 .ico a{font-size: .3rem;color: #666;margin-right: .15rem} .infobox .item3 .more{display: block;margin: .1rem 0} .prolist:after{content: '';display: inline-block;width: calc(33.333333% - .2rem)} .prolist li{width: calc(33.333333% - .2rem);margin-bottom: .6rem} .prolist li a{display: block;position: relative;} .prolist li .pic{height: 3.1rem} .prolist li .h5{position: absolute;left: 0;bottom:0;right: 0;z-index: 2;color: #fff;font-size: .26rem;background: url(../images/ny/banmask.png) no-repeat bottom center;background-size: 101% 100%;padding: .5rem .2rem .2rem .3rem;transition: .3s} .prolist li .h5:before{content: '';height: 2px;width: .26rem;background: #e40517;position: absolute;left: 0;bottom: .3rem} .prolist li .txt{position: absolute;left: 0;bottom:0;right: 0;z-index: 5;top: 0;color: #fff;background: rgba(213,180,107,.65);padding: .4rem;opacity: 0;visibility: hidden;transition: .5s} .prolist li .txt h4{font-size: .26rem;font-weight: bold;margin-bottom: .2rem} .prolist li .txt p{font-size: .18rem;line-height: 1.6em} .prolist li:hover .txt{opacity: 1;visibility: inherit;} .prolist li:hover .h5{opacity:0;visibility: hidden;} .nypro .tit{font-size: .42rem;margin: .4rem 0 .5rem;text-align: center} .nyszcx{padding: .5rem 0 1rem;background: url(../images/pro/dprobg.jpg) no-repeat center;background-size: cover} .nyszcx .item{margin-bottom: .75rem} .nyszcx .item .txt{background: url(../images/pro/d1bg.jpg) no-repeat center;background-size: cover;padding: .5rem;font-size: .18rem;line-height: 1.8em;text-align: center;border-top: .1rem solid #e40517;margin-left: 10%;margin-right: 10%;margin-top: -.6rem;position: relative;z-index: 3;color: #666} .nyszcx .vlist li{width: 48%} .nyszcx .vlist li .txt{background: #f6f6f6;padding: .3rem 5%;text-align: center;font-size: .3rem;border-bottom: 4px solid #e40517} .nyszcx .vlist li a{display: block;position: relative;} .nyszcx .vlist li a:before{content: '';width: .56rem;height: .56rem;background: url(../images/pro/play.png) no-repeat center;background-size: cover;position: absolute;left: 50%;top: 50%;margin-left: -.28rem;margin-top: -.28rem;z-index: 3} .nyszcx .vlist li a:after{content: '';width: 100%;height: 100%;background:rgba(0,0,0,.3);position: absolute;left:0;top: 0;z-index: 2} .protit{text-align: center;font-size: .42rem;margin-bottom: .4rem} .fancybox-video{object-fit: cover} .nypro .protop{padding: .5rem 0 .95rem} .nypro .protop .item a{display: block;position: relative;} .nypro .protop .item a:before{content: '';width: .86rem;height: .86rem;background: url(../images/pro/play1.png) no-repeat center;background-size: cover;position: absolute;left: 50%;top: 50%;margin-left: -.43rem;margin-top: -.43rem;z-index: 3} .nypro .protop .item .noplay a:before{display: none} .nypro .protop .item a:after{content: '';width: 100%;height: 100%;/* background:rgba(0,0,0,.3); */position: absolute;left:0;top: 0;z-index: 2;} .nypro .protop .item .txt{width: 50%;font-size: .18rem;line-height: 1.8em;color: #666;text-indent: 2em} .nypro .protop .item .video{width:42%} .nypro .probot{padding: 0 .1rem .1rem .1rem} .nypro .probot .tit{text-align: center;font-size: .42rem;margin-bottom: .3rem} .nypro .probot .pga{position: absolute;right: .2rem;bottom: .2rem;z-index:10;left: auto;width: auto} .nypro .probot .pga span {width: 12px;height: 12px;opacity: 1;} .nypro .probot .pga span.swiper-pagination-bullet-active {background:#e40517 } .nypro .probot .slide-pic{width: calc(50% - .05rem);margin: 0;border-radius: .1rem;overflow: hidden;} .nypro .probot .slide-pic .pic{height: 6.1rem;position: relative;border-radius: .1rem;overflow: hidden;} .nypro .probot .slide-pic .pic p{position: absolute;left: 0;bottom: 0;right: 0;padding: .5rem .2rem .2rem;background: url(../images/bamask1.png) no-repeat bottom center;background-size: 100% 100%;z-index: 2;color: #fff;font-size: .2rem} .nypro .probot .slide-pic .sbtn a{position: absolute;top: 50%;transform: translateY(-50%);color: #fff;font-size: .6rem;z-index:5;text-shadow: 2px 2px 5px rgba(0,0,0,.4)} .nypro .probot .slide-pic .sbtn a.prev{left: .2rem} .nypro .probot .slide-pic .sbtn a.next{right: .2rem} .nypro .probot .list{width: calc(50% - .05rem)} .nypro .probot .list li{width: calc(50% - .05rem);height:3rem} .nypro .probot .list li:nth-child(1){margin-bottom: .1rem;} .nypro .probot .list li:nth-child(2){margin-bottom: .1rem} .nypro .probot .list li .pic{height: 3rem;position: relative;border-radius: .1rem;overflow: hidden;} .nypro .probot .list li .pic p{position: absolute;left: 0;bottom: 0;right: 0;padding: .5rem .2rem .2rem;background: url(../images/bamask1.png) no-repeat bottom center;background-size: 100% 100%;z-index: 2;color: #fff;font-size: .2rem} .nyjbxx{padding: .6rem 0 .8rem} .nyldbz{padding: .6rem 0 .8rem} .nyjbxx .items{} .nyjbxx .items dl{margin-bottom: .3rem;cursor: pointer;} .nyjbxx .items dl:first-child dd{display: block;} .nyjbxx .items dl dt{background: #f8f8f8;padding: .15rem .3rem;font-size: .22rem} .nyjbxx .items dl.on dt{background: #d6b46c;color: #fff;font-weight: bold;} .nyjbxx .items dl dt span{padding-left: .25rem;position: relative;display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .nyjbxx .items dl dt span:before{content: '';width: 4px;height: 80%;background: #e40517;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: .3s} .nyjbxx .items dl.on dt span:before{background: #fff;transform: translateY(-50%) rotate(90deg);} .nyjbxx .items dl dd{background: #f8f8f8;padding: .4rem;display: none} .nyjbxx .items dl dd .pic{width: 32%} .nyjbxx .items dl dd .txt{width: 65%;font-size: .18rem} .nyjbxx .items dl dd .txt .pp{padding:.08rem 0} .nyjbxx .items dl dd .txt .pp span{width: 1rem;font-weight: bold;} .nyjbxx .items dl dd .txt .pp p{width: calc(100% - 1rem)} .nyjbxx .items dl dd .txt .desc p{font-size: .16rem;line-height: 1.8em;color: #666} .ldlist li{width:22.5%;margin-right: 2.5%;position: relative;margin-bottom: .6rem;box-shadow: 0 0 10px rgba(0,0,0,.1);cursor: pointer;} .ldlist li:nth-child(4n){} .ldlist li img{width: 100%;max-height: inherit;} .ldlist li .txt{height: 1.25rem;border-top: 0;padding: .2rem .2rem 0;text-align: center;transition:.4s;background: #f7f7f7} .ldlist li .txt:after{content: '';height:4px;width: 46%;background:#e40517;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0} .ldlist li .txt h4{font-size: .28rem;margin-bottom: .05rem} .ldlist li .txt p{color: #666} .ldlist li .infoboxs{background: #fff;border-radius:10px ;padding: .45rem ;width: 90vw;box-shadow: 0 0 .15rem rgba(0,0,0,.15);position: relative;z-index: 3;max-width: 10rem;border-bottom:.1rem solid #d61519} .ldlist li .infoboxs .close{position: absolute;top: .25rem;right:.25rem;z-index: 6;font-size: .26rem;} .ldlist li .infoboxs:before{content: '';border:10px solid transparent;border-bottom-color: #fff;position: absolute;bottom: 100%;transform: translateX(-50%);left: 50%} .ldlist li .infobox1 .pic1{width:3.28rem} .ldlist li .infobox1 .txt1{width:calc(100% - 3.8rem);background: url(../images/popslog.png) no-repeat top center;background-size: auto 100%} .ldlist li .infobox1 .txt1 .dl1{margin-bottom: .3rem;margin-top: .2rem} .ldlist li .infobox1 .txt1 .dl .dt{font-size: .22rem;padding-bottom: .1rem;border-bottom: 2px solid #ddd;position: relative;margin-bottom: .2rem} .ldlist li .infobox1 .txt1 .dl .dt:after{content: '';height: 3px;width: .85rem;background: #d61519;position: absolute;left: 0;bottom: -2px} .ldlist li .infobox1 .txt1 .dl .dd{font-size: .15rem;line-height: 1.6em;color: #666;text-align: justify;padding-right: .15rem} .ldlist li .infobox1 .txt1 .tit1{font-size: .3rem;font-weight: bold;margin-bottom: .15rem;} .ldlist li .infobox1 .txt1 .zw{color: #666} .ldlist li:hover .infobox1{opacity: 1;visibility: inherit;} .ldlist li .infobox1{position: fixed;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%) ;padding-left: 0;opacity: 1;visibility: inherit;z-index: 20;display: none;} .ldlist li .infoboxs:before{display: none} .ldlist li .infobox1 .txt1::-webkit-scrollbar{width:4px} .ldlist li .infobox1 .txt1::-webkit-scrollbar-track{border-radius:5px;;background: #eee} .ldlist li .infobox1 .txt1::-webkit-scrollbar-thumb{border-radius:5px;background:#d61519;} @media (max-width: 700px){ .ldlist li .infobox1 .txt1{max-height: 3rem;overflow: auto;padding-right: .15rem } .ldlist li .infobox1 .pic1{margin: 0 auto.3rem} .ldlist li .infobox1 .txt1{width:100%;} .ldlist li .infoboxs{padding:.4rem .25rem .25rem;} .ldlist li .infoboxs .close{top: .1rem;right: .15rem} } @media (max-width: 480px){ .ldlist li .infobox1 .pic1{width:45vw} } .ldlist1 li{width:23.5%;margin-right: 2%;position: relative;margin-bottom: .2rem} .ldlist1 li:nth-child(4n){margin-right: 0} .ldlist1 li a{height: 1.7rem;background: #f7f7f7;padding: 0 .3rem} .ldlist1 li:hover a{background: #d6b46c;color: #fff} .ldlist1 li:hover a p{color: #fff} .ldlist1 li h4{font-size: .26rem;font-weight: bold;margin-bottom: .1rem} .ldlist1 li p{font-size: .18rem;color: #666} @media (max-width:1200px){ .xxgk1 .sbtn a.prev{left:-.4rem} .xxgk1 .sbtn a.next{right:-.4rem} .infobox,.mapbox{width: 100%} .ldlist1 li{width:32%;margin-right: 2%;position: relative;margin-bottom: .4rem} .ldlist1 li:nth-child(4n){margin-right: 2%} .ldlist1 li:nth-child(3n){margin-right: 0} .ldlist li{width:32%;margin-right: 2%;position: relative;margin-bottom: .4rem} .ldlist li:nth-child(4n){margin-right: 2%} .ldlist li:nth-child(3n){margin-right: 0} } @media (max-width:900px){ .xxgk4 ul li{width: 100%;margin-bottom: .5rem} .nyxxgk .tit{font-size: .4rem} .nyxxlb .xxlist li {padding: 0} .nyxxlb .xxlist li:hover:after{display: none} .nyxxlb .xxlist li .time{display: none} .nyxxlb .xxlist li .txt{padding:.3rem 0;width: 100%} .nyxxlb .xxlist li .txt .pic{top: .3rem} .nyxxlb .xxlist li .txt .timem{display: inline-block;} .nyxxlb .xxlist li .txt h4{font-size: .24rem} .nyxxlb{padding-top: 0} .mapbox{height: 85vw} .nyContact{padding-top: .4rem} .prolist li{width: calc(50% - .2rem);margin-bottom: .5rem} .prolist li .pic{height: 30vw} .nyszcx .item .txt{margin-left: 0;margin-right: 0;margin-top: 0;padding: .3rem} .nypro .protop .item .video{width: 100%;order: 1;margin-bottom: .3rem} .nypro .protop .item .video .pic{height: 50vw} .nypro .protop .item .txt{width: 100%;order: 2} .nypro .probot .slide-pic{width: 100%;margin-bottom: .1rem} .nypro .probot .list{width: 100%} .nypro .probot .slide-pic .pic{height: 55vw} .nypro .probot .list li .pic{height: 32vw} .nypro .probot .list li{height:auto} .ldlist1 li{width:48%;margin-right: 4%;margin-bottom: .3rem} .ldlist1 li:nth-child(4n){margin-right: 4%} .ldlist1 li:nth-child(3n){margin-right: 4%} .ldlist1 li:nth-child(2n){margin-right: 0} .nyjbxx{padding: .3rem 0 .6rem} .nyldbz{padding: .3rem 0 .6rem} .nyjbxx .items dl dd .pic{width: 100%;margin-bottom: .3rem} .nyjbxx .items dl dd .txt{width:100%} } @media (max-width:640px){ .xxgk4 ul li{width: 100%;margin-bottom: .4rem} .mapbox ul li .nyxxgk .tit{font-size: .3rem} .nyContact{padding-top: .1rem} .nypro .tit{font-size: .36rem;margin: .2rem 0 .3rem;text-align: center} .protit{text-align: center;font-size: .36rem;margin-bottom: .3rem} .nyszcx{padding: .2rem 0 .5rem} .nyjbxx{padding: .2rem 0 .5rem} .nyldbz{padding: .2rem 0 .5rem} .ldlist li{width:48%;margin-right: 4%;margin-bottom: .3rem} .ldlist li:nth-child(4n){margin-right: 4%} .ldlist li:nth-child(3n){margin-right: 4%} .ldlist li:nth-child(2n){margin-right: 0} } @media (max-width:540px){ .nyxxlb .xxlist li .txt{padding:.35rem 0;} .nyxxlb .xxlist li .txt .pic{height: 50vw;width:100%;top: 4vw} .nyxxlb .xxlist li .txt{padding-right: 0} .nyxxlb .xxlist li .txt.haspic{padding-right: 0;padding-top: 58vw;} .nyxxlb .xxlist li .txt p{font-size: .18rem;-webkit-line-clamp:3;} .nyxxlb{padding: .2rem 0 .5rem} .nypro .protop{padding-top: .2rem} .prolist li{width: 100%;margin-bottom: .5rem} .prolist li .pic{height: 50vw} .nypro .probot .slide-pic .sbtn a{font-size: .4rem} .nyszcx .vlist li{width: 100%;margin-bottom: .4rem} .ldlist1 li{width:100%;margin-right:0!important;margin-bottom: .3rem} .nyjbxx .items dl dt{font-size: .2rem} .nyjbxx .items dl dd{padding: .25rem} } .prolist li .infoboxs{background: #fff;border-radius:10px ;padding: .45rem ;width: 90vw;box-shadow: 0 0 .15rem rgba(0,0,0,.15);position: relative;z-index: 3;max-width: 13.6rem;border-bottom:.1rem solid #d61519} .prolist li .infoboxs .close{position: absolute;top: .25rem;right:.25rem;z-index: 6;font-size: .26rem;} .prolist li .infoboxs:before{content: '';border:10px solid transparent;border-bottom-color: #fff;position: absolute;bottom: 100%;transform: translateX(-50%);left: 50%} .prolist li .infobox1 .pic1{width:50%} .prolist li .infobox1 .txt1{width:45%;background: url(../images/popslog.png) no-repeat top center;background-size: auto 100%} .prolist li .infobox1 .txt1 .dl1{margin-bottom: .3rem} .prolist li .infobox1 .txt1 .dl .dt{font-size: .22rem;padding-bottom: .1rem;border-bottom: 2px solid #ddd;position: relative;margin-bottom: .2rem} .prolist li .infobox1 .txt1 .dl .dt:after{content: '';height: 3px;width: .85rem;background: #d61519;position: absolute;left: 0;bottom: -2px} .prolist li .infobox1 .txt1 .dl .dd{font-size: .15rem;line-height: 1.6em;color: #666;text-align: justify;padding-right: .15rem} .prolist li .infobox1 .txt1 .tit1{font-size: .3rem;font-weight: bold;margin-bottom: .15rem;} .prolist li:hover .infobox1{opacity: 1;visibility: inherit;} .prolist li .infobox1{position: fixed;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%) ;padding-left: 0;opacity: 1;visibility: inherit;z-index: 20;display: none;} .prolist li .infoboxs:before{display: none} .fixlayer{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background: rgba(0,0,0,.5);z-index: 5;display: none} .prolist li .infobox1 .txt1::-webkit-scrollbar{width:4px} .prolist li .infobox1 .txt1::-webkit-scrollbar-track{border-radius:5px;;background: #eee} .prolist li .infobox1 .txt1::-webkit-scrollbar-thumb{border-radius:5px;background:#d61519;} @media (max-width: 700px){ .prolist li .infobox1 .txt1{max-height: 3rem;overflow: auto;padding-right: .15rem } .prolist li .infobox1 .pic1{width:100%;margin-bottom: .3rem} .prolist li .infobox1 .txt1{width:100%;} .prolist li .infoboxs{padding:.4rem .25rem .25rem;} .prolist li .infoboxs .close{top: .1rem;right: .15rem} } /**/ @keyframes scab{0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}} @keyframes scaleTwo{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.6);opacity:0}} @keyframes scaleTwoa{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.3);opacity:0}} .propage .wp{height: 100%;padding-top: 1.1rem;max-width: 14rem;position: relative;} .propage .wp:after{content: '';width: 1px;background: rgba(255,255,255,.2);position: absolute;left: 46%;top: 33%;height: 45%;display: none} .propage .wp .naleft{width: 44%;color: #fff} .propage .wp .naleft h4{font-size: .38rem;margin-bottom: .4rem;font-weight: bold;} .propage .wp .naleft .desc{line-height: 1.8em;margin-bottom: .4rem;max-height: 2.8rem;overflow: auto;padding-right: .15rem} .propage .wp .naleft .desc::-webkit-scrollbar{width:8px} .propage .wp .naleft .desc::-webkit-scrollbar-thumb{border-radius:10px;background:#e1c95b;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)} .propage .wp .naleft .desc::-webkit-scrollbar-track{border-radius:10px;background:#ededed;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)} .propage .bg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 0;background-repeat: no-repeat;background-position: center;background-size: cover;animation: scab 15s linear infinite} .propage{height: 7.6rem;position: relative;overflow: hidden;} .propage.pga .naright{width: 35%} .propage.pga .naright .cir1{width: 3rem;height: 3rem;border: 3px dashed #00cc00;border-radius: 50%;position: relative;} .propage.pga .naright .cir1:before{content: '';position: absolute;left: 50%;top: 50%;width: 3.4rem;height: 3.4rem;margin-left: -1.7rem;margin-top: -1.7rem;background: url(../images/0517/cir1.png) no-repeat center;background-size:100% 100%;animation: roteda 90s linear infinite} .propage.pga .naright .cir1:after{content: '';position: absolute;left: 50%;top: 50%;width: 4.2rem;height: 4.2rem;margin-left: -2.1rem;margin-top: -2.1rem;border: 1px dashed #00cc00;border-radius: 50%;animation: roted 60s linear infinite} .propage.pga .naright .cir1 .tit{font-size: .3rem;color: #fff} .propage.pga .naright .cir1 ul li{position: absolute;height: .7rem;line-height: .7rem;width:1.95rem;display: flex;justify-content: space-between;z-index: 10} .propage.pga .naright .cir1 ul li a{display: flex;justify-content: space-between;width: 100%} .propage.pga .naright .cir1 ul li i{display: block;width: .7rem;height: .7rem;background-color: rgba(255,255,255,.6) ;border-radius: 50%;border:3px solid rgba(255,255,255,.4);background-repeat: no-repeat;background-position: center;} .propage.pga .naright .cir1 ul li:hover i{background-color:#009933 ;border-color:#73da7c } .propage.pga .naright .cir1 ul li.on i{background-color:#009933 ;border-color:#73da7c } .propage.pga .naright .cir1 ul li span{font-size: .22rem;color: #fff} .propage.pga .naright .cir1 ul li:nth-child(1){top: .1rem;left: -2rem} .propage.pga .naright .cir1 ul li:nth-child(2){top: .5rem;right: -2.3rem} .propage.pga .naright .cir1 ul li:nth-child(3){bottom: -.1rem;right: -1.8rem} .propage.pga .naright .cir1 ul li:nth-child(4){bottom: -.6rem;left: -1.5rem} .propage.pga .naright .cir1 ul li.li1{background: url(../images/0517/pibg.png)no-repeat center;background-size: 100% 100%} .propage.pga .naright .cir1 ul li.li2{background: url(../images/0517/pibg1.png)no-repeat center;background-size: 100% 100%} .propage.pga .naright .cir1 ul li.li1:hover{background: url(../images/0517/pibgon.png)no-repeat center;background-size: 100% 100%} .propage.pga .naright .cir1 ul li.li1.on{background: url(../images/0517/pibgon.png)no-repeat center;background-size: 100% 100%} .propage.pga .naright .cir1 ul li.li2:hover{background: url(../images/0517/pibgon1.png)no-repeat center;background-size: 100% 100%} .propage.pga .naright .cir1 ul li.li2.on{background: url(../images/0517/pibgon1.png)no-repeat center;background-size: 100% 100%} .propage.pga .naright .cir1 ul li.li1 i{background-image: url(../images/0517/pi1.png);} .propage.pga .naright .cir1 ul li.li2 i{background-image: url(../images/0517/pi1.png);} .propage.pga .naright .cir1 ul li.li1:hover i{background-image: url(../images/0517/pi1on.png);} .propage.pga .naright .cir1 ul li.li1.on i{background-image: url(../images/0517/pi1on.png);} .propage.pga .naright .cir1 ul li.li2:hover i{background-image: url(../images/0517/pi1on.png);} .propage.pga .naright .cir1 ul li.li2.on i{background-image: url(../images/0517/pi1on.png);} .propage.pga .naright .cir1 ul li.li4{background: url(../images/0517/pibg.png)no-repeat center;background-size: 100% 100%} .propage.pga .naright .cir1 ul li.li3{background: url(../images/0517/pibg1.png)no-repeat center;background-size: 100% 100%} .propage.pga .naright .cir1 ul li.li4:hover{background: url(../images/0517/pibgon.png)no-repeat center;background-size: 100% 100%} .propage.pga .naright .cir1 ul li.li4.on{background: url(../images/0517/pibgon.png)no-repeat center;background-size: 100% 100%} .propage.pga .naright .cir1 ul li.li3:hover{background: url(../images/0517/pibgon1.png)no-repeat center;background-size: 100% 100%} .propage.pga .naright .cir1 ul li.li3.on{background: url(../images/0517/pibgon1.png)no-repeat center;background-size: 100% 100%} .propage.pga .naright .cir1 ul li.li4 i{background-image: url(../images/0517/pi1.png);} .propage.pga .naright .cir1 ul li.li3 i{background-image: url(../images/0517/pi1.png);} .propage.pga .naright .cir1 ul li.li4:hover i{background-image: url(../images/0517/pi1on.png);} .propage.pga .naright .cir1 ul li.li4.on i{background-image: url(../images/0517/pi1on.png);} .propage.pga .naright .cir1 ul li.li3:hover i{background-image: url(../images/0517/pi1on.png);} .propage.pga .naright .cir1 ul li.li3.on i{background-image: url(../images/0517/pi1on.png);} .propage.pgb .naright{width: 36%} .propage.pgb .naright .cir2{width: 3.7rem;height: 3.7rem;background: rgba(153,204,255,.6);border-radius: 50%;position: relative;} .propage.pgb .naright .cir2:before{content: '';position: absolute;left: 50%;top: 50%;width: 3.4rem;height: 3.4rem;margin-left: -1.7rem;margin-top: -1.7rem;;animation: roted 60s linear infinite;border: 1px dashed #fff;border-radius: 50%} .propage.pgb .naright .cir2 .tit{width: 1.8rem;height: 1.8rem;background: url(../images/0517/cir2a.png) no-repeat center;background-size: 100% 100%;line-height: 1.8rem;text-align: center;;color: #fff;font-size: .22rem;display: block;} .propage.pgb .naright .cir2 ul li{width:1.3rem;height: 1.3rem;border-radius: 50%;background: url(../images/0517/cir2.png) no-repeat center;background-size: 100% 100%;text-align: center;line-height: 1.3rem;color: #003399;font-size: .2rem;position: absolute;transition: .3s; } .propage.pgb .naright .cir2 ul li:nth-child(1){left:-.8rem;top: .5rem} .propage.pgb .naright .cir2 ul li:nth-child(2){top: -.8rem;left: 50%;margin-left: -.65rem} .propage.pgb .naright .cir2 ul li:nth-child(3){right: -.8rem;top: .5rem} .propage.pgb .naright .cir2 ul li:hover{background: url(../images/0517/cir2on.png)no-repeat center;background-size: 100% 100%;color: #fff} .propage.pgb .naright .cir2 ul li:hover a{color: #fff} .propage.pgb .naright .cir2 ul li span{position: relative;z-index: 3} .propage.pgb .naright .cir2 ul li:hover:before{position: relative;z-index: 3} .propage.pgb .naright .cir2 ul li:hover:after{content: '';width: 100%;height: 100%;border-radius:50%;position: absolute;left:0;top: 0;background: rgba(255,255,255,.7);z-index: 2;animation:scaleTwoa 1.8s infinite;display: block;} .propage.pgc .naright{width: 6.37rem} .propage.pgc .naright ul li{background: url(../images/0517/sq3a.png) no-repeat center;background-size: 100% 100%;position: absolute;text-align: center;transition: .3s} .propage.pgc .naright ul li i{display: block;width: .6rem;height: .6rem;background-position: center;background-repeat: no-repeat;margin: 0 auto .1rem} .propage.pgc .naright ul li:hover p{color: #fff} .propage.pgc .naright ul li p{font-size: .22rem;color: #194775;transition: .3s} .propage.pgc .naright ul li:hover{background: url(../images/0517/sq3on.png) no-repeat center;background-size: 100% 100%;} .propage.pgc .naright ul li:hover i{transform:rotateY(360deg);transition: .8s} .propage.pgc .naright ul li:nth-child(1){width: 1.65rem;height: 1.92rem;left: 2.2rem;top: 2.2rem;padding-top: .55rem;} .propage.pgc .naright ul li:nth-child(2){width: 1.65rem;height: 1.92rem;left: 4.3rem;top: 2.2rem;padding-top: .55rem;} .propage.pgc .naright ul li:nth-child(3){width: 1.65rem;height: 1.92rem;left:.16rem;padding-top: .5rem;top:2rem;display: none; } .propage.pgc .naright ul li:nth-child(4){width: 2.2rem;height: 2.5rem;left: 3rem;top: -0.1rem;padding-top: .7rem;} .propage.pgc .naright ul li:nth-child(5){width: 1.65rem;height: 1.92rem;right:.15rem;bottom: 1rem;padding-top: .5rem;display: none; } .propage.pgc .naright ul li:nth-child(1) i{background-image: url(../images/0517/i3a.png);} .propage.pgc .naright ul li:nth-child(2) i{background-image: url(../images/0517/i3b.png);} .propage.pgc .naright ul li:nth-child(3) i{background-image: url(../images/0517/i3e.png);} .propage.pgc .naright ul li:nth-child(4) i{background-image: url(../images/0517/i3c.png);} .propage.pgc .naright ul li:nth-child(5) i{background-image: url(../images/0517/i3d.png);} .propage.pgc .naright ul li:nth-child(1):hover i{background-image: url(../images/0517/i3aon.png);} .propage.pgc .naright ul li:nth-child(2):hover i{background-image: url(../images/0517/i3bon.png);} .propage.pgc .naright ul li:nth-child(3):hover i{background-image: url(../images/0517/i3eon.png);} .propage.pgc .naright ul li:nth-child(4):hover i{background-image: url(../images/0517/i3con.png);} .propage.pgc .naright ul li:nth-child(5):hover i{background-image: url(../images/0517/i3don.png);} .propage.pgc .naright ul li.mr{background: url(../images/0517/sq3on.png) no-repeat center;background-size: 100% 100%;} .propage.pgc .naright ul li.mr i{transform:rotateY(360deg);transition: .8s} .propage.pgc .naright ul li.mr p{ color: #fff !important;} .propage.pgc .naright ul li.mr i{background-image: url(../images/0517/i3con.png);} .propage.pgd .naright{width: 42%} .propage.pgd .naright .cir4{width: 4rem;height: 4rem;border-radius: 50%;position: relative;} .propage.pgd .naright .cir4:before{content: '';position: absolute;left: 50%;top: 50%;width: 4rem;height: 4rem;margin-left: -2rem;margin-top: -2rem;border: 1px dashed #fff;border-radius: 50%;animation: roted 60s linear infinite} .propage.pgd .naright .cir4 ul li{position: absolute;display: flex;z-index: 2} .propage.pgd .naright .cir4 ul li i{width: .9rem;height: .9rem;position: relative;z-index: 2} .propage.pgd .naright .cir4 ul li span{display: block;line-height: .9rem;font-size: .2rem;color: #fff;margin-left: .1rem;white-space: nowrap;} .propage.pgd .naright .cir4 ul li:nth-child(1) i{width: 2.03rem;height: 2.03rem} .propage.pgd .naright .cir4 ul li:nth-child(1){left: -1rem;top: 46%;margin-top: -1rem} .propage.pgd .naright .cir4 ul li:nth-child(2){left: 55%;top: -0.35rem;} .propage.pgd .naright .cir4 ul li:nth-child(3){left: 85%;top: 19%;} .propage.pgd .naright .cir4 ul li:nth-child(4){left:85%;bottom: 19%;} .propage.pgd .naright .cir4 ul li:nth-child(5){left: 55%;bottom: -0.3rem;} .propage.pgd .naright .cir4 ul li img{position: relative;z-index: 5} .propage.pgd .naright .cir4 ul li:hover i:before{position: relative;z-index: 3} .propage.pgd .naright .cir4 ul li:hover i:after{content: '';width: 100%;height: 100%;border-radius:50%;position: absolute;left:0;top: 0;background: rgba(64,106,220,.7);z-index: 2;animation:scaleTwoa 1.8s infinite;display: block;} .propage.pge .naright {width: 45%} .propage.pge .naright .cir5 ul li{position: absolute;width: 1.1rem;height: 1.1rem;border-radius: 50%;border: 2px solid rgba(255,255,255,.8);text-align: center;font-size: .18rem;color: #fff;display: flex;flex-direction: column;justify-content: center;} .propage.pge .naright .cir5 ul li:nth-child(1){left:60%;top: -15px;background: rgba(225,201,91,.85);width: 1.8rem;height: 1.8rem;} .propage.pge .naright .cir5 ul li:nth-child(1) span{font-size:0.3rem;}.propage.pge .naright .cir5 ul li:nth-child(2){right:2%;top:35%;background: rgba(51,145,210,.85);width: 1.1rem;height: 1.1rem;} .propage.pge .naright .cir5 ul li:nth-child(3){right:10%;top: 66%;background: rgba(102,204,204,.7);width: 1.1rem;height: 1.1rem; } .propage.pge .naright .cir5 ul li:nth-child(4){left: 18%;bottom:5%;background:rgba(204,153,102,.8) } .propage.pge .naright .cir5 ul li:nth-child(5){left:4px;bottom:30%;background: rgba(255,255,255,.7);color: #003366;} .propage.pge .naright .cir5 ul li:nth-child(6){left:5%; top: 10%;background: rgba(102,102,153,.7);width: 1.1rem;height: 1.1rem;} .propage.pge .naright .cir5 ul li:nth-child(7){left:30%;top:-6%;background: rgba(43,85,170,.7);color: #fff;width: 1.55rem;height: 1.55rem;} .propage.pge .naright .cir5 ul li:nth-child(7) span{font-size:0.25rem;} .propage.pge .naright .cir5 ul li:nth-child(8){right: 38%;bottom:3%;background:rgba(50,74,112,.8) } .propage.pge .naright .cir5 ul li span{position: relative;z-index: 3;font-size: 0.2rem;} .propage.pge .naright .cir5 ul li:hover:before{position: relative;z-index: 2} .propage.pge .naright .cir5 ul li:hover:after{content: '';width: 100%;height: 100%;border-radius:50%;position: absolute;left:0;top: 0;background: rgba(255,255,255,.7);z-index: 2;animation:scaleTwoa 1.8s infinite;display: block;} @media (max-width: 1200px){ .propage .wp{padding-top: 0!important;} .propage{height: auto;padding: 1.2rem 0 .5rem} .propage .wp:after{display: none} .propage .wp .naleft{width: 100%;order: 2} .propage.pga .naright{width: 100%;order: 1;margin-bottom: 1rem;display: flex;justify-content: center;} .propage.pgb .naright{width: 100%;order: 1;margin-bottom: .5rem;display: flex;justify-content: center;} .propage.pgc .naright{margin: 0 auto;order: 1;margin-bottom: .5rem;display: flex;justify-content: center;} .propage.pgd .naright{width:100%;margin: 0 auto;order: 1;margin-bottom: .5rem;display: flex;justify-content: center;padding-right: 8%} .propage.pge .naright {width: 100%;margin: 0 auto;order: 1;margin-bottom: .5rem;display: flex;justify-content: center;} } @media (max-width: 700px){ .propage .wp .naleft h4{font-size: 6vw;margin-bottom: .2rem} .propage.pga .naright .cir1 .tit{font-size: 4vw;} .propage.pga .naright .cir1{width: 34vw;height: 34vw;} .propage.pga .naright .cir1:before{width: 40vw;height: 40vw;margin-left: -20vw;margin-top: -20vw;} .propage.pga .naright .cir1:after{width: 48vw;height: 48vw;margin-left: -24vw;margin-top: -24vw;} .propage.pga .naright .cir1 ul li{height: 9vw;line-height: 9vw;width:26vw;} .propage.pga .naright .cir1 ul li i{width: 9vw;height: 9vw;border:2px solid rgba(255,255,255,.4);background-size:60%} .propage.pga .naright .cir1 ul li span{font-size: 2.5vw} .propage.pga .naright .cir1 ul li:nth-child(1){top: 1vw;left: -24vw} .propage.pga .naright .cir1 ul li:nth-child(2){top: 5vw;right: -27vw} .propage.pga .naright .cir1 ul li:nth-child(3){bottom: -1vw;right: -22vw} .propage.pga .naright .cir1 ul li:nth-child(4){bottom: -6vw;left: -19vw} .propage.pgb .naright .cir2{width: 50vw;height: 50vw;} .propage.pgb .naright .cir2:before{width: 56vw;height: 56vw;margin-left: -28vw;margin-top: -28vw;} .propage.pgb .naright .cir2 .tit{width: 20vw;height: 20vw;line-height: 20vw;font-size: 4vw;} .propage.pgb .naright .cir2 ul li{width:18vw;height: 18vw;line-height: 18vw;font-size: 3vw; } .propage.pgb .naright .cir2 ul li:nth-child(1){left:-10vw;top: 8vw} .propage.pgb .naright .cir2 ul li:nth-child(2){top: -10vw;left: 50%;margin-left: -9vw} .propage.pgb .naright .cir2 ul li:nth-child(3){right: -10vw;top: 8vw} .propage.pgc .naright{width: 80vw} .propage.pgc .naright ul li i{width: 6vw;height: 6vw;background-size: 100% auto} .propage.pgc .naright ul li p{font-size: 3vw;} .propage.pgc .naright ul li:nth-child(1){width:24vw;height: 28vw;left:14vw;padding-top: 8vw} .propage.pgc .naright ul li:nth-child(2){width:24vw;height: 28vw;left:41vw;padding-top:8vw } .propage.pgc .naright ul li:nth-child(3){width:24vw;height: 28vw;left:0;padding-top:8vw;top: 22vw } .propage.pgc .naright ul li:nth-child(4){width:27vw;height:31vw;left:26.5vw;top:22.5vw;padding-top: 9vw } .propage.pgc .naright ul li:nth-child(5){width:21vw;height:24vw;right:3.5vw;bottom:8vw;padding-top:7vw} .propage.pgd .naright{padding-right: 20%} .propage.pgd .naright .cir4{width: 40vw;height: 40vw;} .propage.pgd .naright .cir4:before{width: 40vw;height: 40vw;margin-left: -20vw;margin-top: -20vw;} .propage.pgd .naright .cir4 ul li i{width: 12vw;height: 12vw;} .propage.pgd .naright .cir4 ul li span{line-height: 12vw;font-size:3vw;margin-left: 2vw;} .propage.pgd .naright .cir4 ul li:nth-child(1) i{width: 30vw;height: 30vw} .propage.pgd .naright .cir4 ul li:nth-child(1){left: -15vw;top: 50%;margin-top: -15vw} .propage.pgd .naright .cir4 ul li:nth-child(2){left: 60%;top: -.3rem} .propage.pgd .naright .cir4 ul li:nth-child(3){left: 86%;top: 20%} .propage.pgd .naright .cir4 ul li:nth-child(4){left:85%;bottom: 15% } .propage.pgd .naright .cir4 ul li:nth-child(5){left: 55%;bottom:-.2rem} .propage.pge .naright .cir5 ul li{width: 18vw;height: 18vw;font-size: .16rem} .propage.pge .naright .cir5 ul li:nth-child(1){width:22vw;height:22vw } .propage.pge .naright .cir5 ul li:nth-child(2){width:22vw;height:22vw } .propage.pge .naright .cir5 ul li:nth-child(3){width: 16vw;height: 16vw; } .propage.pge .naright .cir5 ul li:nth-child(6){width: 17vw;height: 17vw;} .propage.pge .naright .cir5 ul li:nth-child(7){width: 19vw;height: 19vw} } /*0529*/ .nyszcx1 .wp{max-width: 12.8rem} .fztit{font-size: .32rem;font-weight: bold;margin-bottom: .3rem} .fztit:after{content: '';height: .1rem;background: url(../images/0529/tx.svg) no-repeat left center;background-size: auto .1rem;display: block;margin-top: .2rem;width: .7rem} .fzdesc{font-size: .18rem;line-height: 1.8em} .cxfz1{padding: .8rem 0;background: url(../images/0529/2bg1.png) no-repeat top center;background-size: 100% auto;margin-top: -.2rem} .cxfz1 ul{margin-top: .4rem} .cxfz1 ul li{width: calc(25% - 2px);height: 4rem;text-align: center;position: relative;z-index: 1; padding: 0 5%} .cxfz1 ul li:hover{z-index: 5} .cxfz1 ul li:before{content: '';position: absolute;top: -.1rem;left: -.1rem;bottom: -.1rem;right: -.1rem;z-index: 2;opacity: 0;transform: scale(0);} .cxfz1 ul li:hover:before{opacity: 1;transform: scale(1);;;transition: .5s} .cxfz1 ul li:hover p{color: #fff} .cxfz1 ul li:hover p strong{color: #ffcc00} .cxfz1 ul li i{display: block;background-position: center;background-size:auto 100%;background-repeat: no-repeat;margin: 0 auto .2rem;width: .98rem;height: .92rem} .cxfz1 ul li p{font-size: .18rem;} .cxfz1 ul li p strong{font-size: .24rem;} .cxfz1 ul li:nth-child(1){background: url(../images/0529/2i1bg.jpg) no-repeat center;background-size: cover} .cxfz1 ul li:nth-child(2){background: url(../images/0529/2i2bg.jpg) no-repeat center;background-size: cover} .cxfz1 ul li:nth-child(3){background: url(../images/0529/2i3bg.jpg) no-repeat center;background-size: cover} .cxfz1 ul li:nth-child(4){background: url(../images/0529/2i4bg.jpg) no-repeat center;background-size: cover} .cxfz1 ul li:nth-child(1):before{background: url(../images/0529/on1.jpg) no-repeat center;background-size: cover } .cxfz1 ul li:nth-child(2):before{background: url(../images/0529/on2.jpg) no-repeat center;background-size: cover } .cxfz1 ul li:nth-child(3):before{background: url(../images/0529/on3.jpg) no-repeat center;background-size: cover } .cxfz1 ul li:nth-child(4):before{background: url(../images/0529/on4.jpg) no-repeat center;background-size: cover } .cxfz1 ul li:nth-child(1) i{background-image: url(../images/0529/2i1.png) } .cxfz1 ul li:nth-child(2) i{background-image: url(../images/0529/2i2.png) } .cxfz1 ul li:nth-child(3) i{background-image: url(../images/0529/2i3.png) } .cxfz1 ul li:nth-child(4) i{background-image: url(../images/0529/2i4.png) } .cxfz1 ul li:hover:nth-child(1) i{background-image: url(../images/0529/2i1on.png) } .cxfz1 ul li:hover:nth-child(2) i{background-image: url(../images/0529/2i2on.png) } .cxfz1 ul li:hover:nth-child(3) i{background-image: url(../images/0529/2i3on.png) } .cxfz1 ul li:hover:nth-child(4) i{background-image: url(../images/0529/2i4on.png) } .cxfz2{padding: 1rem 0;background: url(../images/0529/bg8.jpg) no-repeat center;background-size:cover;margin-top: -.2rem} .cxfz2 .aleft{width:48%;} .cxfz2 .aright{width: 48%} .cxfz2 .aright .item{} .cxfz2 .aright .item a{display: block;position: relative;} .cxfz2 .aright .item a:before{content: '';width: .56rem;height: .56rem;background: url(../images/pro/play.png) no-repeat center;background-size: cover;position: absolute;left: 50%;top: 50%;margin-left: -.28rem;margin-top: -.28rem;z-index: 3} .cxfz2 .aright .item a:after{content: '';width: 100%;height: 100%;background:rgba(0,0,0,.3);position: absolute;left:0;top: 0;z-index: 2} .cxfz3{background: url(../images/0529/2bg3.jpg) no-repeat bottom center;background-size:100% auto;} .cxfz3 .a3{padding: .8rem 0 2rem} .cxfz3 .a3 .aleft{width:50%;} .cxfz3 .a3 .aright{width: 46%;} .cxfz3 .a3 .aleft .item{} .cxfz3 .a3 .aleft .item a{display: block;position: relative;} .cxfz3 .a3 .aleft .item a:before{content: '';width: .56rem;height: .56rem;background: url(../images/pro/play.png) no-repeat center;background-size: cover;position: absolute;left: 50%;top: 50%;margin-left: -.28rem;margin-top: -.28rem;z-index: 3} .cxfz3 .a3 .aleft .item a:after{content: '';width: 100%;height: 100%;background:rgba(0,0,0,.0);position: absolute;left:0;top: 0;z-index: 2} .nycx4{background: url(../images/0529/lbbg.jpg) no-repeat center;background-size: cover;padding: 1rem 0} .nycx4 .b3{} .nycx4 .b3 .aleft{width:48%;color: #fff} .nycx4 .b3 .aright{width: 46.5%;max-width: 5.96rem;} .nycx4 .b3 .aright .ars:before{content: '';width: 4rem;height: 4rem;border: 1px dashed rgba(255,255,255,.6);position: absolute;left: 50%;top: 50%;margin-left: -2rem;margin-top: -2rem;z-index: 0;border-radius: 50%;animation: roted linear 60s infinite} .nycx4 .b3 .aright ul li{position: absolute;border-radius: 50%;text-align: center;font-size: .18rem;color: #fff} .nycx4 .b3 .aright ul li em{font-size: .42rem;font-weight: bold;} .nycx4 .b3 .aright ul li .box{border-radius: 50%;z-index: 3;position: relative;} .nycx4 .b3 .aright ul li:before{position: relative;z-index: 3} .nycx4 .b3 .aright ul li:after{content: '';width: 100%;height: 100%;border-radius:50%;position: absolute;left:0;top: 0;background: rgba(255,255,255,.4);z-index: 2;animation:scaleTwoa 1.8s infinite;display: block;} .nycx4 .b3 .aright ul li:nth-child(1){left: 3%;top: 3%} .nycx4 .b3 .aright ul li:nth-child(2){right: 6%;top: 8%} .nycx4 .b3 .aright ul li:nth-child(3){left: 32.5%;top: 31%} .nycx4 .b3 .aright ul li:nth-child(4){left: 7%;bottom: 3%} .nycx4 .b3 .aright ul li:nth-child(5){right: 12%;bottom: 7%} .nycx4 .b3 .aright ul li:nth-child(1) .box{width: 1.68rem;height: 1.68rem;background:linear-gradient(60deg,#0183bf 0%,#21a5e2 100%) } .nycx4 .b3 .aright ul li:nth-child(2) .box{width: 1.5rem;height: 1.5rem;background:linear-gradient(60deg,#349302 0%,#67b73e 100%) } .nycx4 .b3 .aright ul li:nth-child(3) .box{width: 1.9rem;height: 1.9rem;background:linear-gradient(60deg,#223fa1 0%,#699ced 100%) } .nycx4 .b3 .aright ul li:nth-child(4) .box{width: 1.45rem;height: 1.45rem;background:linear-gradient(60deg,#c88801 0%,#f5b42a 100%) } .nycx4 .b3 .aright ul li:nth-child(5) .box{width: 1.45rem;height: 1.45rem;background:linear-gradient(60deg,#009d94 0%,#00d9cc 100%) } @media (max-width: 1200px){ .nycx4 .b3 .aleft{width: 100%;margin-bottom: .3rem} .nycx4 .b3 .aright{width:5.96rem;margin: 0 auto} } @media (max-width: 980px){ .cxfz1{margin-top: -.2rem} .cxfz1 ul li{width: calc(50% - 2px);height: 4rem;margin-bottom: 4px} .cxfz2 .aleft{width: 100%;order: 2;} .cxfz2 .aright{width: 100%;order: 1;margin-bottom: .4rem} .cxfz3 .a3 .aleft{width:100%;margin-bottom: .4rem} .cxfz3 .a3 .aright{width: 100%} .cxfz2{background-size: cover;padding: .8rem 0} } @media (max-width: 640px){ .cxfz1 ul li {height: 3rem} .cxfz1 ul li i{height: .8rem} .fztit{font-size: .28rem} .nycx4 .b3 .aright ul li{font-size: 3vw;color: #fff} .nycx4 .b3 .aright ul li em{font-size:7vw;} .nycx4 .b3 .aright ul li:nth-child(1) .box{width: 26vw;height: 26vw; } .nycx4 .b3 .aright ul li:nth-child(2) .box{width: 24vw;height: 24vw;} .nycx4 .b3 .aright ul li:nth-child(3) .box{width: 30vw;height: 30vw; } .nycx4 .b3 .aright ul li:nth-child(4) .box{width:24vw;height:24vw; } .nycx4 .b3 .aright ul li:nth-child(5) .box{width:24vw;height:24vw;} } .nycx1{padding: 2rem 0 0 0;background: url(../images/0529/bg1.jpg) no-repeat center;background-size: cover} .nycx1 ul li{height: 2.3rem;width: 16.66666%;padding: .4rem .3rem .3rem;color: #fff;background: rgba(0,0,0,.4);} .nycx1 ul li.empty{background: rgba(0,0,0,0);} .nycx1 ul li em{font-size: .64rem;font-family: 'Bahnschrift',imp;} .nycx1 ul li img{margin: 0 auto;width: 1.04rem} .nycx1 ul li:nth-child(1){padding-top: .3rem; background: rgb(205 153 108 / 0.6);font-size: .36rem} .nycx1 ul li:nth-child(8){background: rgba(0,0,0,.15);} .nycx1 ul li:nth-child(10){background: rgba(0,0,0,.2);} .nycx1 ul li:nth-child(11){background: rgba(255,255,255,.3);} .nycx1 ul li:nth-child(14){background: rgba(255,255,255,.2);} .nycx1 ul li:nth-child(12){background: rgba(0,0,0,.15);} .nycx1 ul li:nth-child(15){background: rgba(0,0,0,.15);} .nycx1 ul li:nth-child(17){background: rgba(255,255,255,.1);} .nycx2{background: url(../images/0529/bg2.jpg) no-repeat center;background-size: cover} .nycx2 ul li{border-left: 1px solid rgba(255,255,255,.2);width: 33.333333%;color: #fff;padding: 1.3rem 0 1.3rem} .nycx2 ul li:last-child{border-right: 1px solid rgba(255,255,255,.2)} .nycx2 ul li .item{padding: 0 .4rem} .nycx2 ul li .item:nth-child(1){padding-bottom: .5rem;border-bottom: 1px solid rgba(255,255,255,.2)} .nycx2 ul li .item:nth-child(2){padding-top: .5rem;} .nycx2 ul li h4{font-size: .36rem;margin-bottom: .2rem} .nycx2 ul li .p1{font-size: .22rem;padding: .1rem 0} .nycx2 ul li .p2{padding: .1rem 0} .nycx2 ul li p span{font-size: .22rem;color: #ffcc00} .nycx3{background: url(../images/0529/bg3.jpg) no-repeat center;background-size: cover;padding: 1rem 0 1.5rem;color: #fff} .nycx3 .tit{margin-bottom: .5rem} .nycx3 .tit h4{font-size: .36rem;text-align: center;margin-bottom: .2rem;} .nycx3 .tit p{font-size: .24rem;color: #d1a76c;text-align: center;position: relative;} .nycx3 .tit p:before{content: '';width: calc(50% - 1.8rem);height: 1px;background: rgba(255,255,255,.2);position: absolute;left: 0;top: 50%} .nycx3 .tit p:after{content: '';width: calc(50% - 1.8rem);height: 1px;background: rgba(255,255,255,.2);position: absolute;right: 0;top: 50%} .nycx3 .aleft{width: 50%} .nycx3 .aleft .item:nth-child(1){margin-bottom: .8rem} .nycx3 .aleft .item .cl{width:1.8rem;height: 1.8rem;position: relative; } .nycx3 .aleft .item .cl div{width: 1.1rem;height: 1.1rem;background: url(../images/0529/cir.png) no-repeat center;background-size: cover;text-align: center;margin: 0 auto;font-size: .22rem;padding: .1rem} .nycx3 .aleft .item .cl:before{content: '';width:100%;height:100%;background: url(../images/0529/cl.png) no-repeat center;background-size: 100% 100%;position: absolute;left: 0;top:0; animation: roted 60s linear infinite} .nycx3 .aleft .item .txt{width: calc(100% - 1.9rem) } .nycx3 .aleft .item .txt p{margin: .05rem 0;padding:.1rem .3rem} .nycx3 .aleft .item .txt p:nth-child(2n){background: url(../images/0529/sq1.png) no-repeat left center;background-size: auto 100%} .nycx3 .aleft .item .txt p:nth-child(2n+1){background: url(../images/0529/sq2.png) no-repeat left center;background-size: auto 100%} .nycx3 .aright{padding-top: .3rem;width:45%} .nycx3 .aright .txt{position: absolute;width: 3.5rem;top: 30%;;right: 13%} .nycx3 .aright .txt h4{font-size: .36rem;font-weight: bold;margin-bottom: .2rem} .nycx3 .aright .txt p{text-align: justify;line-height: 1.8em;font-size: .18rem} .nycx3 .aright .cirbox:after{content: '';width:5.61rem;height: 5.61rem;background: url(../images/0529/cir3.png) no-repeat center;background-size: 100% 100%;position: absolute;left: 50%;top: 50%;margin-left: -2.8rem ;margin-top: -2.8rem; animation: roted 60s linear infinite} .nycx2 .slog{position: absolute;left: .1rem;top: 50%;margin-top: -2.86rem;height: 5.72rem;z-index: 0} @media (max-width: 1200px){ .nycx1 ul li{height: 2.3rem;width: 20%;padding: .4rem .3rem .3rem} .nycx1 ul li.empty{display: none} .nycx1 ul li:nth-child(7){background: rgba(0,0,0,.2);} } @media (max-width: 980px){ .nycx1 ul li{height: 2rem;width: 25%;padding: .3rem} .nycx2 ul li{width: 100%;padding:.6rem 0;border-top: 1px solid rgba(255,255,255,.2);border-right: 1px solid rgba(255,255,255,.2)} .nycx1 ul li:nth-child(1){font-size: 3.5vw} .nycx1{padding-top: 1rem;margin-top: -.2rem} .nycx1 ul li em{font-size: 7vw} .nycx2 ul li:first-child{border-top: 0} .nycx3 .aleft{width:100%;margin-bottom: .5rem} .nycx3 .aright{padding-top: .5rem;width: 80%;margin: 0 auto} .nycx3 .aright .cirbox:after{width:64vw;height: 64vw;margin-left: -32vw ;margin-top: -32vw; } } @media (max-width:640px){ .nycx1 ul li em{font-size: 11vw} .nycx1 ul li:nth-child(1){font-size:7vw} .nycx1 ul li{height: 2rem;width: 50%;padding: .3rem} .nycx3{padding-top: .6rem} .nycx3 .aleft .item:nth-child(1){margin-bottom: .5rem} .nycx3 .aright{width:100%;margin: 0 auto} .nycx3 .aright .cirbox:after{width:90vw;height: 90vw;margin-left: -45vw ;margin-top: -45vw; } .nycx3 .aright .txt h4{font-size: 5.5vw} .nycx3 .aright .txt p{line-height: 1.6em} .nycx3 .aright .txt{width: 60%;right: 10%} } /*0617*/ .nycx2 .tit h4{font-size: .36rem;text-align: center;margin-bottom: .6rem;color: #fff} .nycx2{padding: 1rem 0 1.5rem} .nycx2 .slide-tab{width: calc(100% - 3rem);margin: 0;background: rgba(255,255,255,.8);} .nycx2 .slide-tab .swiper-slide{min-height: 4.9rem} .nycx2 .slide-tab .swiper-slide .item{padding: .5rem} .nycx2 .slide-tab .swiper-slide .item .txt{width:66%} .nycx2 .slide-tab .swiper-slide .item .pic{width:31%} .nycx2 .slide-tab .swiper-slide .item .txt p{margin-bottom: .18rem;position: relative;} .nycx2 .slide-tab .swiper-slide .item .txt p span{color: #0033cc} .nycx2 .slide-tab .swiper-slide .item .txt p.p1{font-size: .24rem;padding-left: .3rem} .nycx2 .slide-tab .swiper-slide .item .txt p.p1:before{display: inline-block;width: 10px;height: 10px;border: 2px solid #0033cc;margin-right: .05rem;border-radius: 50%;position: absolute;left: 0;top: .08rem;content: ''} .nycx2 .slide-tab .swiper-slide .item .txt p.p2{font-size: .2rem;color: #666;padding-left: .3rem} .nycx2 .slide-tab .swiper-slide .item .tt{font-size:.32rem;position: relative;margin-bottom:.8rem } .nycx2 .slide-tab .swiper-slide .item .tt:before{content: '';height: .5rem;width: 4px;background: #ff3300;position: absolute;left: -.5rem;top: 50%;transform: translateY(-50%); } .nycx2 .slide-tab .swiper-slide .item .tt:after{content: '';height:1px;width: .6rem;background: #aaa;position: absolute;left:0;bottom: -.4rem } .nycx2 .tabnav{width:3rem;background: rgba(0,102,255,.9);color: #fff} .nycx2 .tabnav{padding: 0 .4rem} .nycx2 .tabnav .li{cursor: pointer;font-size: .24rem;position: relative;padding: .25rem 0;padding-left: .4rem} .nycx2 .tabnav .li i{display: inline-block;width: .29rem;height: .29rem;border: 1px solid #fff;margin-right: .05rem;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .nycx2 .tabnav .li.on i{border-color: #ffcc33} .nycx2 .tabnav .li.on i:before{content: '';width: .15rem;height: .15rem;border-radius: 50%;background: #ffcc33;position: absolute;left: 50%;top: 50%;margin-left: -.07rem;margin-top: -.08rem} .nycx2 .tabnav .li span{display: inline-block} .nycx2 .tabnav .li:before{content: '';width: 1px;background: rgba(255,255,255,.6);height: calc(50% + .11rem);position: absolute;top:calc(50% + .15rem);left: .14rem} .nycx2 .tabnav .li:last-child:before{display: none} @media (max-width: 980px){ .nycx2 .slide-tab{width: 100%;order: 2}.nycx2 .tabnav{width:100%;order: 1} .nycx2 .slide-tab .swiper-slide{min-height:inherit;} } @media (max-width: 640px){ .nycx2 .slide-tab .swiper-slide .item .txt{width:100%;order: 2} .nycx2 .slide-tab .swiper-slide .item .pic{width:100%;order: 1;margin-bottom: .3rem} .nycx2 .tabnav .li{padding: .1rem 0;padding-left: .4rem} .nycx2 .tabnav{padding: .2rem .4rem} .nycx2 .tabnav .li:before{height: 46%;} .nycx2 .slide-tab .swiper-slide .item .txt p.p1{font-size: .22rem} .nycx2 .slide-tab .swiper-slide .item .txt p.p2{font-size: .18rem} } .back{position: fixed; display: flex;flex-direction: column;right: 16px;bottom:80px;z-index: 10} @media screen and (max-width: 1024px){ .back{display:none; } }