/* CSS Document public*/ *{font-family:arial,Helvetica, sans-serif; padding: 0; margin:0; box-sizing:border-box; overflow-scrolling:touch; -webkit-overflow-scrolling:touch;} body{ padding:0;margin:0;font-family:arial,Helvetica, sans-serif ;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;line-height: 1;font-size:14px;background:#fff; } .index_body{overflow: hidden;} @font-face{font-family: 'source';src : url('../font25/SourceHanSerifCN-Heavy.otf');} html,body{ height: 100%;overflow-x: hidden;} html{ overflow:-moz-scrollbars-vertical;} html::-webkit-scrollbar {width:4px;height: 8px;background-color: #F5F5F5;} html::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;} html::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;} body::-webkit-scrollbar {width:4px;height: 8px;background-color: #F5F5F5;} body::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;} body::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;} P{line-height: inherit;} table { border-collapse: collapse; border-spacing: 0;margin:0 auto; } table td {line-height: 1.25;padding: 5px;padding-left:15px;/* width: auto; */} .clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/ content: ""; display: block; height: 0; clear:both; visibility: hidden;} .clearfix{*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/} a{text-decoration:none;bblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/; outline:none;} a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/ ul{list-style:none;} img{border:0px; vertical-align:middle} ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;} h3,h4,h5{ font-weight:normal;} h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;} abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block} .fl{ float:left} .fr{ float:right} .clearfix:after{content: ""; display: block; height: 0; clear:both; visibility: hidden;} .clear:after{content: ""; display: block; height: 0; clear:both; visibility: hidden;} .line1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .line2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .line3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .line4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} .textline{background-repeat: no-repeat;background-size: 0 1px;background-position:0 100%;transition: background-size 0.5s ease-out 0s;} a:hover .textline{background-size: 100% 1px;} .pic{position: relative;overflow: hidden;transition: 0.4s;background-position: center center;} .pic img{display: block;width: 100%;object-fit: cover;transition: 0.4s ease-in;/* opacity: 0; */} a:hover .pic img{transform:scale(1.1);transition: 0.4s ease-in;} .w18 {width: 18rem; margin: 0px auto; } .w15{width:15rem;margin:0 auto;} @media (max-width: 1820px) { .w18 {width: 95%;} } @media (max-width: 1400px) { .w15 {width: 95%;} } @media(max-width: 768px) { .w18{padding: 0 0.16rem;} .w15{padding: 0 0.16rem;width: 98%;} } /*==========================================公共 开始=============================================*/ .ar_wap{ display:none} .a_body{ position:relative; z-index:0;} .section{ overflow:hidden;} .yc_top_nav{position: fixed;transition: 0.4s;width: 100%;height: 1.4rem; left: 0;top: 0; z-index: 1000;transition-delay: 0.6s;top: 0;} .yc_top_nav .header_box{position: relative;z-index: 10000;height: 1.4rem;display: flex;align-items: center;position: relative;} .yc_top_nav .header_box::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 0.06rem;background: #791CB5;z-index: 5;} .yc_top_nav .header_box::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 140%;background: linear-gradient(180deg, rgba(26, 26, 26, 0.9) 0%, rgba(117, 117, 117, 0) 100%);z-index: 4;} #header{position: relative;z-index:999;background-size:cover; transition: 0.4s;margin: 0 auto;height:1.36rem; width: 100%;padding: 0 0.5rem 0 0.3rem;} #header .head_con{height: 100%;align-items: center;} .yc_top_nav .logo{width: 26%;} .yc_top_nav .logo .logo-w{display: block;} .yc_top_nav .logo .logo-red{display: none;} .yc_top_nav .logo img{display: block;max-width:2.28rem;} #header .rightc{width: 65%;display: flex;flex-direction: column;align-items: flex-end;} .yc_top_nav #nav>ul>li>a{padding: 0.14rem 0;text-align: center;} .yc_top_nav #nav ul li{position: relative; margin-left: .45rem;} .yc_top_nav #nav ul li:hover::before{opacity: 1;width: 0.28rem} .yc_top_nav #nav ul li:hover::after{opacity: 1;width: 0.28rem} .yc_top_nav #nav ul li:hover a h3{} .yc_top_nav #nav ul li:hover h3{opacity: 0.6;} #nav{width:100%;position: relative;z-index: 3;align-items: center;padding: 0;} #nav ul{/*width: calc(100% - 0.74rem);*/position: relative;} #nav ul li{position:relative;z-index:0;} #nav ul li.on:before, #nav ul li:hover:before{width:140%;left:-20%;} #nav ul li a{display:block;padding:0.1rem 0rem;transition: 0.4s;color:#b7b7b7;} #nav ul li h3{font-size: 0.24rem;position:relative;display: inline-block;color: #fff;transition: 0.4s;font-weight: bold;} #nav ul li a i{ margin:-3px 0 0 .1rem; display:inline-block; width:10px; height:5px; background:url() center no-repeat; transition:.5s} #nav ul li.on a i, #nav ul li:hover a i{ background:url() center no-repeat;} #nav ul li a i{ display:inline-block; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;} #nav ul li .sub{position:absolute;min-width: 150px;z-index: 10000;visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: .5s;transform-origin: top;padding: 10px 0;background:#fff;box-shadow: 0 0px 8px rgba(0,55,59,0.25);top: 100%;left: 50%; transform: translateX(-50%);border-radius: 0.08rem;} #nav ul li .sub .box{text-align:center;} #nav ul li:hover a, #nav ul li.on a{color: #fff;} #nav ul li.on .sub a{color: #333;} #nav ul li.on .sub a:hover{color: #fff;} #nav ul li .sub a{padding: 0.1rem 0.2rem;line-height: 0.2rem;transition:.6s;font-size: 0.16rem;color: #333;white-space: nowrap;display: block;text-align: center;position: relative;text-decoration: none;} #nav ul li .sub a:hover{background: #791CB5;color: #fff;} #nav ul li:hover .sub{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;} #nav>ul>li h3:before{content:"";display:block;position:absolute; width:21px; height:12px;left:50%;margin-left: -10px; bottom:10px; transition:.3s;opacity:0;visibility:hidden;} #nav>ul>li:hover h3:after,#nav ul li.on h3:after{ transform:scale(1);} #nav>ul>li:hover h3:before, #nav>ul>li.on h3:before{opacity:1;visibility:visible;display: none;} .yc_top_nav #nav .search_btn{width: 0.33rem;height: 0.33rem;background: rgba(255,255,255,0.4);margin-left: 0.34rem;border-radius: 50%;display: flex;justify-content: center;align-items: center;} .search_btn img{margin: 0;width: 0.14rem;height: 0.15rem;} .search_btn img.imgs{display: block;} .search_btn img.imgs2{display: none;} /* 顶部链接加搜索 开始 */ .top_ljbox{display: flex;justify-content: flex-end;padding: 0 0rem;align-items: center;} .top_ljbox p{display: flex;justify-content: flex-end;margin-right: 0.2rem;} .top_ljbox a{font-size: 0.14rem;color: #fff;display: block;padding-left: 0.15rem;position: relative;transition: 0.4s;line-height: 0.4rem;} .top_ljbox a+a{margin-left: 0.16rem;} .top_ljbox a+a::after{content: '';display: block;width: 1px;height: 0.08rem;background: rgba(255,255,255,0.8);position: absolute;left: 0;top: calc(50% - 0.04rem);} .top_ljbox a:hover{opacity: 0.6;} /* PC搜索框 */ .search-pc{width:2.2rem;height: 0.34rem;position: relative;;border: 1px solid rgba(255,255,255,0.4);border-radius: 0.3rem ;background: rgba(255,255,255,0.2);} .search-pc input[type="text"]{background: none;outline: none;border: none;padding: 0 0 0 10px;color: #323232;line-height: 0.32rem;height: 0.3rem;width: 100%;} .search-pc input[type="image"]{width: 0.16rem;} .search-pc .input3{float: left;width: calc(100% - 0.32rem);height: 0.32rem;} .search-pc .input4{float: right;color: #323232;width: 0.32rem;height: 0.32rem;display: flex;justify-content: center;align-items: center;border-radius: 0.08rem;} /* 顶部链接加搜索 结束 */ @media(max-width: 1024px){ .yc_top_nav{display: none;} } /* 弹出搜索 开始*/ .search_btn{margin-left: 0rem;cursor: pointer;} .search_btn svg{display:inline-block;fill:#fff;width: 16px;height: 16px;vertical-align: middle;} .search-dialog-box{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000000;opacity: 0;visibility: hidden;transition: .6s;} .search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: none;transition: .6s;left: 0;right: 0;z-index: 1;} .search-dialog-box.on:before{ height:100%} .search-dialog-box .bubbles-bg{opacity: 0;visibility: hidden;display: none;} .search-dialog-box .search-bg{position: absolute;left: 0;top: 0;width: 100%;height: 0;margin: 0;background: rgba(0,0,0,.7);background-size: cover;background-repeat: no-repeat;/* z-index: 1; */transform-origin: center center;transition: height .8s cubic-bezier(.77,0,.175,1);} .search-dialog-box .wrap-inner{transform:translateY(100%);transition: .6s;} .header-right .bubbles-bg{opacity: 0;visibility: hidden;transition: all .5s .8s;} .search-dialog-box .bubbles-bg .bubble{position: absolute;} .search-dialog-box .bubbles-bg .bubble .circle{border-radius: 100%;position: absolute;left: 0;top: 0;width:100%;height: 100%;} .search-dialog-box .bubbles-bg .bubble1{width:6%;padding-top: 6%;left: 26.875%;top: -6.67%;} .search-dialog-box .bubbles-bg .bubble1 .circle{border:1px solid #fff;} .search-dialog-box .bubbles-bg .bubble2{width:12px;padding-top: 12px;left: 13.54%;top: 18%;} .search-dialog-box .bubbles-bg .bubble2 .circle{background-color: #791CB5;} .search-dialog-box .bubbles-bg .bubble3{width:36px;padding-top: 36px;left: 8.854%;top: 30.55%;} .search-dialog-box .bubbles-bg .bubble3 .circle{background-color: #fff;} .search-dialog-box .bubbles-bg .bubble4{width:56.875%;padding-top: 56.875%;left: -28.6458%;top: 51.85%;} .search-dialog-box .bubbles-bg .bubble4 .circle{ background: -webkit-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%); background: -ms-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%); background: linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%); } .search-dialog-box .bubbles-bg .bubble5{width:54px;padding-top: 54px;left: 26.3%;top: 70.83%;} .search-dialog-box .bubbles-bg .bubble5 .circle{background-color: #fff;opacity: .1;} .search-dialog-box .bubbles-bg .bubble6{width:56.875%;padding-top: 56.875%;left: 73.4375%;top: -52.77%;} .search-dialog-box .bubbles-bg .bubble6 .circle{ background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%); background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%); background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%); } .search-dialog-box .bubbles-bg .bubble7{width:2rem;padding-top: 2rem;left: 60.9375%;top: 18.5%;} .search-dialog-box .bubbles-bg .bubble7 .circle{background-color: #791CB5;} .search-dialog-box .bubbles-bg .bubble8{width:1.35rem;padding-top: 1.35rem;left: 95.83%;top: 70.83%;} .search-dialog-box .bubbles-bg .bubble8 .circle{border:1px solid #fff;} .search-dialog-box .bubbles-bg .bubble9{width:16px;padding-top: 16px;left: 76.5625%;top: 96.296%;} .search-dialog-box .bubbles-bg .bubble9 .circle{background-color: #fff;} .search-dialog-box .bubbles-bg .bubble10{width:56.875%;padding-top: 56.875%;left: 71.354%;top:87%;} .search-dialog-box .bubbles-bg .bubble10 .circle{ background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%); background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%); background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%); } .search-dialog-box .bubbles-bg .bubble{animation:spin 8s infinite linear;transform-origin: 50% 45%;} .search-dialog-box .bubbles-bg .bubble:nth-child(2n){animation:spin2 8s infinite linear;} .search-dialog-box .bubbles-bg .bubble .circle{animation:spin-reverse 8s infinite linear;} .search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{animation:spin-reverse2 8s infinite linear;} .search-dialog-box .bubbles-bg .sm-bubble{transform-origin: 30% 30px;} .search-dialog{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;z-index: 2;} .search-dialog .search-tit{font-size: 0.2rem;line-height: 0.25rem;color: #fff;text-align: center;overflow: hidden;display: none;} .search-dialog .search-inner{overflow: hidden;margin-top: 0;} .search-dialog .search-input{width: 561px;margin: 0 auto;padding: 0 0rem 0 0.3rem;background: #fff;box-sizing: border-box;transition: all .3s;max-width: 94%;border-radius: 500px;} .search-dialog .search-input input[type=text]{float: left;height: 0.56rem;width: calc(100% - 0.89rem);background-color: transparent;font-size: 0.2rem;line-height: .25rem;color: #919191;transition: all .3s;outline: none;border: 0;} .search-dialog .search-input input[type=text]::-webkit-input-placeholder{color: #919191;} .search-dialog .search-input input[type=text]:-moz-placeholder{color: #919191;} .search-dialog .search-input input[type=text]::-moz-placeholder{color: #919191;} .search-dialog .search-input input[type=text]:-ms-input-placeholder {color: #919191;} .search-dialog .search-input input[type=image], .search-dialog .search-input .clear-btn{float: right;height: 0.72rem;width: 0.56rem;} .search-dialog .search-input input[type=image]{background-color: transparent;background-repeat: no-repeat;background-position: center;background-size: 1.5rem;background-image: url('../images25/search.png');background: #791CB5 url('../images25/search.png') no-repeat center center;height: 0.56rem;width: 0.89rem;border-radius: 100px;background-size: 0.24rem;} .search-dialog .search-input .clear-btn{background-color: rgba(0,0,0,.2);background-repeat: no-repeat;background-position: center;background-image: url(../images25/search_close.png);background-size: 0.56rem;border-radius: 100%;margin-right: 1rem;display: none;} .search-dialog .search-input.on{background-color: #fff;} .search-dialog .search-input.on input[type=image]{background-image: url('')} .search-dialog .hot-search{font-size: 0;width:3.12rem;margin:.6rem auto 0;box-sizing: border-box;padding:0 .6rem;overflow: hidden;} .search-dialog .hot-search .hot-tit, .search-dialog .hot-search .hot-link{display: inline-block;*display: inline;zoom:1;vertical-align: top;} .search-dialog .hot-search .hot-tit{font-size: .375rem;line-height: .5rem;color: #fff;font-weight: bold;padding-left: .6rem;background-repeat: no-repeat;background-position: left center;background-size: .5rem;background-image: url();} .search-dialog .hot-link{margin-left: 1rem;} .search-dialog .hot-link a{display: inline-block;*display: inline;zoom:1;font-size: .375rem;line-height: .5rem;margin-right: .75rem;color:#fff;padding-bottom: 5px;position: relative;} .search-dialog .hot-link a:before{content: "";position: absolute;left:0%;bottom:0;width:100%;height: 2px;background-color: #fff;transform:scaleX(0);transform-origin:left center;transition:transform .3s;} .search-dialog-box .bottom-box{position: absolute;left: 0;bottom:5.1%;width:100%;} .search-dialog-box .bottom-box .share-box{overflow: hidden;} .search-dialog-box .bottom-box .copy{font-size: .35rem;line-height:.5rem;color: #fff;font-family: "gilroy-regular";margin-top: .5rem;overflow: hidden;} .search-dialog-box.on{opacity: 1;visibility: visible;} .search-dialog-box.on .search-bg{height: 100vh;} .search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;} .search-dialog-box.on .wrap-inner{ transform:translateY(0)} .pub-close {position: absolute;width: 24px;height: 24px;z-index: 10;right: 1.26rem;top: 0.73rem;border-radius: 100%;} .pub-close .bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #791CB5;transform: scale(0);border-radius: 100%;transition: transform .3s;} .pub-close i {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-image: url(../images25/search_close.png);transition:.6s} .pub-close i:hover{ transform:rotate(180deg)} @keyframes spin{to{transform: rotate(1turn);}} @keyframes spin2{to{transform: rotate(-1turn);}} @keyframes spin-reverse{from{transform:rotate(1turn);}} @keyframes spin-reverse2{from{transform:rotate(-1turn);}} /* 弹出搜索 结束*/ /*手机 顶部搜索 开始*/ .tc_search {margin: 0.3rem auto 0;width: calc(100% - 0.6rem);position: relative;} .tc_search form {height: 40px;border-radius: 0;position: relative;width: 100%;margin-bottom: 1rem;} .tc_search .keyword {font-size:.18rem;color: #fff;height: 0.5rem;line-height: 0.5rem;box-shadow: none;-webkit-appearance: none;border-right: 0;background: none;width: 100%;outline: none; border: 1px solid rgba(255,255,255,0.5);padding: 0 50px 0 0.2rem;} .tc_search .btn_blue { position: absolute; right: 0; width: 40px; height: 40px; line-height: 38px; border: 0; background: url(../images25/search_white.png) center center no-repeat; background-size: 50%; } .tc_search .btn_blue.fr { background: #e9edef; color: #4e4f53; } .tc_search input::-webkit-input-placeholder { color:#fff; color: rgba(255,255,255,.7); } .tc_search input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); } .tc_search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#fff; color: rgba(255,255,255,.7); } .tc_search input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#fff; color: rgba(255,255,255,.7); }/* WebKit browsers */ .tc_search input:focus::-webkit-input-placeholder { color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */ }/* Mozilla Firefox 4 to 18 */ .tc_search input:focus:-moz-placeholder { color: transparent; }/* Mozilla Firefox 19+ */ .tc_search input:focus::-moz-placeholder { color: transparent; }/* Internet Explorer 10+ */ .tc_search input:focus:-ms-input-placeholder { color: transparent; }/* 点击搜索框获取焦点 placeholder消失-结束 */ /*手机 顶部搜索 结束*/ /*导航按钮开始*/ #nav_btn_box {height: 100%;z-index: 999999;display: flex;align-items: center;} #nav_btn_box.on { background: none; } #nav_btn { } #nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: #fff; } #nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; } #nav_btn .point { display: inline-block; width: 25px; height: 22px; position: relative; outline: none; } #nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 25px; } #nav_btn .navbtn {position: absolute;top: 12px;left: 0;display: inline-block;width: 14px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;} #nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 25px;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;} #nav_btn .navbtn::after { top: -8px; } #nav_btn .navbtn::before { top: 8px; } #nav_btn .point.on .navbtn { background: transparent; } #nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; } #nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } /*导航按钮结束*/ .m_nav_list {flex-direction: column;justify-content: flex-start;width: 100%;margin: 0;} .m_nav_list::-webkit-scrollbar { display:none} #m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105%;top: 0;display: none;padding: 0.9rem 0 0;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background: linear-gradient(46deg, #850ED1 10%, #2021EB 100%);} #m_nav .close{position:absolute;top: 6px;right:15px;font-size: 28px;color:#fff;z-index: 10000;} #m_nav.act { pointer-events: auto; right: 0;overflow: auto; padding-bottom: 0.5rem; } #m_nav>ul>li {width: 100%;overflow: hidden;padding: 0 0 0 0.3rem;position: relative;} #m_nav>ul>li {border-bottom: 1px solid rgba(255, 255, 255, 0.1);} #m_nav li .a { display: inline-block; width: calc(100% - 30px) } #m_nav li .a {line-height: 0.55rem;height: 0.55rem;color: #fff;padding: 0;font-size:0.16rem;float: left;} #m_nav li .a span { display: block; position: absolute; top: 0; right: 10px; width: 20px; height: 50px; text-align: center; } #m_nav li .a span i { font-size: 0; } #m_nav li i {opacity: 1;filter: alpha(opacity=100);display: inline-block;width: 50px;height: 40px;display: inline-block;background: url(../images25/arrow_down.png) center center no-repeat;background-size: 13px 13px !important;position: absolute;display: block;right: 0;} #m_nav li.on i {background: url(../images25/arrow_down_on.png) center center no-repeat;} #m_nav .on.title .a i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); } #m_nav li { display: block; width: 100%; } #m_nav .title .list { display: none; position: relative; width: 100%; z-index: 9; left: 0; margin-left: 0; background: none; border: 0; clear: both; padding-bottom: 10px; } #m_nav .title .list span { background: none; } #m_nav .title .list span a:hover { color: #791CB5; } #m_nav .title .list a {display: block;font-size: 14px;color: rgba(255,255,255,.6);text-align: left;line-height: 40px;height: 40px;border: 0;font-weight: 300;} /*三级导航 开始*/ #m_nav .title .list .void>a { background-size: 10px; position: relative; } #m_nav .title .list .void>a:before { content: "·"; position: absolute; left: -1em; font-size: 12px; font-weight: bold; } #m_nav .title .list span { position: relative; display: block; } #m_nav .title .list span .sub { position: static; width: 100%; display: block !important; overflow: hidden; } #m_nav .title .sub a { background: none; font-size:0.5rem; opacity: .8; min-width: 50%; float: left; display: inline-block; color: #999; } .nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; } .m_header_box {transition: .6s;display: none;height: 0.8rem;} #m_header a{display: block;} #m_header{padding:0 4%;top: 0;height: 0.8rem;position: fixed;top: 0;left: 0;right: 0;z-index: 999999;box-shadow: 0 0 0.08rem 0 rgba(0,0,0,0.1);background: linear-gradient(96deg, #850ED1 10%, #2021EB 100%);align-items: center;} #m_header #m-logo{width: 20%;} #m_header #m-logo img{max-width: 100%;} .toubu_div{ position: absolute;top: 0;width: 100%;left: 0;z-index: 88;transition: 0.5s;} .section .intro{height: 100%;display: flex;align-items: center;position: relative;z-index: 6;flex-wrap: wrap;} .section .intro>.wp{padding-top:1.36rem;} .swiper-button-prev::after,.swiper-button-next::after{display: none;} .mdblj{padding: 0.2rem 0.3rem 0.2rem 0;} .mdblj a{font-size: 0.16rem; color: white;margin-left: 0.3rem;} @media(max-width: 1024px){ .m_header_box {display: block;} } @media(max-width: 960px){ #m_header #m-logo{width: 20vw;} } @media(max-width: 850px){ #m_header #m-logo{width: 25vw;} #m_header #m-logo img{max-width: 87%;} } @media(max-width: 580px){ #m_header #m-logo{width: 30vw;} } @media(max-width: 430px){ #m_header #m-logo{width: 40vw;} } /* banner 开始 */ .bannerbox .item{height: 100vh;width: 100%;} .bannerbox .item video {display: block; width: 100%;height: 100%; object-fit: cover;} .bannerbox .item img{display: block; width: 100%;height: 100%; object-fit: cover;} .bannerbox .pagination1{position: absolute;left: 0;bottom: 0;z-index: 9;width: 7.06rem;height: 1.2rem;} .bannerbox .pagination1::after{content: "";position: absolute;left: 0;bottom: 0;width: 7.06rem;height: 1.2rem;clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);z-index: 2;background:#791CB5;} .bannerbox .swiper-pagination{bottom: 0.5rem;font-size: 0;display: flex;align-items: center;justify-content: center;left: var(--width);} .bannerbox .swiper-pagination-bullet{width: 0.1rem;height: 0.16rem;width: 0.16rem;margin:0 0.14rem!important;opacity: 1;background:none;border: 1px solid #FFFFFF;} .bannerbox .swiper-pagination-bullet-active{background:#FFFFFF;background-size:contain;} .bannerbox .custom-pagination {position: absolute;bottom: 0.4rem;left: calc(var(--width) + 2.6rem);z-index: 10;} .bannerbox .custom-pagination i{color: white;font-size: 0.24rem;opacity: 0.6;} .bannerbox .custom-pagination .current-slide{font-size: 0.4rem;font-weight: bold;opacity: 1;color: white;font-family: Arial;} .bannerbox .custom-pagination .total-slides{font-size: 0.24rem;color: white;opacity: 0.6;font-family: Arial;} @media (max-width:1024px) { .bannerbox{margin-top: 0.8rem} .main-ny{margin-top: 0.8rem} .bannerbox .item{height: 54vw;width: 100%;} .bannerbox .item video {height: 54vw; object-fit: cover;} .bannerbox .item img{height: 54vw; object-fit: cover;} } @media (max-width:580px) { .bannerbox .pagination1{width: 60vw;height: 0.6rem;} .bannerbox .pagination1::after{width: 100%;height: 100%;} .bannerbox .swiper-pagination{bottom: 0.2rem;} .bannerbox .swiper-pagination-bullet{margin: 0 0.05rem!important;} .bannerbox .custom-pagination{left: calc(var(--width) + 1.6rem);bottom: 0.15rem;} .bannerbox .custom-pagination .current-slide{font-size: 0.3rem;} .bannerbox .custom-pagination .total-slides{font-size: 0.16rem;} } @media (max-width:430px) { .bannerbox .pagination1{width: 70vw;height: 0.6rem;} } @media (max-width:360px) { .bannerbox .pagination1{width: 74vw;height: 0.6rem;} } /* banner 结束 */ /* 公共标题 开始 */ .sametitle{display: flex;justify-content: center;flex-direction: column;align-items: center;position: relative;margin-bottom: 0.35rem;margin-bottom: 0.8rem;} .sametitle .titCon h5{} .sametitle .titCon h5 span{font-size: 0.4rem;font-weight: bold;line-height: 0.6rem;text-align: center;letter-spacing: normal;color: #333333;} .sametitle .more{position: absolute;right: 0;top: 0.2rem;padding-right: 0.68rem;background: url(../images25/morebg.png) no-repeat right center;background-size: 0.57rem;transition: 0.4s all;font-size: 0.18rem; font-weight: normal; line-height: 0.4rem; letter-spacing: normal; color: #791CB5;} .sametitle .more:hover{padding-right: 0.74rem;transition: 0.4s all;} .samesubtit{margin-bottom: 0.3rem;} .samesubtit h4{font-size: 0.3rem;font-weight: bold;font-style: italic;color: #791CB5;} @media(max-width: 1024px){ .sametitle{align-items: flex-start;} .sametitle .titCon h5 span{font-size: 0.36rem;} .sametitle .more{top: auto;bottom: -0.3rem;right: auto;left: 0;} } /* 公共标题结束 */ /* 公共日期 开始 */ .sametime-r{font-size: 0.16rem;color: #791CB5;line-height:0.26rem;display: block;} /* 公共日期 结束 */ /* 新闻动态 通知公告 开始 */ .part1{padding: 0.8rem 0;} .part1-L-lb{width: calc(68.75% - 0.1rem);} .part1-L-lb .swiper{width: 100%;margin: 0;overflow: hidden;position: relative;} .part1-L-lb .swiper-slide{} .part1-L-lb .swiper-slide a{display: block;position: relative;} .part1-L-lb .swiper-slide a .pic{overflow: hidden;position: relative;} .part1-L-lb .swiper-slide a .pic::after{content: "";position: absolute;left: 0;width: 100%;z-index: 2;height: 40%;background: linear-gradient(to top,rgba(0,0,0,0.4),rgba(0,0,0,0));bottom: 0;} .part1-L-lb .swiper-slide a .pic img{height:5.8rem;} .part1-L-lb .swiper-slide a .text{position: absolute;bottom: 0.2rem;width: calc(100% - 1.2rem);padding: 0 0.3rem;z-index: 3;} .part1-L-lb .swiper-slide a .text h5{font-size: 0.3rem;font-weight: bold;line-height: 0.3rem;height: 0.3rem;text-align: justify; /* 浏览器可能不支持 */letter-spacing: normal;color: #FFFFFF;text-align: left;} .part1-L-lb .swiper-pagination{width: 1.2rem!important;text-align: right;border: 0.2rem;position: absolute;left: auto!important;right: 0.2rem;bottom: 0.2rem!important;} .part1-L-lb .swiper-pagination .swiper-pagination-bullet{width: 0.11rem;height: 0.11rem;background: none;border: 1px solid #FFFFFF;margin: 0 0.04rem;opacity: 1!important;} .part1-L-lb .swiper-pagination .swiper-pagination-bullet-active{background: #FFFFFF;border: 1px solid #FFFFFF;} .part1-R{width: calc(31.25% - 0.3rem);} .part1-R ul{position: relative;} .part1-R ul::after{position: absolute;content: "";background: url(../images25/newBg.png) no-repeat center;width: 5.82rem;height: 1.54rem;background-size: 5.81rem;right: -2.3rem;top: -1.1rem;z-index: -1;opacity: 0.12;} .part1-R ul li{border: 1px solid #A7A7A7;background: white;} .part1-R ul li+li{margin-top: 0.35rem;} .part1-R ul li a{padding: 0.33rem 0.25rem;position: relative;display: block;} .part1-R ul li a::after{content: "";position: absolute;width: 57rem;height: 0.09rem;right: 0.25rem;bottom: 0.25rem;background: url(../images25/morebg.png) no-repeat right center;background-size: 0.5rem;transition: 0.4s all;} .part1-R ul li a p{transition: 0.4s all;} .part1-R ul li a .sametime-r{margin-top: 0.2rem;} .part1-R ul li:hover a p{color: #791CB5;font-weight: bold;transition: 0.4s all;} .part1-R ul li:hover a::after{right: 0.3rem;transition: 0.4s all;} @media(max-width: 768px){ .part1-L{width:100%;} .part1-L-lb .swiper-container{width: 100%;} .part1-R{width:100%;margin-top: 0.5rem;} } .part1-b{margin-top: 0.46rem;} .part1-b ul{margin-left: -0.32rem;position: relative;} .part1-b ul::after{content: "";position: absolute;left: 50%;top: -0.3rem;transform: translatex(-50%);background: url(../images25/p1textbg2.png) no-repeat bottom center;width: 12rem;height: 6.4rem;background-size: 100%;z-index: -1;} .part1-b ul li{width: calc(25% - 0.32rem);margin-left: 0.32rem;} .part1-b ul li a{} .part1-b ul li a .pic{} .part1-b ul li a .pic img{} .part1-b ul li a .text{padding: 0.25rem;border: 1px solid #A7A7A7;background: white;} .part1-b ul li a:hover .text{background: url(../images25/p1textbg.png) no-repeat center bottom #FFFFFF;background-size: 100% auto;} .part1-b ul li a .text time{color: #791cb5;} .part1-b ul li a .text p{height: 1.12rem;margin: 0.18rem 0 0.23rem 0;} .part1-b ul li a .text span{background: url(../images25/morebg.png) no-repeat center;background-size: 0.5rem;display: block;width: 0.5rem;height:0.09rem;margin: 0 auto;transition: 0.4s all;position: relative;} .part1-b ul li a:hover .text p{font-weight: bold;color:#791CB5;} .part1-b ul li a:hover .text span{transform: translateY(-0.06rem);transition: 0.4s all;} @media(max-width: 768px){ .part1{padding:0.6rem 0;} .part1-L-lb {width: 100%;} .part1-L-lb .swiper-slide a .pic img{height:54vw;} .part1-R {width: 100%;} .part1-R ul::after{background-size: 60vw;right: -0.3rem;width: 60vw;height: 100%;top: -0.2rem;background-position: top right;} .part1-b ul li{width: calc(50% - 0.32rem);} .part1-b ul li+li+Li{margin-top: 0.32rem;} } @media(max-width: 430px){ .part1-b ul{margin-left: 0;} .part1-b ul li{width:100%;margin-left: 0;} .part1-b ul li+li{margin-top: 0.32rem;} .part1-L-lb .swiper-slide a .text{width: 100%;} .part1-L-lb .swiper-pagination{bottom: 0.5rem!important;} .part1-L-lb .swiper-slide a .text h5{font-size: 0.24rem;} } /* Conferences?&?Workshops end */ /* Academic Exchange Training Activities start */ .part2{padding: 0.8rem 0 0.9rem 0;background: #F6F6F6;} .part2-L, .part2-R{width: calc(50% - 0.2rem);} .part2 .same{} .part2 .same ul{} .part2 .same ul li{margin-top: 0.2rem;} .part2 .same ul li a{display: block;} .part2 .same ul li a h3{height: 0.3rem;} .part2 .same ul li a:hover h3{color: #791CB5;font-weight: bold;} .part2 .same ul li a p{display: flex;justify-content: space-between;margin-top: 0.06rem;flex-wrap: wrap;} .part2 .same ul li a p span{font-size: 0.18rem;width: 48%;font-weight: normal;line-height: 0.28rem;letter-spacing: normal;color: #333333;display: block;padding-left: 0.24rem;} .part2 .same ul li a p span:nth-child(1){background: url(../images25/p2ic1.png) no-repeat left 0.04rem;background-size: 0.2rem;} .part2 .same ul li a p span:nth-child(2){background: url(../images25/p2ic2.png) no-repeat left 0.04rem;background-size: 0.2rem;} .part2 .same .firstPic{} .part2 .same .firstPic a{display: block;position: relative;} .part2 .same .firstPic a .pic{position: relative;} .part2 .same .firstPic a .pic::after{content: "";position: absolute;left: 0;width: 100%;z-index: 2;height: 40%;background: linear-gradient(to top,rgba(0,0,0,0.4),rgba(0,0,0,0));bottom: 0;} } .part2 .same .firstPic a .pic img{height: 3.9rem;} .part2 .same .firstPic a .text{position: absolute;bottom: 0.15rem;width: 100%;padding: 0 0.16rem;z-index: 6;} .part2 .same .firstPic a .text p{font-size: 0.3rem;font-weight: bold;line-height: 0.4rem;height: 0.4rem;letter-spacing: normal;color: #FFFFFF;} @media(max-width: 768px){ .part2 .same .firstPic a .pic img{height: 54vw;} .part2-L, .part2-R{width:100%;} .part2-R{margin-top: 0.5rem;} .part2{padding: 0.6rem 0 0.7rem 0;} } @media(max-width: 430px){ .part2 .same ul li a p span{width: 100%;margin-top: 0.06rem;display: block;} .part2 .same ul li{margin-top: 0.34rem;} } /* Academic Exchange Training Activities end */ /* News & Events start */ .part3{padding: 0.9rem 0;} .part3 .part3-L{width: calc(49% - 0.28rem);} .part3-L-lb{width: 100%;overflow: hidden;margin: 0;position: relative;} .part3-L-lb .swiper-slide{} .part3-L-lb .swiper-slide a{display: block;} .part3-L-lb .swiper-slide a .pic{} .part3-L-lb .swiper-slide a .pic img{height: 3.8rem;} .part3-L-lb .swiper-slide a .text{} .part3-L-lb .swiper-slide a .text time{margin: 0.12rem 0 0.12rem 0;} .part3-L-lb .swiper-slide a:hover .text p{color: #791CB5; ;} .part3-L-lb .swiper-pagination{top: 3.5rem;height: 0.14rem;} .part3-L-lb .swiper-pagination-bullet{width: 0.12rem;height: 0.12rem;background: none;border: 1px solid #FFFFFF;opacity: 1;} .part3-L-lb .swiper-pagination-bullet-active{background: white;} .part3 .part3-R{width: calc(51% - 0.28rem);} .part3 .part3-R ul{padding: 0.35rem 0.4rem;background: white;box-shadow: 0rem 0.04rem 0.2rem 0rem rgba(0, 0, 0, 0.15);} .part3 .part3-R ul li{} .part3 .part3-R ul li+li{margin-top: 0.2rem;} .part3 .part3-R ul li a{} .part3 .part3-R ul li a:hover p{color: #791CB5;font-weight: bold;} .part3 .part3-R ul li a time{margin-top: 0.06rem;} .part3 .part3-L .sametitle, .part3 .part3-R .sametitle{margin-bottom: 0.4rem;} .part3 .part3-L .sametitle .titCon h5 span, .part3 .part3-R .sametitle .titCon h5 span{font-size: 0.36rem;} @media(max-width: 768px){ .part3 {padding: 0.6rem 0;} .part3 .sametitle{margin-bottom: 0.3rem;} .part3 .part3-L{width: 100%;} .part3 .part3-R{width: 100%;margin-top: 0.5rem;} .part3-L-lb .swiper-slide a .pic img{height: 53vw;} } /* News & Events end */ /* TSIMF CALENDAR start */ .part4{background: url(../images25/p4bg.png) no-repeat center #F8F8F8;background-size: cover;padding: 0.8rem 0 1.2rem 0;} .part4con{align-items: flex-start;} .rl_box{width: calc(55% - 0.3rem);} .p4date img{display: block;width: 100%;} .part4-r-lb{width: calc(45% - 0.3rem);background: url(../images25/p4bg2.png) no-repeat center;background-size: 100% 100%;padding: 0.55rem 0.4rem 0.7rem 0.4rem;position: relative;} .part4-r-lb .swiper{overflow: hidden;margin: 0;} .part4-r-lb .swiper-slide{} .part4-r-lb .swiper-slide a{display: block;} .part4-r-lb .swiper-slide a h5{font-size: 0.3rem;color: white;line-height: 0.4rem;height: 0.8rem;} .part4-r-lb .swiper-slide a h5:hover{text-decoration: underline;transition: 0.4s all;} .part4-r-lb .swiper-slide a p{margin-top: 0.38rem;} .part4-r-lb .swiper-slide a p span{font-size: 0.18rem;color: white;display: block;padding-left: 0.25rem;line-height: 0.28rem;margin-top: 0.14rem;} .part4-r-lb .swiper-slide a p span:nth-child(1){background: url(../images25/p4ic1.png) no-repeat left 0.04rem;background-size: 0.2rem;} .part4-r-lb .swiper-slide a p span:nth-child(2){background: url(../images25/p4ic2.png) no-repeat left 0.04rem;background-size: 0.2rem;} .part4-r-lb .swiper-slide a p span:nth-child(3){background: url(../images25/p4ic3.png) no-repeat left 0.04rem;background-size: 0.2rem;} .part4-r-lb .swiper-slide a p span:nth-child(4){background: url(../images25/p4ic4.png) no-repeat left 0.04rem;background-size: 0.2rem;} .part4-r-lb .swiper-slide a .more{font-size: 0.18rem;color: white;padding-right: 0.62rem;background: url(../images25/morebg2.png) no-repeat right center;background-size: 0.57rem;float: right;margin-top: 0.65rem;transition: 0.4s all;} .part4-r-lb .swiper-slide a .more:hover{padding-right: 0.7rem;transition: 0.4s all;} .part4-r-lb .swiper-pagination{bottom: 0.7rem;height: 0.14rem;} .part4-r-lb .swiper-pagination-bullet{width: 0.12rem;height: 0.12rem;background: none;border: 1px solid #FFFFFF;opacity: 1;} .part4-r-lb .swiper-pagination-bullet-active{background: white;} @media(max-width: 768px){ .part4{padding: 0.6rem 0 0.7rem 0;} .p4date{width: 100%;} .part4-r-lb{width: 100%;margin-top: 0.5rem;} } /* TSIMF CALENDAR end */ /* footer 开始 */ .footerBox{background: url(../images25/footerbg.png) no-repeat center;background-size: cover;padding-top: 0.4rem;} .footerBox>.flex{align-items: flex-start;} .footerBox .bq {padding: 0.18rem 0.16rem;} .footerBox .bq p{font-size: 0.16rem;line-height: 0.26rem;color: #FFFFFF;text-align: center;} .footerBox .bq p a{font-size: 0.16rem;line-height: 0.26rem;color: #FFFFFF;text-align: center;} .footerBox .footerL{width: 30%;} .footerBox .footerL .flogo{margin-bottom: 0.2rem;} .footerBox .footerL .flogo img{display: block;width: 2.38rem;max-width: 100%; margin: 0 auto;} .footerBox .footerL ul{align-items: center;} .footerBox .footerL ul li{width: calc(50% - 0.2rem);margin-top: 0.1rem;display: flex;justify-content: flex-start;align-items: center;} .footerBox .footerL ul li a{display: block;} .footerBox .footerL ul li img{display: block;width: 100%;max-width: 1.6rem;} .footerBox .footerM{width: 28%;} .footerBox .footerM h6{font-size: 0.26rem;color: white;line-height: 0.36rem;padding-bottom: 0.24rem;margin-bottom: 0.24rem;border-bottom: 1px solid rgba(177, 122, 212, 0.5);} .footerBox .footerM p{} .footerBox .footerM p span{font-size: 0.14rem;color: white;line-height: 0.24rem;display: block;margin-top: 0.06rem;} .footerBox .footerR{width: 40%;justify-content: flex-end;} .footerBox .footerR .qlinks{width: calc(100% - 1.8rem);} .footerBox .footerR .qlinks h6{font-size: 0.26rem;color: white;line-height: 0.36rem;padding-bottom: 0.24rem;margin-bottom: 0.24rem;border-bottom: 1px solid rgba(177, 122, 212, 0.5);} .footerBox .footerR .qlinks ul li {width: 48%;} .footerBox .footerR .qlinks ul li a{font-size: 0.14rem;color: white;line-height: 0.24rem;display: block;margin: 0.06rem;} .footerBox .footerR .qlinks ul li a:hover{text-decoration: underline;} .footerBox .footerR .ewmBox{width: 1.1rem;} .footerBox .footerR .ewmBox .pic{} .footerBox .footerR .ewmBox .pic img{display: block;width: 100%;} .footerBox .footerR .ewmBox p{font-size: 0.16rem;color: white;line-height: 0.28rem;color: white;text-align: center;} .footerBox .footerR .flogo2{position: relative;top: -0.4rem;} .footerBox .footerR .flogo2 img{display: block;width: 2.3rem;max-width: 100%;} @media(max-width: 1024px){ .footerBox .footerL{width: 48%;} .footerBox .footerM{width: 48%;} .footerBox .footerR{width: 100%;margin-top: 0.4rem;} } @media(max-width: 580px){ .footerBox .footerL{width: 100%;} .footerBox .footerM{width: 100%;margin-top: 0.4rem;} .footerBox .footerR{width: 100%;} } @media(max-width: 430px){ .footerBox .footerR{justify-content: center;} .footerBox .footerR .qlinks{width:100%;} .footerBox .footerR .ewmBox{width: 100%;margin-top: 0.4rem;} .footerBox .footerR .ewmBox .pic img{width: 40vw;margin: 0 auto;} .footerBox .footerR .flogo2{position: relative;top: 0;margin-top: 0.2rem;} .footerBox .footerR .flogo2 img{display: block;width: 30vw;max-width: 100%;margin: 0 auto;} } /* 首页样式结束 */ /*==========================================内页 开始=============================================*/ .nybanner{position: relative;} .nybanner img{/*height: 6rem; */width: 100% !important;object-fit: cover !important;} @media(max-width: 1024px){ .nybanner img{height: 36vw;width: 100%;object-fit: cover;} .nybanner2 img{display: none;} .nybanner2{background: url(../images25/nybanner0.png) no-repeat center;background-size: cover;padding: 0.4rem 0 0 0;} } #nav_slide{background: #f7f0f0;line-height: 50px;position: relative;z-index: 2;} #nav_slide #bnt_back{ position:absolute; left: 0.16rem; top:-2px; } #nav_slide #bnt_back img{height: 20px;vertical-align: middle;} #nav_slide .n_title{ height: 50px; } #nav_slide h1{font-size: 16px;color: #323232;text-align: center;} #bnt_sub_nav{position: absolute;right: 0.16rem;top: 14.5px;cursor: pointer;} #bnt_sub_nav img{display: block;height: 20px;} #bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);} #sub_nav_content{background: #f2f2f2; display: none; z-index: 9;width: 100%;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);} #sub_nav_content ul{background: #FFFFFF;} #sub_nav_content ul li {background: none;box-shadow:none;border-bottom:1px solid #dedede;padding: 0 15px;} #sub_nav_content ul li a{display: inline-block;font-size: 14px;padding: 0;color: #333;width: 88%;} #sub_nav_content ul li i{float:right;font-family: simsun;font-style: normal;font-weight: bold;} #sub_nav_content ul li ul li{border:0;line-height:40px;padding-left: 10px;} #sub_nav_content ul li ul li a{font-size: 13px; color: #666;} #sub_nav_content ul li.on>a{color: #791DB6;} #sub_nav_content ul li i {transition: transform 0.3s ease;display: inline-block;} #sub_nav_content ul li i.rotated {transform: rotate(90deg); } /* 默认状态下有子菜单的i标签显示 */ #sub_nav_content ul li.am-panel > i {display: inline-block;} /* 没有子菜单的li项不显示i标签 */ #sub_nav_content ul li.am-panel:not(:has(ul)) > i {display: none;} #sub_nav_content ul li ul{ display:none} #nav_slide{ display:none} .n_container{position: relative;z-index: 6; padding:0.5rem 0 1.2rem 0;background-size: auto;background: #FFFFFF;min-height: 6.5rem;background-size: 100%;} @media (max-width:1024px) { .n_container{ display:block;margin-top: 0;} #nav_slide{display: block;} } @media (max-width:850px) { .n_container{padding-bottom: 0.5rem;} } @media (max-width:850px) { } @media (max-width:430px) { } .n_container .n_left{width: 3.4rem;position: relative;z-index: 88;top: 0;} .n_container .n_left h1{height:0.95rem;line-height:0.95rem;background: linear-gradient(109deg, #850ED1 10%, #2021EB 101%), linear-gradient(270deg, #2C22E5 0%, #791CB5 100%), linear-gradient(270deg, #2C06A0 0%, #772290 100%);font-size:0.28rem;color:#fff;padding: 0 0.3rem 0 0.4rem;display:flex;align-items: center;background-size: auto;font-weight: bold;justify-content: center;} .n_container .n_left h1 span{display: block;} .n_container .n_left .con .ulCon{background: linear-gradient(0deg, #F3F1F7 0%, #FEFCFF 100%);} .n_container .n_left .con .ulCon ul{position: relative;padding-bottom: 0.8rem;} .n_container .n_left .con .ulCon ul::after{content: "";position: absolute;bottom: 0;background: url(../images25/asidebg.png) no-repeat bottom center;background-size: 100%;width: 100%;height: 100%;left: -0.015rem;} .n_container .n_left .con ul li{color: #333333;position:relative;border-bottom: 1px solid rgba(0,0,0,0.04);z-index: 4;} .n_container .n_left .con ul li.on dl{display:block !important;} .n_container .n_left .con ul li>a img{margin: -3px 20px 0 0;} .n_container .n_left .con ul li.on:after, .n_container .n_left .con ul li:hover:after{display: block;} .n_container .n_left .con ul li.on i{background:url(../images25/jton.png) center no-repeat;background-size: 7px;transform: rotate(90deg);transition: 0.4s all;} .n_container .n_left .con ul li i.up{transform: rotate(90deg);background: url(../images25/jton.png) center no-repeat;background-size: 0.07rem;} .n_container .n_left .con ul li>a{color: #333333;display: block;padding: 0.18rem 0.2rem 0.18rem 0.3rem;transition: 0.36s;position: relative;font-size: 0.18rem;line-height: 26px;} /* .n_container .n_left .con ul li:hover i{background:url(../images25/jton.png) center no-repeat;background-size: 7px;} */ .n_container .n_left .con ul li:hover>a, .n_container .n_left .con ul li.on>a{color: ##791DB6;font-weight: 600;position: relative;} .n_container .n_left .con ul li:hover>a::after, .n_container .n_left .con ul li.on>a::after{content: "";position: absolute;left: -3px;top: 0;width: 3px;height: 100%;background: #791DB6;} .n_container .n_left .con ul li dl{display:none;padding: 5px 0;position:relative;} .n_container .n_left .con ul li dl:before{content:"";position:absolute;right:0;left:20px;top:0;height:1px;} .n_container .n_left .con ul li dl dd{height: auto;line-height: 0.34rem;padding: 0 15px;} .n_container .n_left .con ul li dl dd a{position: relative;width: calc(100% - 20px); display: block; font-size: 0.16rem;line-height: 0.2rem; color: #323232 !important;padding: 0.1rem 0 0.1rem 0.4rem;} .n_container .n_left .con ul li dl dd a::after{content: "";width: 0.04rem;height: 0.04rem;position: absolute;left: 0.2rem;top: 0.18rem; position:absolute;background: #791DB6;} .n_container .n_left .con ul li i{width: 0.2rem;height: 0.6rem;background: url(../images25/jt.png) center no-repeat;background-size: 0.07rem;position:absolute;right: 0.3rem;top: 0;transition:0.36s;cursor: pointer;} .n_container .n_left .con ul li dl dd a:hover, .n_container .n_left .con ul li dl dd.on a{color: #791DB6!important;font-weight: bold;} .n_container .n_left .con ul li dl dd:hover a:before,.n_container .n_left .con ul li dl dd.on a:before{ background:#791DB6;} .mianbao{z-index: 6;display: flex;align-items: center;flex-wrap: wrap;justify-content: flex-start;position: relative;border-bottom: 1px solid #e6e6e6;padding-bottom: 0.18rem;} /* .mianbao h5{font-size: 0.3rem;color: white;background-size: 0.14rem;margin-top: 0.08rem;} */ .mianbao p{display: flex;justify-content: flex-end;background: url(../images25/now.png) no-repeat left 0.05rem;background-size: 0.17rem;padding-left: 0.22rem;margin-top: 0.08rem;} .mianbao,.mianbao i,.mianbao a{font-size: 0.16rem;color: #323232;font-style:normal;transition: 0.6s all;line-height: 0.26rem;} .mianbao i{display: inherit; margin:0 0.1rem;width: 0.05rem;height: 1px;background: #666;position: relative;top: 0.13rem;} .mianbao a.on{color: #791DB6;font-weight: bold;} .mianbao a:hover{color: #791DB6;transition: 0.6s all;font-weight: bold;} @media (max-width:1024px) { .mianbao{padding-left: 0;left: 0;} } .n_container .n_right{ width:calc(100% - 3.8rem); position: relative; z-index: 2;} .n_container .n_right2{width: 100%;} @media(max-width: 1024px){ .n_container .n_left{display: none;} .n_container .n_right{width: 100%;} } /* 内页共用 */ .dqlm{margin-bottom: 0.4rem;} .dqlm h5{padding-bottom: 0.18rem;border-bottom: 1px solid #D8D8D8;} .dqlm h5 span{font-size: 0.3rem;display: block;color: #323232;position: relative;line-height: 0.3rem;border-left: 0.05rem solid #791DB6;font-weight: bold;padding-left: 0.14rem;} .dqlm2{margin-bottom: 0.4rem;display: flex;justify-content: center;align-items: center;position: relative;} .dqlm2 h5 span{font-family: Arial;font-size: 0.34rem;font-weight: bold;line-height: 0.84rem;text-align: center;letter-spacing: normal;color: #333333;text-align: center;} .dqlm2-L{justify-content: flex-start;} .dqlm2 a.more2{font-family: Arial;font-size: 0.18rem;font-weight: normal;line-height: 0.4rem;letter-spacing: normal;color: #791CB5;background: url(../images25/morebg.png) no-repeat right center;background-size: 0.57rem;padding-right: 0.64rem;position: absolute;border-top-right-radius: 0;top: 0.26rem;right: 0;} .dqlm2 a.more2:hover{padding-right: 0.7rem;transition: 0.4s all;text-decoration: underline;} @media(max-width: 1024px){ .dqlm2{justify-content: flex-start;} } @media(max-width: 580px){ .dqlm2{justify-content: flex-start;flex-direction: column;align-items: flex-start;} .dqlm2 a.more2{position: relative;top: 0;} } @media(max-width: 430px){ .dqlm2 h5 span{font-size: 0.32rem;line-height: 0.46rem;} } .samecon h3{font-size: 0.26rem;line-height: 0.46rem;color: #323232;position: relative;padding-bottom: 0.16rem;} .samecon h3::after{content: "";position: absolute;bottom: 0;left: 0;width: 0.76rem;height: 0.04rem;background: #791DB6;} .samecon p{text-indent: 0 !important;font-size: 0.2rem !important;line-height: 0.3rem !important;color: #333333;margin-top:0rem !important;} .samecon p img{object-fit: cover; max-width: 100%;height: auto !important;} .samecon p.p{ text-indent: 0 !important;font-size: 0.2rem;line-height: 0.32rem;color: #333333;margin-top: 0.06rem;margin-top: 0.2rem;} .samecon+.samecon{margin-top: 0.4rem;} .samecon p iframe{ width: 100% !important;} .samecon iframe{ width: 100% !important;} /* calendar */ .Ny-calendar{} .Ny-calendar img{display: block;width: 100%;} /* Proposal */ .Ny-tt-nav{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;} .Ny-tt-nav .jzxx{background: rgba(255,255,255,0.96);} .Ny-tt-nav .jzxx .con{} .Ny-tt-nav .jzxx a{padding: 0.3rem 0.46rem 0.2rem 0.46rem;display: block;} .Ny-tt-nav .jzxx a h5{font-family: Arial;font-size: 0.26rem;font-weight: bold;line-height: 0.36rem;letter-spacing: normal;color: #333333;} .Ny-tt-nav .jzxx a p{font-family: 微软雅黑;font-size: 0.18rem;font-weight: normal;line-height: 0.28rem;letter-spacing: normal;color: #333333;margin-top: 0.06rem;} .Ny-tt-nav .jzxx a .span{padding-top: 0.22rem;border-top: 1px solid #791DB6;margin-top: 0.18rem;} .Ny-tt-nav .jzxx a .span span{font-family: Arial;font-size: 0.18rem;font-weight: normal;line-height: 0.2rem;letter-spacing: normal;color: #333333;display: block;margin: 0.14rem 0;padding-left: 0.24rem; display: flex; flex-wrap: nowrap; justify-content: flex-start;} .Ny-tt-nav .jzxx a .span .span1{background: url(../images25/jzIc01.png) no-repeat left 0;background-size: 0.2rem;} .Ny-tt-nav .jzxx a .span .span2{background: url(../images25/jzIc02.png) no-repeat left 0;background-size: 0.2rem;} .Ny-tt-nav .jzxx a .span .span3{background: url(../images25/jzIc05.png) no-repeat left 0;background-size: 0.2rem;} .Ny-tt-nav .jzxx a .span .djs{background: url(../images25/jzIc03.png) no-repeat left 0;background-size: 0.2rem;} .Ny-tt-nav .jzxx a .span .span5{background: url(../images25/jzIc04.png) no-repeat left 0;background-size: 0.2rem;} .Ny-tt-nav .jzxx a .span .djs span{background: none;margin: 0;padding: 0;} .Ny-tt-nav ul{flex-wrap: wrap;padding: 0.16rem 0.4rem;background: rgba(255,255,255,0.96);margin-top: 0.2rem;} .Ny-tt-nav ul li{} .Ny-tt-nav ul li a{font-family: Arial;font-size: 0.18rem;font-weight: bold;line-height: 0.25rem;letter-spacing: normal;color: #791DB6;} .Ny-tt-nav ul li a:hover{text-decoration: underline;color: #0d1ad1;} .ulxg{flex-wrap: wrap;padding: 0.16rem 0.4rem;background:#791db6;margin-bottom: 0.4rem;} .ulxg li{} .ulxg li a{font-family: Arial;font-size: 0.18rem;font-weight: bold;line-height: 0.25rem;letter-spacing: normal;color: #fff;} .ulxg li a:hover{text-decoration: underline;color: #fff;} @media(max-width: 1024px){ .Ny-tt-nav{width: 100%;left: 0;transform: translateX(0);top: auto;position: relative;} } @media(max-width: 768px){ .Ny-tt-nav .jzxx a{padding: 0.2rem;} .Ny-tt-nav ul li a{line-height: 0.34rem;} } .Ny-Proposal{} .Ny-Proposal-1{} .Ny-Proposal-1 .con{} .Ny-Proposal-2{margin-top: 0.4rem;} .Ny-Proposal-2-out{} .Ny-Proposal-2-out .bt{font-size: 0.3rem;color: 0.46rem;text-align: center;margin-bottom: 0.4rem;} .Ny-Proposal-2-lb{position: relative;} .Ny-Proposal-2-lb .swiper{overflow: hidden;} .Ny-Proposal-2-lb .arrow1{position: absolute;top: 50%;width: 100%;margin-top: -0.1rem;height: 0.2rem;} .Ny-Proposal-2-lb .arrow1::before{position: absolute;content: "";top: 50%;width: 100%;height: 1px;background: #EAEAEA;} .Ny-Proposal-2-lb .arrow1 .swiper-button-prev,.Ny-Proposal-2-lb .arrow1 .swiper-button-next{background: url(../images25/LL1.png) no-repeat center;background-size: 0.15rem;width: 0.15rem;height: 0.2rem;top: 0;margin-top: 0;} .Ny-Proposal-2-lb .arrow1 .swiper-button-prev{left: -0.3rem;} .Ny-Proposal-2-lb .arrow1 .swiper-button-next{right: -0.3rem;transform: rotate(-180deg);} .Ny-Proposal-2-lb .swiper .swiper-slide{} .Ny-Proposal-2-lb .swiper .swiper-slide ul{display: flex;justify-content: center;flex-wrap: wrap;margin-left: -0.5rem;} .Ny-Proposal-2-lb .swiper .swiper-slide ul li{background: #F3F3F3;width: calc(33.333% - 0.5rem);margin-left: 0.5rem;position: relative;} .Ny-Proposal-2-lb .swiper .swiper-slide ul li:nth-child(1){margin-left: 0.6rem;} .Ny-Proposal-2-lb .swiper .swiper-slide ul li:nth-child(2){margin-right: 0.10rem;} .Ny-Proposal-2-lb .swiper .swiper-slide ul li+li+li{margin-top: 0.56rem;} .Ny-Proposal-2-lb .swiper .swiper-slide ul li a{padding: 0.3rem 0.2rem 0.5rem 0.2rem;display: block;} .Ny-Proposal-2-lb .swiper .swiper-slide ul li a h3{font-size: 0.16rem;color: #333333;line-height: 0.24rem;} .Ny-Proposal-2-lb .swiper .swiper-slide ul li a p{font-size: 0.16rem;color: #666666;line-height: 0.24rem;} .Ny-Proposal-2-lb .swiper .swiper-slide ul li:nth-child(1):before, .Ny-Proposal-2-lb .swiper .swiper-slide ul li:nth-child(2):before{content: "";position: absolute;width: 0.16rem;height: 0.16rem;background: white;border: 1px solid #D8D8D8;bottom: -0.36rem;left: 50%;transform: translateX(-50%);border-radius: 50%;} .Ny-Proposal-2-lb .swiper .swiper-slide ul li+li+li:before{content: "";position: absolute;width: 0.16rem;height: 0.16rem;background: white;border: 1px solid #D8D8D8;bottom: auto;top: -0.36rem;left: 50%;transform: translateX(-50%);border-radius: 50%;} @media(max-width: 768px){ .Ny-Proposal-2-lb .swiper .swiper-slide ul{margin-left: -0.1rem;} .Ny-Proposal-2-lb .swiper .swiper-slide ul li{margin-left: 0.1rem;width: calc(33.333% - 0.1rem);} .Ny-Proposal-2-lb .swiper .swiper-slide ul li:nth-child(1){margin-left: 0.6rem;} .Ny-Proposal-2-lb .swiper .swiper-slide ul li:nth-child(2){margin-right: 0.6rem;} } @media(max-width: 580px){ .Ny-Proposal-2-lb .swiper .swiper-slide ul li{width: calc(50% - 0.1rem);} .Ny-Proposal-2-lb .swiper .swiper-slide ul li:nth-child(1){margin-left: 0.1rem;} .Ny-Proposal-2-lb .swiper .swiper-slide ul li:nth-child(2){margin-right: 0;} .Ny-Proposal-2-lb .swiper .swiper-slide ul li:nth-child(1):before, .Ny-Proposal-2-lb .swiper .swiper-slide ul li:nth-child(2):before{display: none;} .Ny-Proposal-2-lb .swiper .swiper-slide ul li+li+li:before{display: none;} .Ny-Proposal-2-lb .swiper .swiper-slide ul li+li+li{margin-top: 0.1rem;} } @media(max-width: 430px){ .Ny-Proposal-2-lb .swiper .swiper-slide ul li{width: 100%;} .Ny-Proposal-2-lb .swiper .swiper-slide ul li+li{margin-top: 0.1rem;} .Ny-Proposal-2-lb .swiper .swiper-slide ul li a{padding-bottom: 0.2rem;} } /* Reports */ .Ny-Reports{} .Ny-Reports ul{} .Ny-Reports ul li{} .Ny-Reports ul li+li{margin-top: 0.3rem;} .Ny-Reports ul li a{padding: 0.38rem 0.24rem;background: #FFFFFF;box-sizing: border-box;border: 1px solid #E7E7E7;transition: 0.4s all;position: relative;} .Ny-Reports ul li a::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(97deg, #850ED1 10%, #2021EB 100%), linear-gradient(180deg, #0078D4 0%, #005A9F 100%);transition: 0.4s all;transform: scale(1,0);z-index: -1;} .Ny-Reports ul li a h6{display: block;width: calc(100% - 2rem);position: relative;} .Ny-Reports ul li a h6::before{content: "";position: absolute;width: 0.9rem;height: 0.03rem;top: -0.39rem;left: 0;background: #791CB5;} .Ny-Reports ul li a h6 span{font-family: Arial;font-size: 0.22rem;font-weight: bold;line-height: 0.34rem;letter-spacing: normal;color: #333333;display: block;} .Ny-Reports ul li a p{width: 1.8rem;} .Ny-Reports ul li a p span{font-family: Arial;font-size: 0.2rem;font-weight: normal;line-height: 0.28rem;letter-spacing: normal;color: #666666;display: inline-block;text-align: right;background: url(../images25/nydw.png) no-repeat left center;background-size: 0.16rem;padding-left: 0.22rem;} .Ny-Reports ul li a:hover h6 span{color:#FFFFFF;} .Ny-Reports ul li a:hover p span{color:#FFFFFF;background: url(../images25/nydwon.png) no-repeat left center;background-size: 0.16rem;} .Ny-Reports ul li a:hover p span{} .Ny-Reports ul li a:hover{transition: 0.4s all;background: none;} .Ny-Reports ul li a:hover::after{transform: scale(1,1);transition: 0.4s all;} .Ny-Reports ul li a:hover h6::before{background: #FFCC00;} @media(max-width: 430px){ .Ny-Reports ul li a{flex-direction: column;} .Ny-Reports ul li a h6{width: 100%;} .Ny-Reports ul li a p{margin-top: 0.14rem;} } /* Videos */ .Ny-Videos{} .sameTab .ul1{justify-content: center;margin-bottom: 0.6rem;border-bottom: 1px solid #791CB5;} .sameTab .ul1 li{margin: 0 0.1rem;} .sameTab .ul1 li a{display: block;font-size: 0.22rem;color: #666666;padding: 0.15rem 0.3rem;} .sameTab .ul1 li.on, .sameTab .ul1 li:hover{background: linear-gradient(106deg, #850ED1 10%, #2021EB 101%), linear-gradient(270deg, #2C22E5 0%, #791CB5 100%), linear-gradient(270deg, #2C06A0 0%, #772290 100%);} .sameTab .ul1 li.on a, .sameTab .ul1 li:hover a{color: white;font-size: 0.22rem;/* font-weight: bold; */} .Ny-Videos .ul2{margin-left: -0.2rem;margin-top: -0.3rem;} .Ny-Videos .ul2 li{width: calc(33.333% - 0.2rem);margin-left: 0.2rem;margin-top: 0.3rem;} .Ny-Videos .ul2 li a{display: block;} .Ny-Videos .ul2 li a .pic{} .Ny-Videos .ul2 li a .pic::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url(../images25/videoIc.png) no-repeat center;background-size: 0.24rem;width: 0.24rem;height: 0.24rem;z-index: 2;} .Ny-Videos .ul2 li a .pic img{height: 1.9rem;} .Ny-Videos .ul2 li a h5{font-size: 0.18rem;line-height: 0.24rem;height: 0.72rem;color: #323232;margin-top: 0.08rem;} .Ny-Videos .ul2 li a:hover h5{color: #791CB5;} @media(max-width: 768px){ .Ny-Videos .ul2 li{width: 100%;} .Ny-Videos .ul2 li a .pic img{height: 52vw;} } /* Ny-Pictures */ .Ny-Pictures ul2{} .Ny-Pictures .ul2{margin-left: -0.2rem;margin-top: -0.5rem;} .Ny-Pictures .ul2 li{width: calc(33.333% - 0.2rem);margin-left: 0.2rem;margin-top: 0.5rem;} .Ny-Pictures .ul2 li a{display: block;} .Ny-Pictures .ul2 li a .pic{} .Ny-Pictures .ul2 li a .pic img{height: 2.2rem;} .Ny-Pictures .ul2 li a h5{font-size: 0.2rem;line-height: 0.28rem;height: 0.28rem;color: #323232;margin-top: 0.08rem;font-weight: bold;} .Ny-Pictures .ul2 li a p{font-size: 0.16rem;color: #333333;margin-top: 0.08rem;} .Ny-Pictures .ul2 li a:hover p{color: #791CB5;} .Ny-Pictures .ul2 li a:hover h5{color: #791CB5;} .Ny-Pictures .ul2 li.no-p a p{display: none;} @media(max-width: 768px){ .Ny-Pictures .ul2 li{width: 100%;} .Ny-Pictures .ul2 li a .pic img{height: 52vw;} } /* Ny-Announcements */ .Ny-Announcements{} .Ny-Announcements ul{} .Ny-Announcements ul li{} .Ny-Announcements ul li+li{margin-top: 0.4rem;} .Ny-Announcements ul li a{display: flex;justify-content: space-between;padding: 0.32rem 0.4rem;border: 1px solid #E7E7E7;align-items: flex-start;position: relative;} .Ny-Announcements ul li a::before{content: "";position: absolute;width: 0.9rem;height: 0.03rem;top: -0.01rem;left: 0.3rem;background: #791CB5;} .Ny-Announcements ul li a::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(97deg, #850ED1 10%, #2021EB 100%), linear-gradient(180deg, #0078D4 0%, #005A9F 100%);transition: 0.4s all;transform: scale(1,0);z-index: -1;} .Ny-Announcements ul li a .date{display: flex;justify-content: flex-end;flex-direction: column;} .Ny-Announcements ul li a .date i{font-family: Bebas;font-size: 0.22rem;line-height: 0.36rem;text-align: right;letter-spacing: normal;color: #7710D4;font-style: normal;font-family: ;} .Ny-Announcements ul li a .date b{font-family: Bebas;font-size: 0.36rem;font-weight: normal;line-height: 0.36rem;text-align: right;letter-spacing: normal;color: #7710D4;} .Ny-Announcements ul li a .text{width: calc(100% - 1.3rem);} .Ny-Announcements ul li a .text h5{font-family: Arial;font-size: 0.2rem;font-weight: normal;line-height: 0.38rem;letter-spacing: normal;color: #333333;height: 0.38rem;} .Ny-Announcements ul li a .text p{font-family: Arial;font-size: 0.14rem;font-weight: normal;line-height: 0.24rem;letter-spacing: normal;color: #666666;height: 0.48rem;margin-top: 0.08rem;} .Ny-Announcements ul li a:hover::after{transform: scale(1,1);transition: 0.4s all;} .Ny-Announcements ul li a:hover::before{background: #FFCC00;} .Ny-Announcements ul li a:hover .date i, .Ny-Announcements ul li a:hover .date b, .Ny-Announcements ul li a:hover .text h5, .Ny-Announcements ul li a:hover .text p{color: white;} @media(max-width: 1024px){ .Ny-Announcements ul li a .date i{font-size: 0.16rem;} .Ny-Announcements ul li a .date b{font-size: 0.28rem;} .Ny-Announcements ul li a .text{width: calc(100% - 0.7rem);} .Ny-Announcements ul li a{padding: 0.20rem 0.16rem;} .Ny-Announcements ul li a::before{left: 0.16rem;width: 0.6rem;} } @media(max-width: 768px){ .Ny-Announcements ul li a .text h5{height: auto;display: block;} } /* Ny-News */ .Ny-News{} .Ny-News .ul2{margin-left: -0.2rem;margin-top: -0.2rem;display: flex; flex-wrap: wrap; justify-content: flex-start;} .Ny-News .ul2 li{width: calc(33.333% - 0.2rem);margin-left: 0.20rem;padding-left: 0.16rem;padding-bottom: 0.16rem;margin-top: 0.2rem;position: relative;} .Ny-News .ul2 li::after{content: "";position: absolute;left: 0;bottom: 0;width: 90%;height: 80%;clip-path: polygon(0 0, 0% 100%, 100% 100%);background: #FBF4FF;z-index: -1;} .Ny-News .ul2 li a{display: block;background: white;border: 1px solid #E7E7E7;;} .Ny-News .ul2 li a .pic{} .Ny-News .ul2 li a .pic img{height: 1.8rem;} .Ny-News .ul2 li a .text{padding: 0.22rem;} .Ny-News .ul2 li a .text h5{font-family: Arial;font-size: 0.2rem;font-weight: normal;line-height: 0.24rem;letter-spacing: normal;color: #333333;height: 0.48rem;} .Ny-News .ul2 li a .text p.dl{font-family: Arial;font-size: 0.14rem;font-weight: normal;line-height: 0.24rem;letter-spacing: normal;color: #666666;height: 0.48rem;margin-top: 0.2rem;} .Ny-News .ul2 li a .text p{font-family: Arial;font-size: 0.14rem;font-weight: normal;line-height: 0.24rem;letter-spacing: normal;color: #666666;} .Ny-News .ul2 li a .text p.xq{padding-bottom: 0.14rem;margin-top: 0.3rem;display: flex;justify-content: space-between;} .Ny-News .ul2 li a .text p.xq i{font-family: Arial;font-size: 0.14rem;font-weight: normal;line-height: 0.24rem;letter-spacing: normal;color: #666666;display: inline-block;background: url(../images25/nytime.png) no-repeat left center;background-size: 0.16rem;padding-left: 0.2rem;font-style: normal;} .Ny-News .ul2 li a .text p.xq span{font-family: Arial;font-size: 0.14rem;font-weight: normal;line-height: 0.24rem;letter-spacing: normal;color: #666666;display: inline-block;background: url(../images25/nyeye.png) no-repeat left center;background-size: 0.16rem;padding-left: 0.2rem;} .Ny-News .ul2 li a:hover .text h5{color: #791CB5;} @media(max-width: 768px){ .Ny-News .ul2 li{width: 100%;} .Ny-News .ul2 li a .pic img{height: 52vw;} } /* Ny-Construction */ .Ny-Construction{} .Ny-Construction ul{} .Ny-Construction ul li{align-items: flex-start;position: relative;} .Ny-Construction ul li::after{content: "";position: absolute;top:1rem;height:calc(100% - 0.4rem);left: 0.475rem;width: 0.05rem;background: linear-gradient(180deg, #411BE3 0%, #7710D4 100%);z-index: -1;} .Ny-Construction ul li:last-child::after{display: none;} .Ny-Construction ul li+li{margin-top: 0.5rem;} .Ny-Construction ul li .date{width: 1rem;height: 1rem;background: url(../images25/lsygrq.png) no-repeat center;background-size: 100% 100%;display: flex;justify-content: center;align-items: center;} .Ny-Construction ul li .date i{font-family: Bebas;font-size: 0.34rem;font-weight: bold;display: block;font-style: normal;line-height: 0.24rem;letter-spacing: normal;color: #FFFFFF;} .Ny-Construction ul li p{font-family: Arial;font-size: 0.2rem;font-weight: normal;line-height: 0.32rem;letter-spacing: normal;color: #333333;} .Ny-Construction ul li .text{width: calc(100% - 1.6rem);background: #F4F4F4;padding: 0.2rem 0.32rem;position: relative;} .Ny-Construction ul li .text::before{content: "";position: absolute;background: url(../images25/lsygqd.png) no-repeat top left;background-size: 0.27rem;width:0.27rem;left: -0.25rem;top: 0;height: 100%;} .Ny-Construction ul li .text p{font-family: Arial;font-size: 0.2rem !important;font-weight: normal;line-height: 0.32rem !important;letter-spacing: normal;color: #333333;min-height: 0.64rem;text-indent: 0rem !important;} .Ny-Construction ul li .text p:hover{color: #791CB5;} @media(max-width: 768px){ .Ny-Construction ul li .text{width: calc(100% - 1.4rem);} } @media(max-width: 580px){ .Ny-Construction ul li+li {margin-top: 0.3rem;} .Ny-Construction ul li .date{width: 0.7rem;height: 0.7rem;background-size: 100% 100%;display: flex;} .Ny-Construction ul li .date i{font-size: 0.24rem;} .Ny-Construction ul li .text{width: calc(100% - 1rem);padding: 0.2rem;} .Ny-Construction ul li::after{left:0.34rem;top: 0.65rem;height:calc(100% - 0.1rem);width: 0.02rem;} .Ny-Construction ul li .text::before{background-size: 0.14rem;width: 0.14rem;left: -0.14rem;} } /* Ny-MasterLecture */ .Ny-MasterLecture{} .qh_nav_box{position: relative;margin-bottom: 0.6rem;} .qh_nav_box .swiper{overflow: hidden;width: calc(100% - 1rem);margin: 0 auto;border-bottom: 1px solid #791CB5;} .qh_nav_box .swiper-slide a{padding: 0.1rem 0.2rem;display: block;} .qh_nav_box .swiper-slide a span{font-family: Arial;font-size: 0.22rem;font-weight: normal;line-height: 0.31rem;letter-spacing: normal;color: #666666;display: block;text-align: center;} .qh_nav_box .math_nav_active a{background:linear-gradient(270deg, #2C06A0 0%, #772290 100%);} .qh_nav_box .math_nav_active a span{color:#fff;} .qh_nav_box .swiper-button-prev.prev_nav, .qh_nav_box .swiper-button-next.next_nav{background: url(../images25/LL2.png) no-repeat left;width: 0.28rem;height: 0.28rem;background-size: 0.28rem;margin-top: -0.14rem;left: 0;} .qh_nav_box .swiper-button-next.next_nav{transform: rotate(-180deg);left: auto;right: 0;} @media(max-width: 430px){ .qh_nav_box .swiper-slide a{padding: 0.1rem;} } /* MasterLecture */ .MasterLecture ul{margin-left: -0.2rem;margin-top: -0.2rem;} .MasterLecture ul li{width: calc(33.333% - 0.2rem);margin-left: 0.2rem;margin-top: 0.2rem;} .MasterLecture ul li a{display: block;} .MasterLecture ul li a .pic{} .MasterLecture ul li a .pic img{height: 4.7rem;} .MasterLecture ul li a .text{padding: 0.2rem 0.2rem 0.5rem 0.2rem;background: #FFFFFF; box-sizing: border-box; border: 1px solid #E7E7E7;} .MasterLecture ul li a .text h4{font-family: Arial;font-size: 0.2rem;font-weight: normal;line-height: 0.24rem;letter-spacing: normal;color: #333333;} .MasterLecture ul li a .text p{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 0.16rem;} .MasterLecture ul li a .text p span{font-family: Arial;font-size: 0.14rem;font-weight: normal;line-height: 0.24rem;letter-spacing: normal;color: #666666;padding-left: 0.2rem;} .MasterLecture ul li a .text p span:nth-child(1){background: url(../images25/nyletureic01.png) no-repeat left 0.05rem;background-size: 0.14rem;} .MasterLecture ul li a .text p span:nth-child(2){background: url(../images25/nyletureic0.png) no-repeat left 0.05rem;background-size: 0.14rem;} .MasterLecture ul li a .text p span:nth-child(3){background: url(../images25/nyletureic03.png) no-repeat left 0.05rem;background-size: 0.14rem;} .MasterLecture ul li a:hover .text h4{color: #791CB5;} @media(max-width: 768px){ .MasterLecture ul li a .pic img{height: 50vw;} } @media(max-width: 580px){ .MasterLecture ul li{width: 100%;} .MasterLecture ul li a .pic img{height: 130vw;} } /* Conferences & workshops */ .workshops ul{margin-left: -0.2rem;margin-top: -0.2rem;justify-content: flex-start;} .workshops ul li{width: calc(33.333% - 0.2rem);margin-left: 0.2rem;margin-top: 0.2rem;padding-left: 0.16rem;padding-bottom: 0.16rem;position: relative;} .workshops ul li::after{content: "";position: absolute;left: 0;bottom: 0;width: 90%;height: 80%;clip-path: polygon(0 0, 0% 100%, 100% 100%);background: #FBF4FF;z-index: -1;} .workshops ul li a{display: block;} .workshops ul li a .pic{} .workshops ul li a .pic img{height: 1.8rem;} .workshops ul li a .text{padding: 0.2rem;background: #FFFFFF; box-sizing: border-box; border: 1px solid #E7E7E7;} .workshops ul li a .text h4{font-family: Arial;font-size: 0.16rem;font-weight: normal;line-height: 0.24rem;letter-spacing: normal;color: #333333;} .workshops ul li a .text p{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 0.16rem;} .workshops ul li a .text p span{font-family: Arial;font-size: 0.14rem;font-weight: normal;line-height: 0.24rem;letter-spacing: normal;color: #666666;padding-left: 0.2rem;} .workshops ul li a .text p span:nth-child(1){background: url(../images25/nyletureic01.png) no-repeat left 0.05rem;background-size: 0.14rem;} .workshops ul li a .text p span:nth-child(2){background: url(../images25/nyletureic0.png) no-repeat left 0.05rem;background-size: 0.14rem;} .workshops ul li a .text p span:nth-child(3){background: url(../images25/nyletureic03.png) no-repeat left 0.05rem;background-size: 0.14rem; margin-top: 0.1rem;color:#791DB6;} .workshops ul li a:hover .text p span:nth-child(1){background: url(../images25/nyletureic01on.png) no-repeat left 0.05rem;background-size: 0.14rem;} .workshops ul li a:hover .text p span:nth-child(2){background: url(../images25/nyletureic0on.png) no-repeat left 0.05rem;background-size: 0.14rem;} .workshops ul li a:hover .text p span:nth-child(3){background: url(../images25/nyletureic03on.png) no-repeat left 0.05rem;background-size: 0.14rem;} .workshops ul li a:hover .text{border: none;} .workshops ul li a:hover .text h4{color: #FFFFFF;} .workshops ul li a:hover .text{background: linear-gradient(126deg, #850ED1 10%, #2021EB 105%);transition: 0.4s all;} .workshops ul li a:hover .text p span{color: white;} @media(max-width: 768px){ .workshops ul li{width: 100%;} .workshops ul li a .pic img{height: 52vw;} } /* Ny-Programs */ .Ny-Programs{} .Ny-Programs .con+.con{margin-top: 1rem;} .Ny-Programs .workshops ul.ul1 li a .pic img{height: 2.44rem;} .Ny-Programs .MasterLecture ul.ul2 li a .pic img{height: 6.4rem;} @media(max-width: 768px){ .Ny-Programs .workshops ul.ul1 li a .pic img{height: 52vw;} .Ny-Programs .MasterLecture ul.ul2 li a .pic img{height: 50vw;} } @media(max-width: 580px){ .Ny-Programs .MasterLecture ul.ul2 li{width: 100%;} .Ny-Programs .MasterLecture ul.ul2 li a .pic img{height: 130vw;} } /* Ny-Visitors */ .Ny-Visitors ul{margin-left: -0.3rem;margin-top: -0.3rem;} .Ny-Visitors ul li{width: calc(33.333% - 0.3rem);margin-left: 0.3rem;margin-top: 0.3rem;border: 1px solid #C4C4C4;;} .Ny-Visitors ul li .pic{} .Ny-Visitors ul li .pic img{height: 2.74rem !important;} .Ny-Visitors ul li:nth-child(4) .pic img, .Ny-Visitors ul li:nth-child(5) .pic img{height: 1.9rem;} .Ny-Visitors ul li.xt .pic img{height: 1.9rem !important;} .Ny-Visitors ul li .text{padding:0 0.4rem 0.3rem 0.4rem;} .Ny-Visitors ul li .text a.same-a1{font-family: Arial;font-size: 0.26rem;font-weight: normal;line-height: 0.24rem;letter-spacing: normal;color: #333333;padding-bottom: 0.14rem;position: relative;display: block;margin-top: 0.3rem;} .Ny-Visitors ul li .text a.same-a1::after{content: "";position: absolute;left: 0;bottom: 0;width: 0.48rem;height: 0.03rem;background: #791CB5;} .Ny-Visitors ul li .text a.same-a1:hover{color: #791CB5;} .Ny-Visitors ul li .text p{margin-top: 0.18rem;} .Ny-Visitors ul li .text p.line2{font-family: Arial;font-size: 0.2rem;font-weight: normal;line-height: 0.26rem;letter-spacing: normal;color: #666666;height: 0.52rem;} .Ny-Visitors ul li .text p a{font-family: Arial;font-size: 0.2rem;font-weight: normal;line-height: 0.26rem;letter-spacing: normal;color: #666666;display: block;} .Ny-Visitors ul li .text p a+a{margin-top: 0.04rem;} .Ny-Visitors ul li .text p a:hover{color: #791CB5;} .Ny-Visitors ul li .text a.morejt{background: url(../images25/nyjt.png) no-repeat left center;display: block;width: 100%;height: 0.18rem;background-size: 0.32rem;margin-top: 0.16rem;transition: 0.4s all;} .Ny-Visitors ul li .text a.morejt:hover{background-position: 0.06rem center;transition: 0.4s all;} @media(max-width: 768px){ .Ny-Visitors ul li{width: 100%;} .Ny-Visitors ul li .pic img{height: 52vw;} .Ny-Visitors ul li:nth-child(4) .pic img, .Ny-Visitors ul li:nth-child(5) .pic img{height: 42vw;} } /* Ny-about */ .Ny-about{} .Ny-about ul{margin-left: -0.8rem;margin-top: -0.48rem;} .Ny-about ul li{width: calc(50% - 0.8rem);margin-left: 0.8rem;margin-top: 0.48rem;border: 1px solid #C4C4C4; position: relative;background: #fff; } .Ny-about ul li::after{position: absolute;left: 0;content: "";width: 100%;height: 100%;background: #791DB6;left:-0.12rem;bottom: -0.12rem;z-index: -1; opacity: 0; transition: 0.4S all;} .Ny-about ul li:hover::after{opacity: 1; transition: 0.4S all;} .Ny-about ul li .pic{} .Ny-about ul li .pic img{display: block;height: 4.1rem;} .Ny-about ul li .text{padding:0 0.4rem 0.3rem 0.4rem;} .Ny-about ul li .text a.same-a1{font-family: Arial;font-size: 0.26rem;font-weight: normal;line-height: 0.34rem;letter-spacing: normal;color: #333333;padding-bottom: 0.14rem;position: relative;display: block;margin-top: 0.3rem;} .Ny-about ul li .text a.same-a1::after{content: "";position: absolute;left: 0;bottom: 0;width: 0.48rem;height: 0.03rem;background: #791CB5;} .Ny-about ul li .text a.same-a1:hover{color: #791CB5;} .Ny-about ul li .text p{margin-top: 0.18rem;} .Ny-about ul li .text p.line2{font-family: Arial;font-size: 0.2rem;font-weight: normal;line-height: 0.26rem;letter-spacing: normal;color: #666666;height: 0.52rem;} .Ny-about ul li .text p a{font-family: Arial;font-size: 0.2rem;font-weight: normal;line-height: 0.26rem;letter-spacing: normal;color: #666666;display: block;} .Ny-about ul li .text p a+a{margin-top: 0.04rem;} .Ny-about ul li .text p a:hover{color: #791CB5;} .Ny-about ul li .text a.morejt{background: url(../images25/nyjt.png) no-repeat left center;display: block;width: 100%;height: 0.18rem;background-size: 0.32rem;margin-top: 0.16rem;transition: 0.4s all;} .Ny-about ul li .text a.morejt:hover{background-position: 0.06rem center;transition: 0.4s all;} @media(max-width: 1024px){ .Ny-about ul{margin-left: -0.2rem;margin-top: -20px;} .Ny-about ul li{margin-left: 0.2rem;margin-top: 0.2rem;width: calc(50% - 0.2rem);} .Ny-about ul li .pic img{height: 26vw;} } @media(max-width: 768px){ .Ny-about ul li{width: 100%;} .Ny-about ul li .pic img{height: 52vw;} } /* Ny-NewsEvents */ .Ny-NewsEvents{} .Ny-NewsEvents .con-news{} .Ny-NewsEvents .con-news ul{margin-left: -0.3rem;margin-top: -0.3rem;} .Ny-NewsEvents .con-news ul li {width: calc(33.333% - 0.3rem);margin-left: 0.3rem;margin-top: 0.3rem;} .Ny-NewsEvents .con-news ul li a{} .Ny-NewsEvents .con-news ul li a .pic{} .Ny-NewsEvents .con-news ul li a .pic img{height: 2.5rem;} .Ny-NewsEvents .con-news ul li a .text{padding: 0.3rem 0.35rem;border: 1px solid #E7E7E7;;} .Ny-NewsEvents .con-news ul li a .text h5{/*height: 80px;*/font-family: Arial;font-size: 0.2rem;font-weight: normal;line-height: 0.26rem;letter-spacing: normal;color: #333333;} .Ny-NewsEvents .con-news ul li a .text i{font-family: Arial;font-size: 0.14rem;font-weight: normal;line-height: 0.12rem;letter-spacing: normal;font-style: normal;display: inline-block;padding-left: 0.2rem;color: #666666;background: url(../images25/nytime.png) no-repeat left center;background-size: 0.16rem;line-height: 0.2rem;margin-top: 0.2rem;display: block;} .Ny-NewsEvents .con-news ul li a:hover .text h5{color:#791CB5;} @media(max-width: 1024px){ .Ny-NewsEvents .con-news ul li a .pic img{height: 16vw;} } @media(max-width: 768px){ .Ny-NewsEvents .con-news ul li {width: 100%;} .Ny-NewsEvents .con-news ul li a .pic img{height: 53vw;} } @media(max-width: 768px){ .Ny-NewsEvents .con-news ul li a .text{padding: 0.2rem;} } .con-Announcements{margin-top: 1rem;} .con-Announcements ul{margin-left: -0.3rem;margin-top: -0.4rem;} .con-Announcements ul li{width: calc(33.333% - 0.3rem);margin-left: 0.3rem;margin-top: 0.4rem;} .con-Announcements ul li a{display: flex;justify-content: space-between;border: 1px solid #E7E7E7;align-items: flex-start;padding:0.28rem 0.3rem 0.3rem 0.28rem;border-top: 0.02rem solid #791CB5;} .con-Announcements ul li a .date{display: flex;justify-content: center;align-items: center;flex-direction: column;} .con-Announcements ul li a .date i{font-family: Bebas;font-size: 0.24rem;font-weight: normal;line-height: 0.24rem;letter-spacing: normal;color: #791DB6;font-style: normal;} .con-Announcements ul li a .date b{font-family: Bebas;font-size: 0.14rem;font-weight: normal;line-height: 0.14rem;letter-spacing: normal;color: #666666;margin-top: 0.1rem;} .con-Announcements ul li a p{font-family: Arial;width: calc(100% - 0.7rem);font-size: 0.18rem;font-weight: normal;line-height: 0.3rem;height: 0.9rem;letter-spacing: normal;color: #333333;} .con-Announcements ul li a:hover p{color: #791DB6;} @media(max-width: 768px){ .con-Announcements {margin-top: 0.6rem;} .con-Announcements ul li{width: 100%;} .con-Announcements ul li a p{display: block;height: auto;} } .Ny-NewsEvents .con-PictureVideos{margin-top: 1rem;} .Ny-NewsEvents .con-PictureVideos .L-Pictures{width: calc(50% - 0.4rem);} .Ny-NewsEvents .con-PictureVideos .L-Pictures ul{margin-left: -0.4rem;margin-top: -0.4rem;position: relative;} .Ny-NewsEvents .con-PictureVideos .L-Pictures ul::after{left: calc(50% + 0.2rem);content: "";width: 1px;height: calc(100% - 0.4rem);background: #D8D8D8;bottom: 0;position: absolute;} .Ny-NewsEvents .con-PictureVideos .L-Pictures ul::before{content: "";position:absolute;top:calc(50% + 0.2rem);width:calc(100% - 0.4rem);background:#D8D8D8;height: 1px;right: 0;} .Ny-NewsEvents .con-PictureVideos .L-Pictures ul li{width: calc(50% - 0.4rem);margin-left: 0.4rem;margin-top: 0.4rem;} .Ny-NewsEvents .con-PictureVideos .L-Pictures ul li a{display: block;position: relative;} .Ny-NewsEvents .con-PictureVideos .L-Pictures ul li a .pic{} .Ny-NewsEvents .con-PictureVideos .L-Pictures ul li a .pic::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);height: 30%;} .Ny-NewsEvents .con-PictureVideos .L-Pictures ul li a .pic img{height: 2.3rem;} .Ny-NewsEvents .con-PictureVideos .L-Pictures ul li a .text{position: absolute;bottom: 0.16rem;left: 0;width: 100%;padding: 0 0.2rem;} .Ny-NewsEvents .con-PictureVideos .L-Pictures ul li a .text p{font-family: Arial;font-size: 0.2rem;font-weight: normal;line-height: 0.26rem;letter-spacing: normal;color: #FFFFFF;} .Ny-NewsEvents .con-PictureVideos .L-Pictures .more3{display: inline-block;border: 1px solid #791CB5;padding: 0.12rem 0.2rem;margin-top: 0.6rem;} .Ny-NewsEvents .con-PictureVideos .L-Pictures .more3 span{font-family: Arial;font-size: 0.18rem;font-weight: normal;line-height: 0.22rem;letter-spacing: normal;color: #791CB5;display: inline-block;padding-right: 0.4rem;background: url(../images25/nyjt.png) no-repeat right center;background-size: 0.32rem;transition: 0.4s all;} .Ny-NewsEvents .con-PictureVideos .L-Pictures .more3:hover span{padding-right: 0.34rem;transition: 0.4s all;} .Ny-NewsEvents .con-PictureVideos .R-Videos{width: calc(50% - 0.4rem);} .Ny-NewsEvents .con-PictureVideos .R-Videos ul{} .Ny-NewsEvents .con-PictureVideos .R-Videos ul li{} .Ny-NewsEvents .con-PictureVideos .R-Videos ul li a{padding: 0.5rem 0;border-bottom: 1px solid #D8D8D8;} .Ny-NewsEvents .con-PictureVideos .R-Videos ul li:nth-child(3) a{padding-bottom: 0;border-bottom: none;} .Ny-NewsEvents .con-PictureVideos .R-Videos ul li:nth-child(1) a{padding-top: 0;} .Ny-NewsEvents .con-PictureVideos .R-Videos ul li a .text{width: calc(100% - 2.6rem);} .Ny-NewsEvents .con-PictureVideos .R-Videos ul li a .text i{font-family: Arial;font-size: 0.14rem;font-weight: normal;line-height: 0.12rem;letter-spacing: normal;font-style: normal;display: inline-block;padding-left: 0.2rem;color: #666666;background: url(../images25/nytime.png) no-repeat left center;background-size: 0.16rem;line-height: 0.2rem;margin-top: 0.2rem;display: block;} .Ny-NewsEvents .con-PictureVideos .R-Videos ul li a .text p{font-family: Arial;font-size: 0.2rem;font-weight: normal;line-height: 0.28rem;letter-spacing: normal;color: #333333;height: 0.84rem;margin-top: 0.04rem;} .Ny-NewsEvents .con-PictureVideos .R-Videos ul li a .pic{width: 2.4rem;} .Ny-NewsEvents .con-PictureVideos .R-Videos ul li a .pic img{height: 1.4rem;} .Ny-NewsEvents .con-PictureVideos .R-Videos ul li a:hover .text p{color:#791CB5;} @media(max-width: 1024px){ .Ny-NewsEvents .con-PictureVideos .L-Pictures{width: 100%;} .Ny-NewsEvents .con-PictureVideos .R-Videos{width: 100%;margin-top: 0.6rem;} } @media(max-width: 768px){ .Ny-NewsEvents .con-PictureVideos{margin-top: 0.6rem;} .Ny-NewsEvents .con-PictureVideos .L-Pictures ul li{width: 100%;} .Ny-NewsEvents .con-PictureVideos .L-Pictures ul::after{display: none;} .Ny-NewsEvents .con-PictureVideos .L-Pictures ul::before{display: none;} .Ny-NewsEvents .con-PictureVideos .L-Pictures ul li a .pic img{height: 52vw;} } @media(max-width: 430px){ .Ny-NewsEvents .con-PictureVideos .R-Videos ul li a .pic{width: 100%;margin-top: 0.16rem;} .Ny-NewsEvents .con-PictureVideos .R-Videos ul li a .pic img{height: 52vw;} .Ny-NewsEvents .con-PictureVideos .R-Videos ul li a .text{width: 100%;} .Ny-NewsEvents .con-PictureVideos .R-Videos ul li a .text i{margin-top: 0;} .Ny-NewsEvents .con-PictureVideos .R-Videos ul li a{padding: 0.3rem 0;} } .Ny-NewsEvents .con-ReportsDownload{margin-top: 1rem;} .Ny-NewsEvents .con-ReportsDownload .L-Reports{width: calc(50% - 0.4rem);} .Ny-NewsEvents .con-ReportsDownload .L-Reports ul{} .Ny-NewsEvents .con-ReportsDownload .L-Reports ul li{border: 1px solid #E7E7E7;} .Ny-NewsEvents .con-ReportsDownload .L-Reports ul li+li{margin-top: 0.4rem;} .Ny-NewsEvents .con-ReportsDownload .L-Reports ul li a{display: flex;justify-content: space-between;align-items: center;padding: 0.3rem 0.2rem 0.3rem 0.35rem;} .Ny-NewsEvents .con-ReportsDownload .L-Reports ul li a h4{font-family: Arial;font-size: 0.2rem;font-weight: normal;line-height: 0.28rem;letter-spacing: normal;color: #333333;} .Ny-NewsEvents .con-ReportsDownload .L-Reports ul li a:hover h4{color: #791CB5;} .Ny-NewsEvents .con-ReportsDownload .L-Reports ul li a p{padding: 0.16rem 0.14rem;display: inline-block;transition: 0.4s all;background: #E1E1E1;} .Ny-NewsEvents .con-ReportsDownload .L-Reports ul li a p span{font-family: Arial;font-size: 0.2rem;font-weight: normal;line-height: 0.28rem;letter-spacing: normal;color: #666666;background: url(../images25/nydw.png) no-repeat left center;background-size: 0.16rem;padding-left: 0.2rem;} .Ny-NewsEvents .con-ReportsDownload .L-Reports ul li a:hover p{background:#791CB5;transition: 0.4s all;} .Ny-NewsEvents .con-ReportsDownload .L-Reports ul li a:hover p span{color: #FFFFFF;background: url(../images25/nydwon.png) no-repeat left center;background-size: 0.16rem;} .Ny-NewsEvents .con-ReportsDownload .R-Download{width: calc(50% - 0.4rem);} .Ny-NewsEvents .con-ReportsDownload .R-Download{} .Ny-NewsEvents .con-ReportsDownload .R-Download ul{} .Ny-NewsEvents .con-ReportsDownload .R-Download ul li{} .Ny-NewsEvents .con-ReportsDownload .R-Download ul li a{display: flex;justify-content: space-between;align-items: center;padding: 0.15rem 0;border-bottom: 1px solid #E7E7E7;} .Ny-NewsEvents .con-ReportsDownload .R-Download ul li:nth-child(1) a{padding-top: 0;} .Ny-NewsEvents .con-ReportsDownload .R-Download ul li a h4{font-family: Arial;font-size: 0.2rem;font-weight: normal;line-height: 0.28rem;letter-spacing: normal;color: #333333;} .Ny-NewsEvents .con-ReportsDownload .R-Download ul li a:hover h4{color: #791CB5;} .Ny-NewsEvents .con-ReportsDownload .R-Download ul li a p{padding: 0.16rem 0.14rem;display: inline-block;transition: 0.4s all;background: #E1E1E1;} .Ny-NewsEvents .con-ReportsDownload .R-Download ul li a p span{font-family: Arial;font-size: 0.2rem;font-weight: normal;line-height: 0.28rem;letter-spacing: normal;color: #666666;background: url(../images25/nydw.png) no-repeat left center;background-size: 0.16rem;padding-left: 0.2rem;} .Ny-NewsEvents .con-ReportsDownload .R-Download ul li a:hover p{background:#791CB5;transition: 0.4s all;} .Ny-NewsEvents .con-ReportsDownload .R-Download ul li a:hover p span{color: #FFFFFF;background: url(../images25/nydwon.png) no-repeat left center;background-size: 0.16rem;} @media(max-width: 1024px){ .Ny-NewsEvents .con-ReportsDownload .L-Reports{width: 100%;} .Ny-NewsEvents .con-ReportsDownload .R-Download{width: 100%;margin-top: 0.6rem;} } @media(max-width: 768px){ .Ny-NewsEvents .con-ReportsDownload{margin-top: 0.6rem;} } @media(max-width: 430px){ .Ny-NewsEvents .con-ReportsDownload .L-Reports ul li a{padding: 0.2rem;flex-wrap: wrap;} .Ny-NewsEvents .con-ReportsDownload .L-Reports ul li a h4{width: 100%;display: block;} .Ny-NewsEvents .con-ReportsDownload .L-Reports ul li a p{padding: 0.1rem;margin-top: 0.1rem;} .Ny-NewsEvents .con-ReportsDownload .R-Download ul li a {padding: 0.2rem 0;flex-wrap: wrap;} .Ny-NewsEvents .con-ReportsDownload .R-Download ul li a h4{width: 100%;display: block;} .Ny-NewsEvents .con-ReportsDownload .R-Download ul li a p{padding: 0.1rem;margin-top: 0.1rem;} } /* Ny-TSIMFTour */ .Ny-TSIMFTour{} .con-TSIMFTour{position: relative;} .TSIMFTour-top{width:100%;} .TSIMFTour-top .swiper-container{width: 100%;} .TSIMFTour-top .swiper-slide{} .TSIMFTour-top .swiper-slide a{} .TSIMFTour-top .swiper-slide a .pic{position: relative;} .TSIMFTour-top .swiper-slide a .pic img{height: 5.963rem;} .TSIMFTour-top .swiper-slide a .text{position: absolute;width: 100%;bottom: 0.2rem;padding: 0 0.16rem;z-index: 6;} .TSIMFTour-top .swiper-slide a .text p{font-size: 0.2rem;color: white;line-height: 0.3rem;height: 0.3rem;text-align: center;} .TSIMFTour-top .swiper-pagination{bottom: 0.5rem!important;} .TSIMFTour-top .swiper-pagination-bullet{width: 0.12rem;height: 0.12rem;border-radius: 50%;border: 1px solid #FFFFFF;background: none;opacity: 1!important;} .TSIMFTour-top .swiper-pagination-bullet-active{background: #FFFFFF;} .TSIMFTour-top .swiper-pagination{display: none;} .TSIMFTour-bottom{width: calc(100% - 1.8rem);height: 0.86rem;position:absolute;bottom: 0.32rem;left: 0.9rem;} .TSIMFTour-bottom .swiper{} .TSIMFTour-bottom .swiper-container{height: 100%;} .TSIMFTour-bottom .swiper-slide{position: relative;} .TSIMFTour-bottom .swiper-slide .pic{position: relative;} .TSIMFTour-bottom .swiper-slide .pic img{height: 0.85rem;} .TSIMFTour-bottom .swiper-slide .pic::after{content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;left: 0;top: 0;} .TSIMFTour-bottom .swiper-slide-thumb-active .pic::after{display: none;} .TSIMFTour-bottom .swiper-button-prev, .TSIMFTour-bottom .swiper-button-next{background: url(../images25/LL3.png) no-repeat center;background-size: 0.08rem;width: 0.2rem;height: 0.4rem;left: -0.3rem;z-index: 5;position: absolute;top: 50%;margin-top: -0.2rem;} .TSIMFTour-bottom .swiper-button-prev{} .TSIMFTour-bottom .swiper-button-next{left: auto;right: -0.3rem;transform: rotate(180deg);} @media(max-width: 850px) { .part2 .part2-L{width:100%;} .TSIMFTour-top .swiper-slide a .pic img{height: 54vw;} } @media(max-width: 580px) { .TSIMFTour-top{width: 100%;} .TSIMFTour-bottom{position: relative;bottom: 0;margin-top: 0.2rem;width: calc(100% - 0.5rem);left: 0.25rem;height: 100%;} .TSIMFTour-bottom .swiper-button-prev, .TSIMFTour-bottom .swiper-button-next{background: url(../images25/LL3on.png) no-repeat center;background-size: 0.08rem;} .TSIMFTour-bottom .swiper-slide .pic img{height: 14vw;} } /* Ny-SanyaTour */ .Ny-SanyaTour{} .Ny-SanyaTour .samecon h3{font-size: 0.26rem;font-weight: bold;} .Ny-SanyaTour2 .samecon h3{font-size: 0.26rem;font-weight: bold;} .con-Beach ul{margin-left: -0.2rem;} .con-Beach ul li{width: calc(33.333% - 0.2rem);margin-left: 0.2rem;margin-top: 0.3rem;border: 1px solid #C4C4C4;;} .con-Beach ul li .pic{} .con-Beach ul li .pic img{height: 2rem;} .con-Beach ul li .text{padding:0 0.2rem 0.3rem 0.2rem;} .con-Beach ul li .text a.same-a1{font-weight: bold !important;font-family: Arial;font-size: 0.22rem;font-weight: normal;line-height: 0.24rem;letter-spacing: normal;color: #333333 !important;padding-bottom: 0.14rem;position: relative;display: block;margin-top: 0.3rem;} .con-Beach ul li .text a.same-a1::after{content: "";position: absolute;left: 0;bottom: 0;width: 0.48rem;height: 0.03rem;background: #791CB5;} .con-Beach ul li .text a.same-a1:hover{color: #791CB5;} .con-Beach ul li .text p{margin-top: 0.18rem;} .con-Beach ul li .text p.line6{font-family: Arial;font-size: 0.16rem !important;font-weight: normal;line-height: 0.26rem !important;letter-spacing: normal;color: #666666;height: 1.56rem;} .con-Beach ul li .text p a{font-family: Arial;font-size: 0.2rem;font-weight: normal;line-height: 0.26rem;letter-spacing: normal;color: #666666;display: block;} .con-Beach ul li .text p a+a{margin-top: 0.04rem;} .con-Beach ul li .text p a:hover{color: #791CB5;} .con-Beach ul li .text a.morejt{background: url(../images25/nyjt.png) no-repeat left center;display: block;width: 100%;height: 0.18rem;background-size: 0.32rem;margin-top: 0.16rem;transition: 0.4s all;} .con-Beach ul li .text a.morejt:hover{background-position: 0.06rem center;transition: 0.4s all;} .con-Scenic{margin-top: 0.6rem;} .con-Scenic ul{margin-left: -0.2rem;margin-top: 0.2rem;} .con-Scenic ul li{width: calc(50% - 0.2rem);margin-left: 0.2rem;margin-top: 0.2rem;border: 1px solid #C4C4C4;} .con-Scenic ul li .pic{} .con-Scenic ul li .pic img{height: 1.7rem;} .con-Scenic ul li .text{padding:0 0.2rem 0.3rem 0.2rem;} .con-Scenic ul li .text a{} .con-Scenic ul li .text a.same-a1{font-weight: bold !important;font-family: Arial;font-size: 0.22rem;font-weight: normal;line-height: 0.24rem;letter-spacing: normal;color: #333333;padding-bottom: 0.14rem;position: relative;display: block;margin-top: 0.3rem;margin-bottom: 0.2rem;} .con-Scenic ul li .text a.same-a1::after{content: "";position: absolute;left: 0;bottom: 0;width: 0.48rem;height: 0.03rem;background: #791CB5;} .con-Scenic ul li .text a.same-a1:hover{color: #791CB5;} .con-Scenic ul li .text .textcon{} .con-Scenic ul li .text .textcon p{font-family: Arial;font-size: 0.16rem !important;font-weight: normal;line-height: 0.26rem !important;max-height:0.78rem;height: auto;letter-spacing: normal;color: #666666;margin-top: 0.02rem;} .con-Scenic ul li .text .textcon .line3{ -webkit-line-clamp:7;max-height:1.58rem;} @media(max-width: 768px) { .con-Beach ul li{width: 100%;} .con-Beach ul li+li{margin-top: 0.2rem;} .con-Beach ul li .pic img{height: 52vw;} .con-Scenic ul li{width: 100%;} .con-Scenic ul li+li{margin-top: 0.2rem;} .con-Scenic ul li .pic img{height: 36vw;} } /* Ny-SanyaTour2 */ .Ny-SanyaTour2{} .con-Airport{} .con-Airport .Airport{margin-top: 0.3rem;} .con-Airport .Airport a{} .con-Airport .Airport a .pic{width: 48%;} .con-Airport .Airport a .pic img{height: 100%;} .con-Airport .Airport a .text{width: 52%;padding: 0.3rem;border: 1px solid #C4C4C4;} .con-Airport .Airport a .text h6{padding-bottom: 0.14rem;position: relative;margin-bottom: 0.3rem;} .con-Airport .Airport a .text h6::after{content: "";position: absolute;left: 0;bottom: 0;width: 0.36rem;height: 0.02rem;background: #791DB6;} .con-Airport .Airport a .text h6 span{font-family: Arial;font-size: 0.22rem;font-weight: bold;line-height: 0.3rem;letter-spacing: normal;color: #791DB6;} .con-Airport .Airport a .text p{font-family: Arial;font-size: 0.16rem !important;font-weight: normal;line-height: 0.26rem !important;margin-top: 0.02rem;letter-spacing: normal;color: #666666;} .con-RailwayStations .RailwayStations{margin-top: 0.3rem;} .con-RailwayStations .RailwayStations ul{margin-left: -0.2rem;margin-top: -0.2rem;} .con-RailwayStations .RailwayStations ul li{width: calc(33.333% - 0.2rem);margin-left: 0.2rem;border: 1px solid #C4C4C4;margin-top: 0.2rem;} .con-RailwayStations .RailwayStations ul li a{} .con-RailwayStations .RailwayStations ul li a .pic{} .con-RailwayStations .RailwayStations ul li a .pic img{height: 2rem;} .con-RailwayStations .RailwayStations ul li a .textcon{padding: 0 0.28rem 0.32rem 0.28rem;} .con-RailwayStations .RailwayStations ul li a .textcon h6{font-family: Arial;font-size: 0.22rem;font-weight: normal;line-height: 0.3rem;letter-spacing: normal;color: #333333;padding-bottom: 0.14rem;position: relative;display: block;margin-top: 0.3rem;margin-bottom: 0.2rem;font-weight: bold;} .con-RailwayStations .RailwayStations ul li a .textcon h6::after{content: "";position: absolute;left: 0;bottom: 0;width: 0.48rem;height: 0.03rem;background: #791CB5;} .con-RailwayStations .RailwayStations ul li a:hover .textcon h6{color: #791CB5;} .con-RailwayStations .RailwayStations ul li .textcon{} .con-RailwayStations .RailwayStations ul li .textcon p{white-space: pre-line; font-family: Arial;font-size: 0.16rem !important;font-weight: normal;line-height: 0.26rem !important;max-height:2.2rem;height: auto;letter-spacing: normal;color: #666666;margin-top: 0.02rem;} .con-RailwayStations .RailwayStations p.p{} .con-RailwayStations .RailwayStations p.p span{font-weight: bold;} .con-Conference ul{margin-left: -0.2rem;} .con-Conference ul li{width: calc(25% - 0.2rem);margin-left: 0.2rem;margin-top: 0.3rem;border: 1px solid #C4C4C4;} .con-Conference ul li a{} .con-Conference ul li a .pic{} .con-Conference ul li a .pic img{height: 1.6rem;} .con-Conference ul li a .textcon h6{padding-bottom: 0.18rem;margin-bottom: 0.14rem;margin-top: 0.2rem;font-family: Arial;font-size: 0.18rem;font-weight: bold;line-height: 0.3rem;letter-spacing: normal;color: #333333;position: relative;display: block;height: 0.36rem;display: block;} .con-Conference ul li a .textcon h6::after{content: "";position: absolute;left: 0;bottom: 0;width: 0.36rem;height: 0.02rem;background: #791CB5;} .con-Conference ul li a .textcon{padding: 0 0.14rem 0.24rem 0.14rem;} .con-Conference ul li a .textcon p{font-family: Arial;font-size: 0.16rem !important;font-weight: normal;line-height: 0.26rem !important;max-height:0.78rem;height: auto;letter-spacing: normal;color: #666666;margin-top: 0.02rem;} .con-Conference ul li a .textcon .line1{ -webkit-line-clamp: 2;} @media(max-width: 1024px) { .con-Airport .Airport a .pic{width: 100%;} .con-Airport .Airport a .pic img{height: 52vw;} .con-Airport .Airport a .text{width: 100%;} .con-RailwayStations .RailwayStations ul li{width: 100%;} .con-RailwayStations .RailwayStations ul li a .pic img{height: 52vw;} .con-Conference ul li{width: calc(50% - 0.2rem)} .con-Conference ul li a .pic img{height: 26vw;} } @media(max-width: 768px) { .con-Conference ul li{width: 100%;} .con-Conference ul li a .pic img{height: 52vw;} } /* 内容页 */ .n_right .show{margin-top: 0.5rem;} .show01{margin-bottom: 0.2rem;} .show01 h5{font-size: 0.3rem;line-height: 0.36rem;text-align: center;margin-bottom: 0.2rem;font-weight: bold;color: #333333;} .show01 p{padding: 0.16rem;text-align: center;font-size: 0.16rem;color: #666666;background: #fbf9fd;} .show01 i{font-style: normal;margin: 0 8px;padding-left: 0.24rem;font-size: 0.16rem;color: #666666;display: inline-block;line-height: 0.24rem;} .show02{} .show02 p{font-size: 0.2rem!important;color: #333333;line-height: 0.36rem!important;margin-bottom: 0.16rem; text-indent: 0 !important;} .show02 p video{height: 100% !important;margin: 0 auto;} .show02 p iframe{margin-left:-2em !important;} .show02 table{margin:0 auto !important;overflow-x: scroll;} #vsb_content_2 TABLE TD{text-indent:0 !important;} .show02 table p{text-indent: 0em;} .show02 ol{padding-left: 1em;} .show02 li p{text-indent: 0em;} .show02 #vsb_content_2 li p{text-indent: 0em;} .table_out{max-width: 100%;overflow: auto;} .show02 img{display: block;margin: 0 auto;max-width: 100%;height: auto!important;border:none !important;margin-bottom: 0.16rem;} .show03{margin-top: 0.4rem;padding-top: 0.24rem;} .show03 p{font-size: 0.2rem;color: #323232;margin-bottom: 0.16rem;line-height:0.24rem;} .show03 p+p{margin-bottom: 0;} .show03 p a{font-weight: normal; color: #666666;transition: 0.6s all;} .show03 p a:hover{color: #791CB5;transition: 0.6s all;} @media(max-width: 1024px) { .n_right .show{margin-top: 0.3rem;} } @media(max-width: 640px) { .show02 table{display: flex !important;overflow-x: auto;width: 100% !important;margin: 0 auto !important;white-space: nowrap;} } @media(max-width: 1024px){ .show01 h5{font-size: 0.18rem;line-height: 0.32rem;} } @media(max-width: 768px) { .show02 p video{width:100%;height:100%;} } .fanye{margin-top: 0.6rem;width: 100%;} .fanye img{display: block;margin: 0 auto;} @media(max-width: 768px) { .fanye{margin-top: 0.4rem;} } /*==========================================内页 结束=============================================*/ .pb_sys_style1 .p_no_d { border: 1px solid #791cb5 !important; color: #fff; background-color: #791cb5 !important; } .pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o, .pb_sys_common .p_fun a, .pb_sys_common .p_no a { padding: 0px 14px !important; height: 34px !important; line-height: 32px !important; } .pb_sys_common {font-size: 14px !important;} /*首页日历*/ #layui-laydate1{width:100%;} .layui-laydate-main{width: 100%!important;} .layui-laydate-content table{width: 100%;} .layui-laydate-content td{font-size: 0.16rem;line-height: 0.24rem;margin: 0.1rem 0;} .layui-laydate .layui-this{position: relative;color: white;background: none;} .layui-laydate td{position: relative;} .layui-laydate td::after{content: "";position: absolute;left: 50%;width: 0.42rem;height: 0.42rem;transform: translate(-50%,-50%);top: 50%;border-radius: 50%;background: linear-gradient(140deg, #850ED1 10%, #2021EB 108%), #4619E1;z-index: -1;opacity: 0;} .layui-laydate td::before{content: "";position: absolute;left: 50%;width: 0.42rem;height: 0.42rem;transform: translate(-50%,-50%);top: 50%;border-radius: 50%;background:#EEEEEE;z-index: -1;opacity: 0;} .layui-laydate .layui-this::after{opacity: 1;transition: 0.4s all;} .layui-laydate td:hover::after{opacity: 1;transition: 0.4s all;} .laydate-set-ym span{font-size: 0.24rem;font-family: arial;font-weight: bold;color: white;padding:0!important;;} #date1 .layui-laydate-content td.layui-this::after {opacity: 1;} #date1 .layui-laydate-content td.highlight::before{opacity: 1;} .part4-r-lb .hysj{display:none;} .rl_box .swiper-slide{ border-bottom: 1px solid #9562ec;padding: 10px 0; }